/* =====================================================================
   Mise · design tokens
   The restaurant. Light is "Lunch" (tablecloth white, ink); dark is
   "Dinner". --olive is the one accent (buttons, links, the lit words,
   tables that fit). --saffron is the highlight: chosen table, specials,
   the surcharge band (a background, with ink on it). --chilli is only for
   allergens and dishes you can't have.
   ===================================================================== */
:root {
  color-scheme: light;
  --paper: #faf7f2;
  --card: #ffffff;
  --well: #f2ede4;
  --line: #e4ddd0;
  --ink: #1c1a17;
  --ink-2: #45403a;
  --muted: #625c54;
  --olive: #556019;
  --olive-2: #434c12;
  --on-olive: #ffffff;
  --olive-soft: #ecefd8;
  --saffron: #f2c14e;
  --on-saffron: #1c1a17;
  --chilli: #b0301e;
  --chilli-soft: #f8e1dc;
  --focus: #556019;
  --shadow-card: 0 1px 2px rgba(28, 26, 23, 0.05), 0 16px 32px -24px rgba(28, 26, 23, 0.38);
  --shadow-lift: 0 30px 60px -30px rgba(28, 26, 23, 0.45);

  --display: "Playfair Display", Georgia, "Times New Roman", serif;
  --body: "Commissioner", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: var(--body);

  --fs-h1: clamp(46px, 6.2vw, 96px);
  --fs-h2: clamp(32px, 4vw, 60px);
  --fs-h3: 22px;
  --fs-lead: clamp(17.5px, 1.35vw, 20.5px);
  --fs-body: 17px;
  --fs-small: 15px;
  --fs-label: 12px;

  --wrap: 1200px;
  --gutter: max(20px, 4vw);
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 40px; --s-7: 64px; --s-8: 104px;

  --r-s: 6px;
  --r-m: 12px;
  --r-l: 20px;
  --r-pill: 999px;

  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 150ms;
  --d: 300ms;
  --d-slow: 900ms;
}

/* ---------- Dinner ---------- */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --paper: #14120f;
    --card: #1e1b17;
    --well: #191612;
    --line: #332e27;
    --ink: #f3eee6;
    --ink-2: #d6cfc4;
    --muted: #a9a196;
    --olive: #c7d27a;
    --olive-2: #d8e09c;
    --on-olive: #1c2005;
    --olive-soft: #2a2d18;
    --saffron: #e0b040;
    --on-saffron: #1c1a17;
    --chilli: #ff8a73;
    --chilli-soft: #3a1d17;
    --focus: #c7d27a;
    --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
    --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #14120f;
  --card: #1e1b17;
  --well: #191612;
  --line: #332e27;
  --ink: #f3eee6;
  --ink-2: #d6cfc4;
  --muted: #a9a196;
  --olive: #c7d27a;
  --olive-2: #d8e09c;
  --on-olive: #1c2005;
  --olive-soft: #2a2d18;
  --saffron: #e0b040;
  --on-saffron: #1c1a17;
  --chilli: #ff8a73;
  --chilli-soft: #3a1d17;
  --focus: #c7d27a;
  --shadow-card: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 16px 34px -20px rgba(0, 0, 0, 0.85);
  --shadow-lift: 0 30px 60px -26px rgba(0, 0, 0, 0.9);
}