/* Hallmark · genre: modern-minimal · theme: Cobalt · design-system: design.md
 * pre-emit critique: P4 H5 E4 S5 R4 V4 */
:root {
  color-scheme: light;
  --color-paper: oklch(97.5% 0.007 260);
  --color-surface: oklch(100% 0 0);
  --color-ink: oklch(24% 0.035 264);
  --color-muted: oklch(49% 0.025 262);
  --color-soft: oklch(95% 0.012 260);
  --color-rule: oklch(90% 0.015 260);
  --color-accent: oklch(52% 0.22 263);
  --color-accent-hover: oklch(46% 0.2 263);
  --color-accent-soft: oklch(94% 0.025 263);
  --color-accent-ink: oklch(100% 0 0);
  --color-good: oklch(43% 0.1 164);
  --color-good-soft: oklch(95% 0.025 164);
  --color-danger: oklch(48% 0.18 25);
  --color-danger-soft: oklch(96% 0.02 25);
  --color-navy: oklch(22% 0.045 264);
  --color-navy-raised: oklch(29% 0.045 264);
  --color-on-dark: oklch(98% 0.004 260);
  --color-dark-muted: oklch(78% 0.025 260);
  --color-dark-rule: oklch(36% 0.035 264);
  --color-dark-accent: oklch(78% 0.11 260);
  --color-blue-tile: oklch(53% 0.2 263);
  --color-green-tile: oklch(46% 0.1 166);
  --color-coral-tile: oklch(52% 0.16 35);
  --color-focus: oklch(47% 0.17 263);
  --color-shadow: oklch(23% 0.035 264 / 0.08);
  --color-shadow-strong: oklch(23% 0.035 264 / 0.16);
  --font-display: "Avenir Next", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --space-xs: .25rem; --space-sm: .5rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem;
  --text-xs: .75rem; --text-sm: .875rem; --text-base: .9375rem;
  --text-lg: 1.125rem; --text-xl: 1.375rem; --text-2xl: 1.875rem;
  --text-3xl: 2.75rem; --text-display: 4.25rem;
  --radius-sm: .5rem; --radius-md: .75rem; --radius-lg: 1rem;
  --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);
  --dur-fast: 120ms; --dur-normal: 180ms;
  --rule-hairline: 1px solid var(--color-rule);
  --shadow-sm: 0 2px 6px var(--color-shadow);
  --shadow-panel: 0 12px 40px var(--color-shadow);
  --shadow-raised: 0 24px 64px var(--color-shadow-strong);
}
