/* ==========================================================================
   HQ Smart Wellness — static review prototype
   tokens.css — design tokens only. No selectors beyond :root.
   Palette follows the supplied HQ Souper brand reference:
   warm ivory / porcelain, antique gold, herbal olive.
   ========================================================================== */

:root{
  /* --- colour: surfaces ------------------------------------------------ */
  --c-bg:#f7f0e5;             /* warm ivory page */
  --c-surface:#fffdf8;        /* porcelain card */
  --c-surface-alt:#f2e7d3;    /* sand panel */
  --c-surface-sunk:#ece0c8;   /* recessed / disabled */

  /* --- colour: ink ----------------------------------------------------- */
  --c-text:#292515;
  --c-text-muted:#625941;
  --c-text-invert:#fffdf8;

  /* --- colour: line ---------------------------------------------------- */
  --c-border:#d8c49b;
  --c-border-strong:#aa8d50;  /* antique gold */

  /* --- colour: brand --------------------------------------------------- */
  --c-primary:#51431c;        /* herbal olive */
  --c-primary-hover:#3d3214;
  --c-primary-contrast:#ffffff;
  --c-accent:#766126;         /* antique gold, ink-safe */
  --c-ops-nav:#51431c;       /* company-colour Coach/Admin navigation */
  --c-ops-nav-hover:#65572a;
  --c-ops-nav-active:#d8c49b;
  --c-ops-nav-text:#fffdf8;

  /* --- colour: status (all AA against their own bg) -------------------- */
  --c-ok:#2d5a38;        --c-ok-bg:#e7efe1;
  --c-caution:#795211;   --c-caution-bg:#fbefd9;
  --c-halt:#842f28;      --c-halt-bg:#f9e6e0;
  --c-info:#51431c;      --c-info-bg:#f4ead5;
  --c-focus:#4d3a08;

  /* --- colour: dark staff chrome (POS / kitchen wall displays) --------- */
  --c-dark:#211d12;
  --c-dark-2:#2f2917;
  --c-dark-line:#4b4127;
  --c-dark-text:#f6efe0;

  /* --- typography ------------------------------------------------------ */
  --ff-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
             "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --ff-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-xs:12px; --fs-sm:14px; --fs-md:16px; --fs-lg:18px;
  --fs-xl:20px; --fs-2xl:24px; --fs-3xl:30px; --fs-4xl:36px;

  /* --- spacing (4px grid) ---------------------------------------------- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px;
  --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;

  /* --- radius / elevation / motion ------------------------------------- */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  --e-1:0 1px 2px rgba(41,37,21,.10), 0 1px 3px rgba(41,37,21,.06);
  --e-2:0 4px 12px rgba(41,37,21,.14);
  --e-3:0 12px 32px rgba(41,37,21,.22);
  --dur-fast:120ms; --dur-base:200ms; --ease-standard:cubic-bezier(.2,0,.2,1);

  /* --- layout ---------------------------------------------------------- */
  --target-min:44px;          /* WCAG 2.2 target size */
  --w-content-max:1280px;
  --w-reading-max:72ch;
  --h-topbar:56px;
  --h-tabbar:64px;
  --w-rail:232px;
}