/* theme.css — VISION Consulting GmbH
   Farben von visionconsulting.de bzw. aus dem offiziellen Logo (VISION-Consulting-Logo.svg):
   Primär-Navy #242855 · Blau #0056A4 · Hellblau #009CD8 · Akzent-Orange #EF7D25.
   Navy trägt Flächen/Headlines/Footer, Orange ist CTA/Akzent (wie auf der Partner-Website). */
:root{
  /* Primär-Ramp (dunkel → hell) auf Basis VISION-Navy #242855 */
  --c-purple-900:#242855;  /* Primär (dunkel) — VISION-Navy */
  --c-purple-800:#2b3066;
  --c-purple-700:#333a7a;
  --c-purple-600:#0056A4;  /* Sekundär — VISION-Blau */
  --c-purple-500:#009CD8;  /* Fokus/heller Akzent — VISION-Hellblau */
  --c-purple-400:#7f88c4;
  --c-purple-200:#c6cbe8;
  --c-purple-100:#e5e8f5;
  --c-purple-050:#f3f5fa;

  /* VISION-Orange (Akzent / CTA) — statt MR.KNOW-Rot #C00000 */
  --c-red-600:#EF7D25;     /* CTA / Buttons */
  --c-red-700:#D2650F;     /* CTA Hover (dunkler für Kontrast) */
  --c-red-500:#F29A52;
  --c-red-100:#FCEDDF;
}

/* ==========================================================================
   Kontrast-Korrektur (20.08.2026)
   Am gerenderten Dokument gemessen: Der Markenton #EF7D25 erreicht als TEXT auf der
   hellen Sektionsfläche #F3F5FA nur 2,52:1 und verfehlt damit AA (4,5:1) — betroffen
   waren „Datei auswählen" im Analyse-Kasten, der „Mehr erfahren"-Link, das
   Akkordeon-Plus und Formular-Fehlermeldungen.
   Als FLÄCHE (Buttons, Rail, Akzente) bleibt der Markenton unverändert; für
   Text auf hellem Grund steht der vertiefte Ton #B1550D — 4,61:1 auf #F3F5FA und
   5,03:1 auf Weiß. Die Inline-Styles der Inhaltslinks im HTML zeigen auf
   dieselbe Variable.
   ========================================================================== */
:root{ --link-on-light:#B1550D; }
.ms .widget__drop-link,
.ms .widget__hint--err,
.ms .accordion summary::after{ color:var(--link-on-light); }

/* Buttons: Weiße Schrift erreicht auf dem Akzent-Orange #EF7D25 nur 2,8:1. Die
   Fläche behält den Markenton — die Schrift wird das VISION-Navy #242855 aus
   demselben Logo (5,1:1). Der Hover hellt auf #F29A52 auf (6,3:1), statt
   abzudunkeln: so trägt die dunkle Schrift in beiden Zuständen.
   --cta-hover bleibt unangetastet, die Rail nutzt ihn weiter. */
.ms .btn--cta{ color:#242855; }
.ms .btn--cta:hover{ background:var(--c-red-500); color:#242855; }
/* Rail: weiße Icons auf dem Orange kämen auf 2,8:1 und verfehlen die 3:1 für
   grafische Elemente. Navy erreicht 5,1:1 oben und 3,7:1 am dunkleren Fuß. */
.ms .rail__btn{ color:#242855; }