:root{--brand:#FFD200;--brand-dark:#2E2E2D;--logo-grey:#2E2E2D;--red:#FFD200;--red-dark:#2E2E2D}
@media not all and (prefers-color-scheme: dark){:root{--brand-soft:#FFF8D6;--red-soft:#FFF8D6;--ink:#2E2E2D;--ink-2:#55565B;--muted:#8A8B90;--bg:#F7F7F7;--side:#FFFFFF}}
/* reporting-ecc.ecrome.com – Farbkonzept eCrome Consulting AG (Logo eCrome consulting, Corporate Design)
   Markenfarbe Gelb #FFD200, «e» und Zusatz Dunkelgrau #2E2E2D.
   CD-Regel: Gelb nie als Schriftfarbe auf hellem Grund (Kontrast 1,4:1).
   Gelb daher nur für Flächen, Markierungen und Knöpfe (mit dunkelgrauer Schrift); Links und kleine Schrift dunkelgrau. */
:root { --ecc-yellow: #FFD200; --ecc-yellow-deep: #E6BD00; --graphite: #2E2E2D; }

/* Navigation: Markierung gelb, Schrift dunkelgrau */
.nav a.on, .nav a.active { background: var(--red-soft); color: var(--graphite); border-left-color: var(--ecc-yellow); font-weight: 650; }
@media (prefers-color-scheme: dark) { .nav a.on, .nav a.active { background: rgba(255, 210, 0, .14); color: #fff; } }

/* Knöpfe: gelbe Fläche, dunkelgraue Schrift (Kontrast 12:1) */
.btn.primary { background: var(--ecc-yellow); border-color: var(--ecc-yellow); color: var(--graphite); font-weight: 700; }
.btn.primary:hover, .btn.primary:active { background: var(--ecc-yellow-deep); border-color: var(--ecc-yellow-deep); color: var(--graphite); }

/* Links, Bestätigungen, Überschriften: dunkelgrau (hell: gelb im Dunkelmodus) */
.login-form .links a, .login-form .links button, .conf, .wordmark { color: var(--graphite); }
.login-form .links a, .login-form .links button { text-decoration: underline; text-decoration-color: var(--ecc-yellow); text-decoration-thickness: 2px; text-underline-offset: 3px; }
.terms-box h1, .terms-text h2 { color: var(--graphite); }
@media (prefers-color-scheme: dark) {
  .login-form .links a, .login-form .links button, .conf, .wordmark, .terms-box h1, .terms-text h2 { color: var(--ecc-yellow); }
}

/* Fokus-Rahmen in Gelb */
.login-form input:focus { border-color: var(--ecc-yellow-deep); outline-color: rgba(255, 210, 0, .35); }

/* Anmeldeseite: Bogen in Markengelb */
.login-art .stripe { border-color: rgba(255, 210, 0, .9); }

/* Logo eCrome consulting auf Weiss mindestens 240 px breit (CD-Regel); Anmeldeseite ohne Begrenzung auf 200 px */
.login-form .logo img { max-width: 260px; }