/* tokens.css — Maple Street Cleaners
   ---------------------------------------------------------------------------
   The owner said the colours are "linen cream and slate blue". That is the whole
   palette: a warm linen paper, a deep slate blue that is dark enough to be TEXT
   as well as a fill, and one warm brass note used three or four times a page.

   Measured against the linen base (#F7F4ED):
     --ink        14.1:1
     --muted       5.3:1
     --slate       8.4:1   <- headings, prices, buttons, links. Text-safe.
     --slate-soft  5.2:1
     --brass       4.6:1   <- sparing emphasis only
     --paper on --slate        8.4:1
     --paper on --slate-deep  13.0:1
   --------------------------------------------------------------------------- */

:root {
  /* Surfaces */
  --paper: #F7F4ED;
  --paper-2: #EFEADE;
  --paper-3: #E6E0D0;
  --surface: #FFFFFF;

  /* Ink */
  --ink: #1C2530;
  --ink-2: #3D4A59;
  --muted: #5A6675;

  /* Slate blue */
  --slate: #2F4A63;
  --slate-deep: #1B2C3D;
  --slate-soft: #4A6A88;
  --on-slate: #F7F4ED;

  /* Warm note */
  --brass: #8A6A2F;

  /* Lines */
  --line: #DED7C8;
  --line-2: #C7BEA9;
  --line-slate: rgba(247, 244, 237, 0.20);

  /* Type */
  --font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  --fs-xs: 0.775rem;
  --fs-sm: 0.925rem;
  --fs-0: clamp(1rem, 0.97rem + 0.15vw, 1.0625rem);
  --fs-1: clamp(1.09rem, 1.02rem + 0.34vw, 1.28rem);
  --fs-2: clamp(1.28rem, 1.15rem + 0.66vw, 1.68rem);
  --fs-3: clamp(1.75rem, 1.40rem + 1.70vw, 2.70rem);
  --fs-4: clamp(2.35rem, 1.68rem + 3.25vw, 4.05rem);
  --fs-num: clamp(2.1rem, 1.5rem + 2.6vw, 3.1rem);

  --measure: 62ch;
  --track-label: 0.155em;

  /* Space */
  --sp-1: 0.35rem;
  --sp-2: 0.7rem;
  --sp-3: 1.1rem;
  --sp-4: 1.75rem;
  --sp-5: 2.75rem;
  --sp-6: 4.5rem;
  --section-y: clamp(3.75rem, 8vw, 7.25rem);
  --gutter: clamp(1.25rem, 4.5vw, 2.5rem);
  --maxw: 1200px;

  /* Shape — crisp and printed, not pill-soft */
  --r: 3px;
  --r-lg: 6px;

  /* Depth — warm, low, used sparingly */
  --shadow-sm: 0 1px 2px rgba(28, 37, 48, 0.06), 0 1px 1px rgba(28, 37, 48, 0.04);
  --shadow: 0 2px 6px rgba(28, 37, 48, 0.06), 0 24px 48px -24px rgba(28, 37, 48, 0.32);
  --shadow-lg: 0 2px 8px rgba(28, 37, 48, 0.07), 0 40px 70px -32px rgba(28, 37, 48, 0.42);

  /* Motion */
  --ease: cubic-bezier(0.22, 0.68, 0.28, 1);
  --dur: 220ms;

  /* Fixed chrome */
  --header-h: 72px;
  --duna-h: 48px;
}