/*
 * app-landing-bruecke.css – die App auf die Werte des Designsystems der Landingpage (Stufe 1).
 *
 * Auftrag Aki 01.10.26: „die aktuellste Styleguide auf index.html anwenden“, stufenweise.
 *  - Stufe 1 (diese Datei): Die zentralen Bestandsvariablen von assets/css/styles.css
 *    (--primary, --text, --border, --radius …) bekommen die Werte der Landingpage. Das ganze
 *    gewachsene App-CSS zieht damit um, ohne dass seine Regeln angefasst werden.
 *  - Stufe 2 (folgt): Bereich für Bereich auf die echten Bausteine (bk-btn, bk-card, bk-field …).
 *
 * WARUM EINE BRÜCKE und nicht einfach die Token-Dateien der Landingpage laden: Beide Systeme
 * benutzen 22 gleiche Namen (--bk-space-*, --bk-border, --bk-surface …) mit ANDEREN Werten,
 * und assets/design-system/styles/base.css setzt body/a/h1 global. Global geladen würden sie
 * sich gegenseitig überschreiben (derselbe Grund, aus dem die Leiste abgeschottet ist,
 * scripts/build-nav-css.mjs). Die Werte stehen deshalb hier als feste Zahlen – QUELLE ist
 * assets/design-system/tokens/*.css (Styleguide: assets/design-system/index.html). Ändert sich
 * dort ein Wert, hier nachziehen; die Testsuite vergleicht die Kernwerte.
 *
 * Laden NACH styles.css (spätere :root-Werte gewinnen). Eingebunden in index.html, konto.html,
 * aktenkoffer.html, kuendigung.html – NICHT in admin.html (eigenes Werkzeug, eigener Schritt).
 *
 * AUSGENOMMEN (Entscheidung Aki 01.10.26): Druckstücke – DIN-5008-Antwortbrief, SEPA-Zahlschein,
 * PDF-/Word-Export. Der Zahlschein ist seit 13.10.26 blau statt orange (Entscheidung Aki:
 * kein Orange, auch nicht im Schein); Maße und Aufbau bleiben.
 *
 * Kontrast (gerechnet 01.10.26, WCAG AA 4,5:1 für Text, 3:1 für Rahmen von Eingabefeldern):
 *   Aktion #2B5ECB auf Weiß 5,89 · auf #EAF1FF 5,19 · Text #14181F auf App-Grund 16,1 ·
 *   muted #646D77 auf Weiß 5,26 / auf #F5F9FF 4,97 / auf #EAF1FF 4,64 · danger-strong auf
 *   danger-soft 5,67 · success-strong auf success-soft 4,78 · notice auf notice-soft 5,54 ·
 *   Eingaberahmen #8B95A3 auf Weiß 3,03.
 *   ⚠️ muted ist bewusst eine Stufe dunkler als --bk-gray der Landingpage (#6B747E): Das
 *   erreicht auf dem hellblauen App-Grund nur 4,49:1.
 */
