/* Design tokens. Raw colour values appear only in this file. Contrast ratios (WCAG) are noted for text colours. */
:root{
  /* text and surfaces */
  --ink:#17201b;            /* 16.7:1 on white; text and the primary button */
  --text-2:#5f6962;         /* 5.7:1; labels, meta, helpers */
  --text-3:#848e88;         /* 3.4:1; placeholders and decorative icons only */
  --bg:#f4f6f3;
  --surface:#fff;
  --surface-2:#f7f8f6;
  --divider:#d9ddd9;
  --border-input:#7c857e;   /* 3.8:1 against white, visible control edge */
  /* brand gold: decoration only, never a fill under white text */
  --accent:#b9914f;
  --accent-text:#7f6128;    /* 5.8:1 */
  --accent-tint:#f6efe2;
  /* tones */
  --success-fg:#1f6b43; --success-bg:#e8f3ec;
  --warn-fg:#8a5300;    --warn-bg:#fff4e0; --warn-border:#a8781f;
  --danger-fg:#9d3434;  --danger-bg:#fbeaea;
  --info-fg:#2f5470;    --info-bg:#eef3f7;
  --on-ink:#fff;            /* text on the ink fill (primary button, selected chip, current step) */
  --ink-hover:#2b3631;
  --accent-tint-hover:#efe4cf;
  --mark-bg:rgb(185 145 79 / .12);
  --toast-bg:#17201b; --toast-fg:#fff; --toast-action:#d7b979;
  --scrim:rgb(23 32 27 / .45);
  --focus-halo:#e9dcc3;
  --preview-bg:#e4e8e4;

  --font:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",Arial,sans-serif;
  --fs-12:.75rem; --fs-14:.875rem; --fs-16:1rem; --fs-20:1.25rem; --fs-24:1.5rem;
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  --r1:8px; --r2:12px; --r-pill:999px;
  --e1:0 1px 2px rgb(23 32 27 / .06);
  --e2:0 8px 24px rgb(23 32 27 / .14);
  --e3:0 16px 48px rgb(23 32 27 / .22);
  --e-bar:0 -4px 16px rgb(23 32 27 / .06);   /* bars fixed to the bottom edge */
  --r-sm:6px;

  /* icons */
  --icon-sm:16px; --icon-md:18px; --icon:20px; --icon-lg:22px;

  /* motion: short, only to show what changed */
  --dur-fast:.12s; --dur:.2s; --ease:cubic-bezier(.2,0,0,1);

  /* layout widths */
  --w-form:680px; --w-page:880px; --w-panel:480px; --w-sheet:560px;

  --control-h:48px;
  --control-sm:36px;      /* small buttons and chips; tap area is enlarged to 44px */
  --touch-min:44px;
  --btn-h:48px;
  --appbar-h:56px;
  --stepper-h:48px;
  --bottombar-h:64px;
  --sticky-top:108px;     /* measured at run time */
  --sticky-bottom:72px;   /* measured at run time */
}
@media (min-width:981px) and (pointer:fine){
  :root{ --control-h:44px; --btn-h:40px; }
}