/* Farbleitsystem des Vorgangs (2026-09-26, nachgeschaerft am selben Tag auf
   Betreiberwunsch "satter, knackiger"): jedes Dokument eine eigene
   Akzentfarbe, das Papier bleibt gleich. Umgefaerbt werden nur die Akzent-
   variablen, die Stil und Knoepfe ohnehin benutzen (--blue, --blue-2,
   --blue-soft, --blue-tint) -- keine zweite Regelwelt.

   Kontrast weisser Text auf Akzent bzw. Akzent auf Weiss (WCAG 1.4.3, AA 4,5:1),
   gemessen: Angebot 4,98 · Auftrag 6,70 · Lieferschein 5,02 · Abnahme 5,36 ·
   Rechnung 14,63 · Mahnung 8,31. Damit traegt jede Kennfarbe auch Schrift und
   Knopfflaeche, die Sonderstufe fuer das Angebot entfaellt. */
:root {
  --thm-angebot: #B35428;
  --thm-auftrag: #1D4ED8;
  --thm-lieferschein: #15803D;
  --thm-abnahme: #0E7490;
  --thm-rechnung: #1E293B;
  --thm-mahnung: #991B1B;
  --thm-xrechnung: #5B21B6;
}
html[data-thema="angebot"]      { --thm: var(--thm-angebot);      --blue: #B35428; --blue-2: #8F4320; --blue-soft: #F3DDD2; --blue-tint: #FBF3EF; }
html[data-thema="auftrag"]      { --thm: var(--thm-auftrag);      --blue: #1D4ED8; --blue-2: #1E40AF; --blue-soft: #DBEAFE; --blue-tint: #EFF6FF; }
html[data-thema="lieferschein"] { --thm: var(--thm-lieferschein); --blue: #15803D; --blue-2: #166534; --blue-soft: #DCFCE7; --blue-tint: #F0FDF4; }
html[data-thema="abnahme"]      { --thm: var(--thm-abnahme);      --blue: #0E7490; --blue-2: #155E75; --blue-soft: #CFFAFE; --blue-tint: #ECFEFF; }
html[data-thema="rechnung"]     { --thm: var(--thm-rechnung);     --blue: #1E293B; --blue-2: #0F172A; --blue-soft: #E2E8F0; --blue-tint: #F1F5F9; }
html[data-thema="mahnung"]      { --thm: var(--thm-mahnung);      --blue: #991B1B; --blue-2: #7F1D1D; --blue-soft: #FEE2E2; --blue-tint: #FEF2F2; }
html[data-thema="xrechnung"]    { --thm: var(--thm-xrechnung);    --blue: #5B21B6; --blue-2: #46198c; --blue-soft: #e1d5f5; --blue-tint: #f4effc; }

/* Kopf: eine duenne Kennlinie in der Themenfarbe, jeder Reiter mit seinem Punkt. */
html[data-thema] .re-kopf, html[data-thema] .site-header { box-shadow: inset 0 3px 0 var(--thm); }
.re-nav a[data-thema]::before {
  content: ""; width: 8px; height: 8px; border-radius: 50%; margin-right: 7px; flex: none;
  background: var(--thm-nav);
}
.re-nav a[data-thema="angebot"] { --thm-nav: var(--thm-angebot); }
.re-nav a[data-thema="auftrag"] { --thm-nav: var(--thm-auftrag); }
.re-nav a[data-thema="lieferschein"] { --thm-nav: var(--thm-lieferschein); }
.re-nav a[data-thema="abnahme"] { --thm-nav: var(--thm-abnahme); }
.re-nav a[data-thema="rechnung"] { --thm-nav: var(--thm-rechnung); }
.re-nav a[data-thema="mahnung"] { --thm-nav: var(--thm-mahnung); }
.re-nav a[data-thema="xrechnung"] { --thm-nav: var(--thm-xrechnung); }
.re-nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--thm); }
/* Kartentitel tragen die Farbe des Dokuments. */
html[data-thema] .re-karte > h2, html[data-thema] .re-klapp > summary h2 { color: var(--blue-2); }
/* Ergebnisbereich: die Teilen-Zeile erscheint erst nach dem ersten Export. */
.kuk-teilen:empty { display: none; }
.re-ergebnis { border: 1.5px solid var(--blue-soft); }
.re-ergebnis .kuk-teilen { margin: 12px 0 0; }