/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * macrostructure: Parallel Task Canvas · theme: studied-DNA (source: TapNow workbench)
 * tone: precise production tool · anchor hue: coral
 * contrast: pass (40-41) · nav: N7 · footer: none · slop: pass (42-45)
 * honest: pass (46) · chrome: pass (47) · tokens: pass (48) · responsive: pass (49)
 * icons: pass (30) · mobile: pass (34, 49, 50-57)
 */
:root {
  --color-paper: oklch(14% 0.006 270);
  --color-paper-deep: oklch(10% 0.004 270);
  --color-panel: oklch(18% 0.008 270);
  --color-panel-raised: oklch(22% 0.009 270);
  --color-stage: oklch(11% 0.005 270);
  --color-stage-grid: oklch(29% 0.009 270 / 0.34);
  --color-ink: oklch(94% 0.006 90);
  --color-ink-strong: oklch(99% 0.002 90);
  --color-muted: oklch(65% 0.012 270);
  --color-muted-deep: oklch(48% 0.012 270);
  --color-line: oklch(29% 0.01 270);
  --color-line-strong: oklch(40% 0.014 270);
  --color-accent: oklch(68% 0.18 32);
  --color-accent-deep: oklch(58% 0.19 30);
  --color-accent-soft: oklch(68% 0.18 32 / 0.16);
  --color-accent-ink: oklch(99% 0.003 90);
  --color-success: oklch(72% 0.14 155);
  --color-error: oklch(68% 0.19 25);
  --color-shadow: oklch(3% 0.002 270 / 0.62);
  --color-scrim: oklch(4% 0.002 270 / 0.78);
  --color-overlay: oklch(8% 0.004 270 / 0.9);
  --font-display: "Aptos Display", "Segoe UI", sans-serif;
  --font-body: Inter, "Segoe UI", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --text-2xs: 9px;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 20px;
  --text-xl: 30px;
  --text-2xl: 40px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in: cubic-bezier(0.64, 0, 0.78, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-med: 220ms;
  --dur-slow: 360ms;
  --rule-thin: 1px;
  --radius-sm: 4px;
  --radius-md: 8px;
}
