/* ============================================================
   Paket 3, Nr. 2.20: Kontrast Orange (nur Testseite, 2026-11-12, OS · Marketing)
   Wird von Teststand-Aenderungen.py (_paket3) NACH style.css und design-pruefung.css
   geladen. Die gesperrten Seiten (Kontakt, Fertigung samt CZ/PL) bekommen die Datei nicht.

   Kontraste nach WCAG 2.1 (gerechnet, Ziel 4,5:1 für normale Schrift):
   - Hausorange #FF5600 als Schrift: auf Weiß 3,19, auf #F4F6FA 2,95 (zu wenig)
   - Schrift-Orange #C84300: auf Weiß 4,93, auf #F4F6FA 4,56
   - Hauptknopf Variante a: Weiß auf #C84300 4,93 (Hover Weiß auf #9E3500 7,09)
   - Hauptknopf Variante b: #0A1638 auf #FF5600 5,56 (Hover #0A1638 auf #FF7A3D 6,84)
     Gewählt: Variante b. Höherer Kontrast, und die Knopffläche bleibt im Hausorange.
     Variante a dunkelt die Hausfarbe auf jedem Knopf ab.
   - Schildchen mit weißer Schrift (Badges, gewählte Felder): Weiß auf #C84300 4,93
   - Dunkles Theme: Schrift bleibt #FF5600 (auf #050d24 6,04)
   ============================================================ */

:root {
    --orange-text: #C84300;
    --orange-knopf: #C84300;
    --orange-knopf-dunkel: #9E3500;
    --knopf-schrift: #0A1638;
    --knopf-hover: #FF7A3D;
}
html[data-theme='dark'] { --orange-text: var(--brand-primary); }
@media (prefers-color-scheme: dark) {
    html:not([data-theme]) { --orange-text: var(--brand-primary); }
}

/* ---------- Hauptknöpfe, Variante b: Fläche Hausorange, Schrift dunkel ---------- */
.btn:not(.btn--ghost) {
    --btn-bg: var(--brand-primary);
    --btn-color: var(--knopf-schrift);
    box-shadow: 0 10px 24px -10px var(--brand-primary);
}
.btn:not(.btn--ghost)::after { background: var(--knopf-hover); }
.btn:not(.btn--ghost):hover { box-shadow: 0 18px 36px -10px var(--brand-primary); }
/* Schildchen im Ergebnis des Serien-Rechners: wie die Knöpfe dunkle Schrift auf Hausorange (5,56 statt 3,19) */
.sr-verdict .zone { color: var(--knopf-schrift); }
/* Karriere: design-pruefung.css färbt alle Schildchen orange, auch das helle "--soft" (graue Schrift auf Orange, 1,2).
   Hier wieder hell wie in style.css. */
.job-card__badge--soft { background: var(--bg-alt); }

/* Cookie-Fenster bleibt wie bisher, bis Karte 163 entschieden ist (wie design-pruefung.css) */
.consent .btn:not(.btn--ghost), .consent__actions .btn:not(.btn--ghost) { --btn-color: var(--white); }
.consent .btn:not(.btn--ghost)::after,
.consent__actions .btn:not(.btn--ghost)::after { background: var(--orange-knopf-dunkel); }

/* ---------- Orange Schrift auf hellem Grund (ergänzt design-pruefung.css) ---------- */
/* Dunkle Flächen (Zahlenband, Verfahrenskarten blau, Fuß, Film-Kopf) behalten ihre
   stärkeren Regeln aus style.css und design-pruefung.css. */
.nav__login:hover, .nav__lang:hover, .highlight__num, .process__abbr, .history__year,
.faq__q:hover, .contact__aside a:hover, .calendar__day.is-today, .legal__toc li a::before,
.legal__toc li a:hover, .map__consent-text a, .job-modal__col h3, .job-modal__offer h3,
.upload__remove:hover, .upload__remove:focus-visible, .sr-step .when, .anim-serie__when,
.sprachwahl__knopf[aria-expanded="true"], .sprachwahl__zu:hover { color: var(--orange-text); }
.contact__aside a:hover { border-color: var(--orange-text); }
/* Hervorhebungen im Anfrage-Block der Seiten (style-Attribut) */
[style*="color:var(--brand-primary)"] { color: var(--orange-text) !important; }
