/* ==========================================================================
   theme.css — Esch & Pickel GmbH (IT-Systemhaus, Koblenz)
   Farben aus dem CSS von eschundpickel.de ausgelesen:
     EP-Navy          #242735  (Headlines, Buttons, dunkle Flaechen)
     EP-Hellblau      #D6E1F7  (Text auf Navy) · #C3D2EB · #F1F6FE
     EP-Stahlblau     #778BA5  (Flaeche „DMS Systeme")
     EP-Pflaume       #462844 / #3E2236 (Flaeche „ERP Systeme")
     EP-Pflaume hell  #AF87A7 (Buttonfarbe „Kontakt aufnehmen") · #E3C6DD
   Navy traegt Flaechen/Headlines/Footer, die Pflaume ist die CTA-Farbe —
   das ist der einzige gesaettigte Akzent im Farbkanon von Esch & Pickel.
   Kontrast: .btn--cta hat fest weissen Text. #AF87A7 waere dafuer zu hell
   (2,4:1), #462844 auf dem Navy-Abschlussband zu dunkel (1,3:1 Flaeche).
   Die CTA nutzt deshalb den Zwischenton #9C6291 — 4,6:1 zu Weiss (AA) und
   3,2:1 gegen die Navy-Flaeche. #AF87A7 bleibt als heller Akzent erhalten.
   ========================================================================== */
:root{
  /* Primär-Ramp (dunkel → hell) auf Basis EP-Navy/-Stahlblau */
  --c-purple-900:#242735;  /* Primär (dunkel) — EP-Navy (Headlines/Footer)  */
  --c-purple-800:#2C3040;
  --c-purple-700:#383D51;
  --c-purple-600:#4A5266;  /* Sekundär                                      */
  --c-purple-500:#62708A;  /* Fokus/heller Akzent                           */
  --c-purple-400:#778BA5;  /* EP-Stahlblau (Original)                       */
  --c-purple-200:#C3D2EB;  /* EP (Original)                                 */
  --c-purple-100:#D6E1F7;  /* EP-Hellblau (Original)                        */
  --c-purple-050:#F1F6FE;  /* EP (Original) — Hero-Verlauf                  */

  /* CTA in EP-Pflaume (statt MR.KNOW-Rot #C00000) */
  --c-red-600:#9C6291;     /* CTA / Buttons — AA gegen Weiß                 */
  --c-red-700:#7E4C75;     /* CTA Hover                                     */
  --c-red-500:#AF87A7;     /* EP-Pflaume hell (Original) — heller Akzent    */
  --c-red-100:#F7EEF5;     /* EP (Original) — flächige Einfärbung           */

  /* Blau getönter Fließtext auf den Navy-Flächen (statt lila #efeef6) */
  --text-on-dark:#DFE8F7;
}

/* ==========================================================================
   Kontrast-Korrektur (20.08.2026)
   Am gerenderten Dokument gemessen: Der Markenton #9C6291 erreicht als TEXT auf der
   hellen Sektionsfläche #F1F6FE nur 4,24: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 #935C89 — 4,68:1 auf #F1F6FE und
   5,08:1 auf Weiß. Die Inline-Styles der Inhaltslinks im HTML zeigen auf
   dieselbe Variable.
   ========================================================================== */
:root{ --link-on-light:#935C89; }
.ms .widget__drop-link,
.ms .widget__hint--err,
.ms .accordion summary::after{ color:var(--link-on-light); }