:root {
  --color-primary-900: #142925;
  --color-primary-800: #203735;
  --color-accent-700: #225A55;
  --color-accent-600: #31736D;
  --color-accent-200: #A7C9B9;
  --color-accent-100: #D6E2DB;
  --color-surface-100: #E7EDE8;
  --color-surface-50: #F4F5F2;
  --color-white: #FFFFFF;
  --color-text-secondary: #425954;
  --color-border-subtle: #AFC1BA;
  --color-border-strong: #637C73;
  --font-display: 'Manrope', Arial, sans-serif;
  --font-body: 'Inter', Arial, sans-serif;
  --container-max: 1200px;
  --radius-card: 12px;
  --radius-button: 8px;
  --tap-min: 44px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --space-12: 48px; --space-16: 64px; --space-24: 96px;
}
/* Richtwerte (keine komplette fertige Website):
 * H1 Desktop 52px/60px | Mobile 36px/44px | tracking -0.035em
 * H2 Desktop 36px/44px | Mobile 28px/36px | tracking -0.025em
 * Text 16px/26px | Button 15px/20px | Mindestraster 320px
 * Normaltext #31736D auf #D6E2DB ist NICHT erlaubt: 4.14:1 (<4.5:1).
 */