/* Shared interface colours while retaining the off-white desktop brand panel. */
:root, .login-page { background:var(--bg); color:var(--ink); }
.login-side { background:var(--bg); }
.login-card input { background:var(--input); border-color:var(--line); color:var(--ink); }
.login-card input:focus-visible { outline-color:var(--accent); }
.login-card .primary { background:var(--button); color:var(--buttonInk); }
.login-card .primary:hover:not(:disabled) { background:var(--accent); color:var(--buttonInk); }
.login-card .message { color:var(--ink); }
.login-card .quiet { color:var(--muted); }
.login-card .footnote { color:var(--muted); }
@media(max-width:720px) { .intro { background:var(--bg); color:var(--ink); } .mobile-brands { color:var(--muted); } }

.login-card .message[data-state="error"]{color:var(--ink);border-inline-start:2px solid var(--accent);padding-inline-start:10px}