/* EasyMenew design tokens (palette from design-system/easymenew/MASTER.md) — single source for website, dashboard, KDS and service view.
   Spec: docs/07-design-system.md. Guest menus do NOT use these (they use the café theme engine). */
:root{
  /* colour — espresso / copper / latte / cream + 3 appetite accents (ui-ux-pro-max: warm brown + cream,
     "Vibrant & Block-based"). Contrast checked: text >= 4.5:1 on cream/latte. */
  --espresso-900:#231710; --espresso-800:#34241A; --espresso-700:#4B3426; --espresso-500:#735A4A; --espresso-300:#C9B4A2; --espresso-100:#EFE6DC;
  --copper-800:#7A3510; --copper-700:#92400E; --copper-600:#B45309; --copper-400:#E08A3C; --copper-100:#FCE9D2;
  --saffron-400:#F2B33D; --saffron-100:#FDF1D3;
  --pistachio-600:#4E6B2E; --pistachio-400:#8DB05A; --pistachio-100:#E7F0DA;
  --berry-600:#A8323A; --berry-400:#E0736B; --berry-100:#FBE3DF;
  --latte-300:#E2C7A6; --latte-200:#EFDDC6; --latte-100:#F7ECDD;
  --cream-50:#FFF9F0; --white:#FFFFFF;

  /* semantic */
  --bg:var(--cream-50); --surface:var(--white); --surface-2:var(--latte-100); --surface-3:var(--latte-200);
  --text:var(--espresso-900); --text-2:var(--espresso-700); --muted:var(--espresso-500); --faint:var(--espresso-300);
  --primary:var(--copper-700); --primary-hover:var(--copper-800); --on-primary:#FFFFFF;
  --dark:var(--espresso-900); --on-dark:var(--cream-50); --on-dark-muted:var(--espresso-300);
  --accent:var(--copper-400); --accent-text:var(--copper-700); --accent-soft:var(--copper-100);
  --line:rgb(35 23 16 / .09); --line-strong:rgb(35 23 16 / .16);
  --success:#2F7A5E; --success-soft:#E6F1EC;
  --warning:#9A5A00; --warning-soft:#FBEFD9;
  --danger:#B42318;  --danger-soft:#FBE9E7;
  --info:var(--espresso-700); --info-soft:var(--espresso-100);
  --focus:0 0 0 2px var(--white),0 0 0 4px var(--copper-600);

  /* type — one family; hierarchy by size/weight/colour */
  --font:"Vazirmatn",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-display:clamp(2.25rem,4.6vw,3.75rem); --lh-display:1.25;
  --fs-h1:2.25rem; --lh-h1:1.3;
  --fs-h2:1.75rem; --lh-h2:1.35;
  --fs-h3:1.25rem; --lh-h3:1.45;
  --fs-h4:1rem;    --lh-h4:1.5;
  --fs-body-lg:1.125rem; --lh-body-lg:1.9;
  --fs-body:.9375rem; --lh-body:1.75;
  --fs-small:.8125rem; --lh-small:1.6;
  --fs-caption:.75rem; --lh-caption:1.5;
  --fs-label:.8125rem; --lh-label:1.4;

  /* space — 4px scale */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px; --space-7:32px;
  --space-8:40px; --space-9:48px; --space-10:64px; --space-11:80px; --space-12:96px; --space-13:120px;

  /* radius */
  --radius-xs:4px; --radius-sm:8px; --radius-md:12px; --radius-lg:18px; --radius-xl:28px; --radius-pill:999px;

  /* elevation */
  --shadow-1:0 1px 2px rgb(35 23 16 / .05);
  --shadow-2:0 1px 2px rgb(35 23 16 / .06),0 8px 24px -8px rgb(35 23 16 / .16);
  --shadow-3:0 2px 4px rgb(35 23 16 / .06),0 24px 48px -12px rgb(35 23 16 / .28);

  /* motion */
  --dur-1:120ms; --dur-2:180ms; --dur-3:240ms; --ease:cubic-bezier(.2,.7,.2,1);

  /* layers */
  --z-nav:30; --z-drawer:80; --z-modal:100; --z-toast:200;

  /* KDS (dark, high contrast, warm) */
  --kds-bg:#17110D; --kds-surface:#241B15; --kds-surface-2:#30251D; --kds-line:#3B2E25;
  --kds-text:#F7F0E6; --kds-muted:#B8A898;
  --kds-new:#E9A35B; --kds-prep:#F2B544; --kds-ready:#4FBF95; --kds-late:#FF7A6E;
}
@media (prefers-reduced-motion:reduce){:root{--dur-1:0ms;--dur-2:0ms;--dur-3:0ms}}