/* Design B fuer login.html (nach login.css laden) */
:root { --ink: #0b2a57; --muted: #4a5a72; --line: #dfe6ef; --danger: #b3261e; --focus: #c2410c; --bgb: #f6f8fb; --panelb: #ffffff; }
html[data-theme="dark"] { --ink: #e7ecf5; --muted: #a9b6cb; --line: #2e3a4f; --danger: #ff6b6b; --focus: #ffb067; --bgb: #111827; --panelb: #1b2433; }
.login-main { background: var(--bgb); color: var(--ink); }
:focus-visible { outline: 3px solid var(--focus) !important; outline-offset: 3px; }
.login-main__hero { display: none; }
.auth-card { background: var(--panelb); border: 1px solid var(--line); box-shadow: 0 1px 2px rgba(16,40,80,.06); border-radius: 16px; }
.auth-card__title, .auth-card__brand { color: var(--ink); }
.auth-card__subtitle, .auth-card__hint, .field__label { color: var(--muted); }
.field__input { background: var(--panelb); color: var(--ink); border-color: var(--line); min-height: 44px; }
.field__input:focus { outline: 3px solid var(--focus); border-color: var(--focus); box-shadow: none; }
/* Linke Markenflaeche (.login-brand, nicht .login-main__hero) im Design-B-Stil: hell/ruhig statt Navy-Verlauf */
.login-brand { background: var(--panelb); color: var(--ink); border-right: 1px solid var(--line); }
.login-brand__glow { display: none; }
.login-brand__kicker, .login-brand__text, .login-brand__list li { color: var(--muted); }
.login-brand__title { color: var(--ink); }
@media (max-width: 820px) { .login-brand { border-right: 0; border-bottom: 1px solid var(--line); } }