/* Hallmark · theme: karakara-night-v3 · paper-band: dark / display-style: geist-sharp / accent-hue: KARAKARA red */
:root {
  /* --- surface --- */
  --color-page: oklch(12% 0.016 26);

  /* --- ink --- */
  --color-ink: oklch(98% 0.006 85);
  --color-ink-soft: oklch(92% 0.008 78 / 0.86);
  --color-muted: oklch(90% 0.01 76 / 0.78);
  --color-footer: oklch(90% 0.01 76 / 0.5);

  /* --- brand accent (sampled from logo #db2d23) --- */
  --color-accent: oklch(56% 0.204 29);
  --color-accent-strong: oklch(60% 0.216 29);
  --color-accent-deep: oklch(47% 0.176 29);
  --color-on-accent: oklch(99% 0.005 85);

  /* --- hairlines --- */
  --line-soft: oklch(96% 0.01 80 / 0.14);
  --line-softer: oklch(96% 0.01 80 / 0.08);

  /* --- buttons --- */
  --color-button-dark: oklch(15% 0.014 28 / 0.74);
  --color-button-dark-hover: oklch(21% 0.016 28 / 0.86);
  --color-button-dark-active: oklch(12% 0.014 28 / 0.9);
  --color-button-border: oklch(96% 0.01 80 / 0.15);
  --color-button-border-hover: oklch(96% 0.01 80 / 0.26);
  --color-button-menu: oklch(52% 0.196 29 / 0.95);
  --color-button-menu-hover: oklch(57% 0.208 29 / 1);
  --color-button-menu-active: oklch(47% 0.178 29 / 1);
  --color-button-ghost: oklch(13% 0.012 28 / 0.52);
  --color-button-ghost-hover: oklch(18% 0.014 28 / 0.7);

  /* --- scrim stops (weak, layered — never one flat black) --- */
  --scrim-top: oklch(6% 0.014 26 / 0.52);
  --scrim-top-mid: oklch(6% 0.014 26 / 0.2);
  --scrim-center: oklch(6% 0.014 26 / 0.08);
  --scrim-bottom-mid: oklch(5% 0.014 26 / 0.42);
  --scrim-bottom: oklch(4% 0.014 26 / 0.86);
  --scrim-halo: oklch(5% 0.014 26 / 0.66);

  --text-shadow-soft: 0 1px 2px oklch(4% 0.012 26 / 0.55), 0 0.5rem 1.75rem oklch(4% 0.012 26 / 0.5);

  --color-transparent: oklch(0% 0 0 / 0);

  /* --- type --- */
  --font-body: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;

  --text-label: 0.625rem;   /* SIEM REAP / footer */
  --text-eyebrow: 0.6875rem; /* store name label */
  --text-body: 0.8125rem;
  --text-button: 0.6875rem;

  --tracking-label: 0.34em;
  --tracking-eyebrow: 0.28em;
  --tracking-button: 0.1em;

  /* --- rhythm (8px base, mobile-first) --- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.75rem;

  --radius-button: 0.625rem;

  /* --- motion --- */
  --dur-tap: 120ms;
  --dur-short: 180ms;
  --dur-mid: 240ms;
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-soft: cubic-bezier(0.33, 0, 0.15, 1);

  --shadow-logo: 0 0.75rem 2.25rem oklch(4% 0.01 20 / 0.55);
  --shadow-menu: 0 0.5rem 1.5rem oklch(40% 0.16 29 / 0.28);
}