/* Gentle Grade design tokens: Lichen Stone and Blaze (custom OKLCH). Every colour and font-family lives here. */
:root {
  --font-display: "Big Shoulders Display", "Arial Narrow", Impact, sans-serif;
  --font-body: "Faustina", Georgia, "Times New Roman", serif;
  --font-mono: "Spline Sans Mono", ui-monospace, Menlo, Consolas, monospace;

  --ground: oklch(76% 0.04 145);
  --ground-deep: oklch(68% 0.05 148);
  --cream: oklch(96.5% 0.02 95);
  --cream-2: oklch(92% 0.03 95);
  --moss: oklch(86% 0.06 145);
  --spruce: oklch(26% 0.04 185);
  --spruce-2: oklch(34% 0.045 185);
  --ink: oklch(22% 0.03 185);
  --ink-soft: oklch(38% 0.03 185);
  --blaze: oklch(50% 0.16 245);
  --blaze-hi: oklch(80% 0.1 235);
  --sun: oklch(85% 0.13 85);
  --sun-deep: oklch(62% 0.12 75);
  --bark: oklch(40% 0.06 60);
  --bark-2: oklch(33% 0.05 60);
  --on-spruce: oklch(94% 0.025 95);
  --on-spruce-soft: oklch(80% 0.03 150);
  --rule: oklch(26% 0.04 185 / 0.35);

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-base: 1.1875rem;
  --text-lg: 1.375rem;
  --text-xl: 1.75rem;
  --text-2xl: clamp(2rem, 1.2rem + 3.4vw, 3.4rem);
  --text-hero: clamp(2.7rem, 1.3rem + 6.6vw, 5.6rem);

  --space-xs: 0.375rem;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;
  --space-2xl: 5rem;
  --gap: 0.9rem;
  --wrap: 78rem;
  --read: 41rem;
  --cut: 0.9rem;
}