:root{--brand:#74B943;--brand-dark:#467F25;--logo-grey:#2E2E2D;--red:#74B943;--red-dark:#467F25}
@media not all and (prefers-color-scheme: dark){:root{--brand-soft:#EEF7E8;--red-soft:#EEF7E8;--ink:#2E2E2D;--ink-2:#55565B;--muted:#8A8B90;--bg:#F7F7F7;--side:#FFFFFF}}
/* reporting-ecd.ecrome.com – Farbkonzept eCrome Digital AG (Logo eCrome digital)
   Markenfarbe Grün #74B943, «e» und Zusatz «digital.» Dunkelgrau #2E2E2D.
   Grün für Flächen und Markierungen; Knöpfe und kleine Schrift auf Weiss im dunkleren Grün #467F25
   (Kontrast mit Weiss 4,9:1 statt 2,4:1 beim hellen Grün). */
:root { --green: #74B943; --green-text: #467F25; --green-deep: #3B6E1E; --graphite: #2E2E2D; }

/* Navigation: Markierung grün, Schrift dunkelgrau */
.nav a.active { background: var(--red-soft); color: var(--graphite); border-left-color: var(--green); font-weight: 650; }
@media (prefers-color-scheme: dark) { .nav a.active { color: #fff; } }

/* Knöpfe: dunkles Markengrün, Hover noch dunkler */
.btn.primary { background: var(--green-text); border-color: var(--green-text); color: #fff; font-weight: 700; }
.btn.primary:hover, .btn.primary:active { background: var(--green-deep); border-color: var(--green-deep); }
.login-form .links a, .login-form .links button, .conf { color: var(--green-text); }
@media (prefers-color-scheme: dark) { .login-form .links a, .login-form .links button, .conf { color: var(--green); } }

/* Fokus-Rahmen in Grün */
.login-form input:focus { border-color: var(--green); outline-color: rgba(116, 185, 67, .25); }

/* Anmeldeseite: Bogen in Markengrün */
.login-art .stripe { border-color: rgba(116, 185, 67, .85); }