:root {
  --auth-page: #f7f8fa;
  --auth-surface: #ffffff;
  --auth-text: #17294a;
  --auth-muted: #5b6b7c;
  --auth-border: #dde3ea;
}

html[data-theme="dark"] {
  --auth-page: #0f1720;
  --auth-surface: #18232e;
  --auth-text: #e8eef5;
  --auth-muted: #a8b6c5;
  --auth-border: #344251;
}

html, body { background: var(--auth-page) !important; }
body { color: var(--auth-text) !important; transition: background-color .22s ease, color .22s ease; }
.card { background: var(--auth-surface) !important; color: var(--auth-text) !important; border:1px solid var(--auth-border); }
.card p, .card label { color: var(--auth-muted) !important; }
.card input { background:var(--auth-surface); color:var(--auth-text); border-color:var(--auth-border) !important; }
.card input::placeholder { color:var(--auth-muted); opacity:.8; }
@media (prefers-reduced-motion:reduce) {
  body { transition:none; }
}