/* ── Sushi One Design Tokens ────────────────────────────────────────
   Shared across all pages. Edit here; all pages inherit automatically.
   Colors: OKLCH — perceptually uniform, neutrals tinted toward brand hue (h=8).
   Inner glow: soy-amber token per .impeccable.md validation 2026-05-17.
─────────────────────────────────────────────────────────────────── */

:root {
  /* Food photography palette */
  --salmon: oklch(68% 0.14 28);
  --amber: oklch(74% 0.13 72);
  --avocado: oklch(60% 0.12 130);
  --nori: oklch(22% 0.04 160);
  --rice: oklch(95% 0.02 85);
  --ember: oklch(45% 0.18 22);

  /* Brand accent: crimson-rose (h=8) */
  --accent: oklch(42% 0.19 8);
  --accent-dark: oklch(34% 0.16 8);
  --accent-light: oklch(88% 0.06 8);

  /* Ink: near-black, warm-tinted (h=35) */
  --ink: oklch(13% 0.01 35);
  --ink-soft: oklch(38% 0.008 35);
  --ink-muted: oklch(52% 0.006 35);
  --ink-faint: oklch(65% 0.006 35);

  /* Surface: warm-tinted, never pure white */
  --bg: oklch(97% 0.006 65);
  --surface: oklch(99% 0.005 65);
  --surface-alt: oklch(96% 0.004 65);
  --surface-off: oklch(97% 0.004 65);
  --surface-hover: oklch(96% 0.006 65);
  --border: oklch(92% 0.004 65);
  --border-strong: oklch(85% 0.005 65);

  /* Text on colored backgrounds */
  --on-accent: oklch(98% 0.004 65);

  /* Inner glow — soy-amber (h=78) */
  --glow-rest:
    inset 0 1px 0 oklch(0.85 0.08 78 / 0.35),
    inset 0 0 24px oklch(0.85 0.08 78 / 0.10);
  --glow-hover:
    inset 0 1px 0 oklch(0.85 0.08 78 / 0.55),
    inset 0 0 36px oklch(0.85 0.08 78 / 0.18);

  /* Band bg (dark sections) */
  --band-bg: oklch(13% 0.01 35);

  /* Easing */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-curtain: cubic-bezier(0.76, 0, 0.24, 1);

  /* Fonts */
  --font-display: "Cabinet Grotesk", Figtree, sans-serif;
  --font-body: Figtree, "Cabinet Grotesk", sans-serif;
}

/* ── Dark mode overrides (site is dark-only; tokens shift for dark bg) */
html[data-theme="dark"] {
  --ink: #f0f0f0;
  --ink-soft: #d0c5b2;
  --ink-muted: #8a8a8a;
  --ink-faint: #808080;
  --surface: #141414;
  --surface-off: #111111;
  --surface-hover: #1c1c1c;
  --border: #2a2a2a;
  --band-bg: oklch(13% 0.01 35);
}