/* ============================================================
   THEME: Reifegrad 4 (www.reifegrad4.de)
   Alle Marken-Farben und Schriften stehen NUR hier.
   Zum Anpassen an das Website-CSS genügt es, die Hex-Werte
   in diesem Block zu ändern – style.css bleibt unverändert.
   ============================================================ */
:root{
  /* Primärfarbe (Kopf-/Fußzeile, Überschriften) */
  --navy:#123C55;
  /* Aktionsfarbe (Buttons, Links, aktive Elemente) */
  --action:#0E7C86;  --action-hover:#0A5F67;
  /* Akzente */
  --mint:#39B7A5;    --sun:#E9A03B;  --sun-hover:#D48D28;
  /* Flächen */
  --cloud:#EEF4F6;   --ink2:#42606F; --border:#DCE7EB;
  --hero-sub:#CBE1E6; --nav-muted:#9DBFC8;
  /* Hero-/Ergebnis-Verlauf */
  --grad-a:#0F3245; --grad-b:#134A5C; --grad-c:#0E7C86;
  --ring-1:rgba(57,183,165,.18); --ring-2:rgba(233,160,59,.14);
  --shadow-rgb:18,60,85; --action-rgb:14,124,134;
  /* Schriften */
  --font-head:'Archivo','Bricolage Grotesque',system-ui,sans-serif;
  --font-body:'Atkinson Hyperlegible','Inter',system-ui,sans-serif;
  --font-ui:'Inter',system-ui,sans-serif;
}