:root {
  --weiss: #FFFFFF;
  --hell: #F4F4F2;
  --linie: #E4E4E0;
  --text: #16181B;
  --grau: #62666D;
  --rot: #E3262E;
  --rot-dunkel: #C21D24;
  --ok: #1F8A4C;
  --fehler: #B42318;

  --bg: var(--weiss);
  --bg-alt: var(--hell);
  --akzent: var(--rot);
  --akzent-hover: var(--rot-dunkel);
  --karte: var(--weiss);
  --text-leise: var(--grau);

  --font-titel: 'Archivo', 'Arial Narrow', system-ui, sans-serif;
  --font-text: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius: 12px;
  --radius-s: 8px;
  --schatten: 0 1px 2px rgba(22, 24, 27, .05), 0 4px 16px rgba(22, 24, 27, .05);
  --schatten-gross: 0 24px 64px rgba(22, 24, 27, .18);
  --max: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --ease: cubic-bezier(0.23, 1, 0.32, 1);
}