/* Hallmark tokens · theme: Cobalt (modern-minimal) · anchor hue 256 (brand #2563EB) */
:root {
  --color-paper:      oklch(98.5% 0.004 250);
  --color-paper-2:    oklch(96.5% 0.005 252);
  --color-paper-3:    oklch(94%   0.006 254);
  --color-rule:       oklch(91%   0.008 255);
  --color-rule-2:     oklch(83%   0.011 255);
  --color-muted:      oklch(52%   0.013 255);
  --color-neutral:    oklch(46%   0.015 255);
  --color-ink-2:      oklch(34%   0.018 257);
  --color-ink:        oklch(24%   0.020 258);
  --color-accent:     oklch(55%   0.20  259);
  --color-accent-ink: oklch(99%   0.004 256);
  --color-focus:      oklch(55%   0.20  259);
  --color-graphite:   oklch(22%   0.016 260);
  --color-graphite-2: oklch(28%   0.018 260);
  --color-graphite-rule: oklch(36% 0.018 260);
  --color-on-graphite:   oklch(95% 0.006 255);
  --color-on-graphite-2: oklch(76% 0.012 255);
  --color-accent-on-graphite: oklch(74% 0.14 256);
  --color-up:         oklch(52%   0.13  155);
  --color-up-on-graphite: oklch(78% 0.14 155);

  --font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-body:    "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-md:   1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.375rem;
  --text-2xl:  clamp(1.5rem, 1.2vw + 1.2rem, 2rem);
  --text-display:   clamp(2rem, 3.6vw + 0.8rem, 3.5rem);
  --text-figure:    clamp(4.5rem, 15vw, 11rem);

  --tracking-display: -0.03em;
  --tracking-label:   0.06em;

  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2rem;
  --space-2xl: 3rem;
  --space-3xl: 4.5rem;
  --space-4xl: 7rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --measure: 64ch;

  --radius-sm: 6px;
  --radius-md: 10px;
  --rule: 1px solid var(--color-rule);
  --rule-graphite: 1px solid var(--color-graphite-rule);

  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:     cubic-bezier(0.55, 0, 1, 0.45);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 600ms;
}
