/* ==========================================================================
   theme.css — PARTNER-FARBEN: BPM&O GmbH (bpmo.de, Koeln)
   Werte aus den CSS-Custom-Properties von bpmo.de ausgelesen:
     --dark-blue     #0E1C2D  (dominante Flaechen-/Textfarbe, Buttons, Footer)
     --dark-blue-60  #6E7781
     --blue          #2171D5  (Markenblau, Leitfarbe im BPM&O-Logo)
     --lighter-blue  #D3E3F7 · --light-blue #E9F1FB  (flaechige Toenungen)
   Dazu aus dem Logo-SVG: Stahlblau #9AAEBD, Gelb #FFAF13, Gruen #2AB87E.
   Aufbau wie bei der Esch-&-Pickel-Microsite: das Navy traegt Flaechen,
   Headlines und Footer, das Markenblau ist der einzige gesaettigte Akzent
   und uebernimmt deshalb die CTA-Rolle (statt MR.KNOW-Rot #C00000).
   Kontrast: #2171D5 mit weisser Schrift 4,8:1 (AA) und 3,6:1 gegen die
   Navy-Flaeche des Abschlussbands; Hover #1A5AAB 6,8:1. Gelb und Gruen aus
   dem Logo bleiben bewusst ungenutzt — beide verfehlen mit weisser Schrift
   die AA-Schwelle deutlich und funktionieren nur als Logofarben.
   Nur Farbwerte — Arial, Radien, Struktur bleiben unveraendert.
   ========================================================================== */
:root{
  /* Primär-Ramp (dunkel → hell) auf Basis des BPM&O-Navy */
  --c-purple-900:#0E1C2D;  /* Primär (dunkel) — BPM&O-Navy (Original)         */
  --c-purple-800:#16283D;
  --c-purple-700:#24405C;
  --c-purple-600:#3A5A7A;  /* Sekundär — Stahl-Navy                           */
  --c-purple-500:#4A7FB5;  /* Fokus/heller Akzent                             */
  --c-purple-400:#9AAEBD;  /* Logo-Stahlblau (Original)                       */
  --c-purple-200:#B4CDEE;
  --c-purple-100:#D3E3F7;  /* BPM&O --lighter-blue (Original)                 */
  --c-purple-050:#E9F1FB;  /* BPM&O --light-blue (Original) — graue Sektionen */

  /* CTA im BPM&O-Markenblau (statt MR.KNOW-Rot #C00000) */
  --c-red-600:#2171D5;     /* CTA / Buttons — BPM&O --blue (Original)         */
  --c-red-700:#1A5AAB;     /* CTA Hover (vertieft für Kontrast)               */
  --c-red-500:#4A8CDE;     /* heller Akzent                                   */
  --c-red-100:#DCE9FA;     /* flächige Einfärbung                             */

  /* Ausnahme vom Schema „nur purple/red": Die BPM&O-Flaechenfarbe #E9F1FB ist
     dunkler als das sonst uebliche 050. Der Standard-Fliesstext #6D6E72
     erreicht darauf nur 4,47:1 und verfehlt AA knapp. Der Ton wird deshalb
     leicht vertieft: 5,11:1 auf #E9F1FB, 5,81:1 auf Weiss. */
  --c-grey-600:#64656A;

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

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