/* 01-settings/layout — container + breakpoint tokens.
   NB: custom properties can't be used inside @media conditions; these are the
   documented source of truth and the literals are repeated in the queries. */
:root {
  --container: 1080px;
  --container-wide: 1280px;

  --bp-sm: 40rem;    /* 640px */
  --bp-md: 47.5rem;  /* 760px */
  --bp-lg: 64rem;    /* 1024px */
}