/* ═══════════════════════════════════════════
   DESIGN TOKENS – Neuroinklusives System
   Einzige Quelle der Wahrheit für Farben, Schrift, Radius, Transitions.
═══════════════════════════════════════════ */
@font-face {
  font-display: swap; font-family: 'Lexend'; font-style: normal; font-weight: 300;
  src: url('/fonts/lexend-v26-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Lexend'; font-style: normal; font-weight: 400;
  src: url('/fonts/lexend-v26-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Lexend'; font-style: normal; font-weight: 500;
  src: url('/fonts/lexend-v26-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Lexend'; font-style: normal; font-weight: 600;
  src: url('/fonts/lexend-v26-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap; font-family: 'Lexend'; font-style: normal; font-weight: 700;
  src: url('/fonts/lexend-v26-latin-700.woff2') format('woff2');
}

:root {
  --base:        #F9F9F7;
  --base-alt:    #F1F0EB;
  --sage:        #6B8E7B;
  --sage-light:  #EBF1EE;
  --sage-dark:   #4d6b5a;
  --teal:        #3B6B78;
  --teal-light:  #E5EDEF;
  --teal-dark:   #2a4f5a;
  --terra:       #D98A6C;
  --terra-light: #FAF0EB;
  --terra-dark:  #b86d4e;
  --purple-light:#EEE8F4;
  --purple-dark: #5B3D7A;
  --graphit:     #212529;
  --muted:       #5a6169;
  --border:      #DDE0DC;
  --white:       #FFFFFF;

  --font:        'Lexend', system-ui, sans-serif;
  --line-height: 1.6;
  --max-prose:   70ch;
  --radius:      12px;
  --radius-sm:   8px;
  --shadow:      0 4px 16px rgba(33,37,41,0.08);
  --transition:  180ms ease;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}