:root {
  /* Marke: Blau nach Rolle (Grundregel 1). #2B5ECB = Aktion, #3F7CF0 nie für Text. */
  --primary:        #2B5ECB;   /* --bk-action */
  --primary-hover:  #1E4FA8;   /* --bk-action-hover */
  --primary-soft:   rgba(43, 94, 203, 0.40);   /* Fokusring = --bk-ring */
  --primary-muted:  #EAF1FF;   /* --bk-surface-accent (blue-100) */

  /* Kein Orange in der Markenwelt (Grundregel 2): Der frühere Akzent wird zum Aktionsblau.
     Ausnahme Zahlschein, siehe unten. */
  --accent:         #2B5ECB;
  --accent-hover:   #1E4FA8;
  --accent-soft:    #EAF1FF;
  --accent-border:  #B8D0FA;   /* blue-300 */
  --accent-text:    #1E4FA8;
  --on-accent:      #FFFFFF;

  /* Flächen */
  --bg-deep:        #EAF1FF;
  --surface:        #FFFFFF;
  --surface-sunken: #F5F9FF;   /* --bk-surface-subtle */
  --ink-panel:      #12294D;   /* --bk-navy */
  --ink-panel-text: #FFFFFF;
  /* --bg setzt bk-rahmen.css (Hintergrund der Startseite). */

  /* Text */
  --text:                  #14181F;   /* --bk-ink */
  --text-mild:             #3A414B;   /* --bk-slate */
  --muted:                 #646D77;   /* s. Kopf: eine Stufe dunkler als --bk-gray */
  --color-text-secondary:  #646D77;
  --text-faint:            #8B95A3;

  /* Linien */
  --border:        #E2E7EE;   /* --bk-line */
  --border-strong: #B8D0FA;   /* --bk-border-strong (blue-300) */
  --border-input:  #8B95A3;   /* 3:1 auf Weiß – Eingabefelder müssen erkennbar sein */

  /* Status (Ampel) – nur Dringlichkeit und Fehler, nie Dekoration */
  --danger:        #C03A3A;
  --danger-strong: #A83434;
  --danger-soft:   #FBEBEB;
  --danger-border: #F2C7C7;
  --success:        #23855A;
  --success-strong: #1F7A4E;
  --success-soft:   #E9F6EF;
  --success-border: #C4E6D3;
  --notice-soft:   #FDF4E2;
  --notice-border: #F5DDAE;
  --notice-text:   #855A12;

  /* Formen: Radien der Landingpage (tokens/shape.css) */
  --radius:      16px;   /* --bk-radius-card */
  --radius-sm:   12px;   /* --bk-radius-control */
  --radius-xs:   8px;    /* --bk-radius-sm */
  --radius-pill: 999px;

  /* Tiefe: die zwei Höhenstufen der Landingpage (--pg-hoehe-ruhend / -schwebend) */
  --shadow:    0 6px 16px -8px rgba(18, 41, 77, 0.22);
  --shadow-lg: 0 14px 30px -12px rgba(18, 41, 77, 0.32);
  --scrim:     rgba(12, 30, 58, 0.55);   /* --bk-navy-700 */
}

/* Druckstück Zahlschein: Rahmen und Feldbeschriftungen im Aktions-Blau (Entscheidung Aki
   13.10.26, vorher Formular-Orange). #2B5ECB auch für die Beschriftungen – Text, also nicht
   das Flächen-Blau #3F7CF0 (Markenregel). */
.sepa-slip {
  --accent:      #2B5ECB;
  --accent-text: #2B5ECB;
  --accent-soft: #EAF1FF;
}

/* Druckstücke: exakt die bisherigen Werte (Entscheidung Aki 01.10.26: ausgenommen).
   - Briefkopf-Vorschau des DIN-5008-Antwortbriefs (bildet den späteren Brief nach)
   - der gesamte Druckmodus der Ergebnisseite und des Zahlscheins
   Die Eingabefelder des Antwortschreibens sind Bildschirm und folgen dem neuen Stil.
   Werte = die Rückfallwerte in styles.css (Stand vor 01.10.26). */
.antwort-block--briefkopf,
.letter-reference-lines,
body.results-printing,
body.sepa-printing {
  --text:        #1a2433;
  --text-mild:   #333c4e;
  --muted:       #5b6474;
  --text-faint:  #9aa3b5;
  --border:      #e7e2d8;
  --border-strong: #d3ccbe;
  --surface:     #ffffff;
  --surface-sunken: #f4f1eb;
}

/* Schrift: Die Ergebnisansicht stand auf der Systemschrift (unter Windows Segoe UI, Überschriften
   in Stärke 800 = „Segoe UI Black“) und wirkte dadurch fremd. Landingpage = Inter überall
   (tokens/fonts.css, --bk-font-ui), Überschriften in Stärke 700 (--bk-h2/h3-weight).
   Der DIN-Brief setzt seine Druckschrift (Georgia) selbst und ist davon nicht betroffen. */
.results-view.results-shell {
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.results-view.results-shell :is(h1, h2, h3) {
  font-weight: 700;
}