/* variables.css – Design-Tokens */
:root {
  /* --- Farben --- */
  /* Neue Farbwelt: Primärblau + grüner Akzent (ersetzt bisheriges Orange) */
  --color-primary: #122b54;     /* Primärblau (Hero, Header-Text, Überschriften) */
  --color-accent: #34c270;      /* Akzent-/CTA-Farbe */
  --color-accent-dunkel: #2aa25d; /* Akzent-Hover */
  --color-white: #ffffff;

  --allianz-blau: #122b54;      /* Header-Text, Footer, Überschriften */
  --allianz-blau-hell: #1e4585; /* Verläufe, Hover-Zustände */
  --allianz-blau-dunkel: #0d1f3d;
  --akzent-orange: #34c270;     /* CTA-Buttons, Häkchen (jetzt grün) */
  --akzent-orange-dunkel: #2aa25d;

  --weiss: #ffffff;
  --hell-grau: #f5f7fa;         /* Sektionshintergrund im Wechsel */
  --grau: #e2e8f0;
  --text: #1e293b;              /* Fließtext */
  --text-hell: #64748b;         /* sekundärer Text */
  --gold: #f5b301;              /* Sterne */

  /* --- Typografie --- */
  --font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* --- Radien --- */
  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  /* --- Schatten --- */
  --shadow-sm: 0 2px 8px rgba(2, 32, 71, 0.06);
  --shadow: 0 8px 24px rgba(2, 32, 71, 0.10);
  --shadow-lg: 0 18px 48px rgba(2, 32, 71, 0.16);

  /* --- Layout --- */
  --container: 1180px;
  --container-narrow: 820px;
  --header-h: 74px;

  /* --- Transitions --- */
  --ease: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}