/* Slow Recovery Notes: design tokens. Dot Paper and Pine Graphite. Every colour and font in the site is defined here. */
:root {
  --font-display: "Playfair Display", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-body: "Work Sans", "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-mono: "Overpass Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --color-paper: oklch(95.5% 0.006 95);
  --color-paper-2: oklch(91.5% 0.008 95);
  --color-sheet: oklch(98.8% 0.003 95);
  --color-grid: oklch(76% 0.012 95 / 0.55);
  --color-rule: oklch(80% 0.010 95);
  --color-ink: oklch(20% 0.012 95);
  --color-ink-dim: oklch(40% 0.012 95);
  --color-pencil: oklch(58% 0.012 95);
  --color-accent: oklch(38% 0.060 165);
  --color-accent-strong: oklch(29% 0.055 165);
  --color-accent-tint: oklch(90% 0.025 165);
  --color-night: oklch(17% 0.012 95);
  --color-night-2: oklch(25% 0.016 100);
  --color-on-night: oklch(95% 0.008 95);
  --color-on-night-dim: oklch(76% 0.015 95);
  --color-focus: oklch(52% 0.130 165);

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.0625rem;
  --text-lg: 1.25rem;
  --text-xl: 1.625rem;
  --text-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.25rem);
  --text-hero: clamp(3.2rem, 13.5vw, 12.5rem);

  --space-xs: 0.375rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 5rem;

  --radius-s: 4px;
  --radius-m: 8px;
  --measure: 40rem;
  --gutter: max(1rem, 4vw);
  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-base: 180ms;
}