/* Hallmark · genre: editorial · macrostructure: Stat-Led · theme: custom (vibe: "warmes Papier, Waldgrün, Radar-Präzision" · paper oklch(96% 0.015 90) · accent oklch(62% 0.19 45) warm-orange · Bricolage Grotesque + Inter) · nav: N6 · footer: Ft1 · enrichment: Tier C photographic accent */

:root {
  /* Farben */
  --color-paper: oklch(96% 0.015 90);
  --color-paper-2: oklch(98% 0.008 90);
  --color-ink: oklch(21% 0.012 100);
  --color-ink-2: oklch(45% 0.02 95);
  --color-muted: oklch(64% 0.02 95);
  --color-forest: oklch(28% 0.055 155);
  --color-forest-deep: oklch(23% 0.05 155);
  --color-accent: oklch(62% 0.19 45);
  --color-accent-ink: oklch(50% 0.17 45);
  --color-rule: oklch(86% 0.02 95);
  --color-rule-strong: oklch(30% 0.04 150);
  --color-paper-on-dark: oklch(94% 0.02 95);
  --color-mist-on-dark: oklch(78% 0.03 150);
  --color-focus: oklch(55% 0.18 250);

  /* Typografie */
  --font-display: 'Bricolage', Georgia, serif;
  --font-body: 'InterVar', system-ui, sans-serif;
  --text-display: clamp(4.2rem, 12vw, 9.5rem);
  --text-display-s: clamp(2rem, 5vw, 3.2rem);
  --text-xl: 1.35rem;
  --text-lg: 1.125rem;
  --text-md: 1rem;
  --text-sm: 0.875rem;
  --text-xs: 0.78rem;

  /* Raum (4pt) */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6.5rem;

  /* Linien & Radien */
  --rule-hair: 1px solid var(--color-rule);
  --rule-double: 3px double var(--color-rule-strong);
  --radius-sm: 4px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-quick: 180ms;
  --dur-slow: 600ms;
}