/* Design-System laut artefakte/09-DESIGN-SYSTEM.md (inkl. Revision Build-Review 2026-07-16) */
:root {
  /* Farben */
  --farbe-rot: #C42727;
  --farbe-rot-dunkel: #9E1F1F;
  --farbe-schwarz: #221D19;
  --farbe-grund: #FFFFFF;      /* Grundfläche */
  --farbe-flaeche: #F5F1E9;    /* Wechsel-Sections, Bildkreise — warm, damit der Rhythmus sichtbar ist */
  --farbe-linie: #E8E5DF;      /* Borders, Trennlinien */
  --farbe-hell: #F6F4F0;       /* heller Text auf dunklen Flächen */
  --farbe-weiss: #FFFFFF;
  --farbe-gold: #B98F3A;       /* Award-Akzent, nie für Fließtext */
  --farbe-grau: #6B5F55;       /* Sekundärtext */
  --farbe-gruen: #3D6B35;      /* nur Formular-Erfolg */

  /* Typografie — eine Familie (variable) */
  --font-body: "Work Sans", system-ui, -apple-system, sans-serif;
  --font-display: "Work Sans", system-ui, -apple-system, sans-serif;
  --fs-hero: clamp(2.4rem, 1.2rem + 5.2vw, 4.2rem);
  --fs-h2: clamp(1.6rem, 1.05rem + 2.5vw, 2.4rem);
  --fs-h3: clamp(1.2rem, 1.08rem + 0.7vw, 1.4rem);
  --fs-body: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
  --fs-small: 0.875rem;
  --fs-datum: clamp(1.7rem, 1.2rem + 1.8vw, 2.4rem);
  --fs-zitat: clamp(1.35rem, 1.05rem + 1.4vw, 1.9rem);

  /* Abstände */
  --abstand-4: 4px;   --abstand-8: 8px;   --abstand-12: 12px;
  --abstand-16: 16px; --abstand-24: 24px; --abstand-32: 32px;
  --abstand-48: 48px; --abstand-64: 64px; --abstand-96: 96px;

  /* Layout */
  --container-max: 1120px;
  --container-pad: 20px;
  --radius-s: 8px;
  --radius-m: 14px;
  --radius-pill: 999px;
  --schatten-weich: 0 2px 8px rgba(34, 29, 25, 0.06);
  --schatten-stark: 0 10px 28px rgba(34, 29, 25, 0.13);
  --schatten-rot: 0 10px 22px rgba(196, 39, 39, 0.25);

  /* Bewegung */
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --dauer-ui: 200ms;
  --dauer-reveal: 400ms;
}
@media (min-width: 640px) {
  :root { --container-pad: 32px; }
}