/* Hallmark · macrostructure: Workbench · theme: Hum (mineral-tuned) · anchor hue: amethyst
 * nav: N9 (edge-aligned minimal) · footer: Ft5 (statement) · contrast: pass (40–41)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · mobile: pass (34, 49, 50–57) */
/* Hallmark · pre-emit critique: P5 H4 E5 S5 R4 V4 */
:root {
  --color-paper: oklch(96.3% 0.006 95);
  --color-surface: oklch(92% 0.008 95);
  --color-ink: oklch(24% 0.02 300);
  --color-muted: oklch(47% 0.02 300);
  --color-accent: oklch(45% 0.15 300);
  --color-accent-ink: oklch(96.3% 0.006 95);
  --color-teal: oklch(49% 0.09 185);
  --color-gold: oklch(60% 0.11 78);
  --color-rose: oklch(54% 0.11 12);
  --color-line: oklch(84% 0.01 95);
  --color-focus: oklch(45% 0.15 300);
  --color-clear: transparent;
  --color-shadow: oklch(24% 0.02 300 / 0.14);
  --font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "BIZ UDGothic", sans-serif;
  --font-body: system-ui, "Hiragino Sans", "Noto Sans JP", sans-serif;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: clamp(1.25rem, 2vw, 1.5rem);
  --text-xl: clamp(1.65rem, 3vw, 2.4rem);
  --text-display: clamp(2.35rem, 6vw, 5.1rem);
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4.5rem;
  --space-2xl: clamp(5.5rem, 12vw, 10rem);
  --radius-sm: 0.75rem;
  --radius-md: 1.25rem;
  --radius-pill: 999px;
  --rule: 1px solid var(--color-line);
  --shadow-raised: 0 1rem 2.5rem var(--color-shadow);
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in: cubic-bezier(.7, 0, .84, 0);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
}