/* AD24 — zentrale Farb-Tokens (27.10.2026). Auf allen Seiten als erstes Stylesheet geladen.
   Hintergründe NUR über diese Tokens setzen — keine Hex-Werte in Komponenten oder Inline-Styles. */
:root{
  /* Marke & Text */
  --navy:#28489F;--navy-2:#375BBE;--navy-line:#CBD5EA;--navy-mid:#AEBEE2;
  --gold:#FFC21A;--gold-deep:#765410;--gold-line:#E3C06F;--on-gold:#3D2900;  /* Rahmen Testsieger, Text auf Gold */
  --brand-grad:linear-gradient(135deg,#4366C8,#1E3577);--brand-grad-hover:linear-gradient(135deg,#5577D4,#28489F);  /* ruhiger als Favicon; Favicon bleibt hell (31.10.2026) */
  --green:#0F8A4B;--green-deep:#0F6B48;
  --red:#C0392B;--red-deep:#A83226;
  --head:#141B2E;--ink:#1B2338;--muted:#3E465E;--faint:#4E5770;
  --line:#E6E9F0;--line-2:#D6DCE7;--line-soft:#EEF1F6;  /* line-soft: Tabellenzeilen */
  /* Hintergründe — die komplette Palette */
  --bg:#FFFFFF;--card:#FFFFFF;      /* Seite, Karten */
  --bg-2:#F7F8FB;                   /* Grau 1: Info-Kacheln, Panels, Bänder */
  --control-bg:#EEF1F7;--control-hover:#E6ECF6; /* Kleine Labels und Bedienelemente */
  --panel:#F0F3F8;                  /* Zwischen Grau 1 und 2: Vergleichskarten (.vsg) */
  --lilac-soft:#ECE8F8;             /* Lavendel: Kopf der Irrtum-Karten (.myth) */
  --bg-3:#EAEEF5;                   /* Grau 2: Tabellenköpfe, Chips, Schalter, Regler-Spur */
  --navy-soft:#EEF2F9;              /* Blau: Rechner, Quiz, Zusammenfassungen, Sidebar-Karte, Badges */
  --navy-soft-2:#E2E8F4;            /* Blau-Hover */
  --green-soft:#E6F7EE;--red-soft:#FDEBE8;  /* Vorteile/Nachteile, Geeignet/Weniger geeignet */
  --gold-soft:#FFF6DC;              /* Callouts, Aktion */
  --footer-bg:#0F1A38;--footer-bg-2:#16244A;--footer-ink:#D3DAF0;--footer-muted:#AEB8D8;
  /* Maße, Schrift, Abstände (aus ad24-base.css, 27.10.2026) */
  --font-head:'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:'Poppins',system-ui,-apple-system,"Segoe UI",sans-serif;--r-sm:10px;--r:14px;--r-lg:20px;--shadow-float:0 24px 56px rgba(20,34,75,.12),0 2px 8px rgba(20,34,75,.05);--s-section:64px;--s-block:36px;--s-gap:20px;--maxw:1120px;--article:760px;--aff:#0C8248;--aff-2:#0A7040;
  /* Aliasse (alte Namen, zeigen auf dieselben Werte) */
  --tool:var(--navy-soft);--tool-line:var(--navy-line);--tile:var(--bg-2);--tile-2:var(--bg-3);
}
/* Dark-Mode nur opt-in (<html data-theme="dark">) */
:root[data-theme="dark"]{
  --navy:#8DA6EE;--navy-2:#A9BCF4;--navy-soft:#1C2540;--navy-soft-2:#24305A;--navy-line:#31406A;
  --gold:#E6B54A;--gold-deep:#F0C766;--gold-soft:#2A2414;
  --green:#4CC58A;--green-soft:#15291F;--green-deep:#6FD4A0;
  --red:#EF7A6B;--red-soft:#33201D;--red-deep:#F09284;
  --head:#F2F4FA;--ink:#E4E8F2;--muted:#BCC2D2;--faint:#A6ADC0;
  --bg:#0F1320;--bg-2:#151B2B;--bg-3:#1B2235;--panel:#181F30;--lilac-soft:#221E36;--card:#151B2B;
  --control-bg:#1B2235;--control-hover:#24305A;
  --line:#252D42;--line-2:#303A54;--line-soft:#1E2639;--gold-line:#8A6A24;
}