:root{--brand:#E30613;--brand-dark:#B8050F;--logo-grey:#2E2E2D;--red:#E30613;--red-dark:#B8050F}
@media not all and (prefers-color-scheme: dark){:root{--brand-soft:#FDECEC;--red-soft:#FDECEC;--ink:#2E2E2D;--ink-2:#55565B;--muted:#8A8B90;--bg:#F7F7F7;--side:#FFFFFF}}
/* reporting-ecg.ecrome.com – Farbkonzept eCrome Group AG (Logo eCrome group, Corporate Design)
   Markenfarbe Rot #E30613, «e» und Zusatz Dunkelgrau #2E2E2D.
   Rot für Flächen, Knöpfe und Markierungen; Navigationsschrift dunkelgrau, kleine Schrift im dunkleren Rot #B8050F. */
:root { --ecg-red: #E30613; --ecg-red-text: #B8050F; --ecg-red-deep: #9A040C; --graphite: #2E2E2D; }

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

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

/* Fokus-Rahmen in Rot */
.login-form input:focus { border-color: var(--ecg-red); outline-color: rgba(227, 6, 19, .25); }

/* Anmeldeseite: Bogen in Markenrot */
.login-art .stripe { border-color: rgba(227, 6, 19, .85); }