/* Hallmark · tokens · Assolto (design.md is the rule) */
:root{
  --color-paper: oklch(98.6% 0.004 95);
  --color-paper-2: oklch(97% 0.006 95);
  --color-tint: oklch(96.2% 0.014 190);
  --color-surface: oklch(100% 0 0);
  --color-ink: oklch(23% 0.045 255);
  --color-ink-2: oklch(44% 0.03 255);
  --color-ink-3: oklch(47% 0.026 255);
  --color-rule: oklch(91% 0.01 240);
  --color-rule-strong: oklch(84% 0.014 240);
  --color-accent: oklch(47% 0.085 178);
  --color-accent-deep: oklch(38% 0.07 182);
  --color-accent-soft: oklch(92% 0.035 178);
  --color-brass: oklch(70% 0.09 80);
  --color-brass-ink: oklch(50% 0.085 72);   /* brass for small text on light surfaces (>= 4.5:1) */
  --color-night: oklch(21% 0.04 255);
  --color-night-2: oklch(26% 0.045 255);
  --color-on-night: oklch(96% 0.008 95);
  --color-on-night-2: oklch(80% 0.02 240);
  --color-on-accent: oklch(99% 0.004 95);
  --color-focus: oklch(47% 0.085 178);
  --color-focus-on-night: oklch(82% 0.09 85);
  --color-danger: oklch(52% 0.16 25);
  --color-on-night-line: oklch(96% 0.008 95 / .35);
  --color-on-night-rule: oklch(96% 0.008 95 / .16);
  --color-need-bg: oklch(95% 0.05 85);
  --color-need-ink: oklch(38% 0.08 70);
  --color-danger-soft: oklch(95% 0.03 25);
  --shadow-float: 0 12px 30px -10px oklch(23% 0.045 255 / .35);
  --header-h: 4.5rem;

  --font-display: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Source Serif 4", Georgia, "Times New Roman", serif;

  --text-xs: .8125rem; --text-sm: .9375rem; --text-md: 1.0625rem; --text-lg: 1.25rem;
  --text-xl: clamp(1.4rem, 1.1rem + 1vw, 1.75rem);
  --text-2xl: clamp(1.85rem, 1.3rem + 2vw, 2.6rem);
  --text-3xl: clamp(2.3rem, 1.4rem + 3.2vw, 3.6rem);
  --text-display: clamp(2.7rem, 1.2rem + 5vw, 5rem);

  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-6: 1.5rem;
  --space-8: 2rem; --space-12: 3rem; --space-16: 4rem; --space-24: 6rem; --space-32: 8rem;
  --gutter: clamp(1rem, 4vw, 2rem);
  --maxw: 1220px;

  --radius-sm: 12px; --radius-md: 18px; --radius-lg: 26px; --radius-pill: 999px;
  --shadow-card: 0 30px 60px -36px oklch(23% 0.045 255 / .35), 0 0 0 1px oklch(91% 0.01 240);
  --shadow-soft: 0 12px 30px -20px oklch(23% 0.045 255 / .3);

  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.55, 0, 1, .45);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: 160ms; --dur-med: 280ms; --dur-slow: 600ms;
}