/* =============================================================================
   AUTH PAGES LIGHT MODE — light version of css/shared/auth.css (sign in / sign
   up, forgot + reset password, unsubscribe). Follows the saved theme
   (partials/theme_init.html). Pale blue panels, white card, same accents.
============================================================================= */
html[data-theme="light"] {
  color-scheme: light;
  --auth-bg: #f4f8ff;
  --auth-form-bg: #ffffff;
  --auth-card-bg: #ffffff;
  --auth-border: rgba(37,99,235,0.2);
  --auth-border-soft: rgba(15,23,42,0.1);
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;
  --error: #dc2626;
  --success: #059669;
}
html[data-theme="light"] .auth-visual {
  background:
    radial-gradient(ellipse at 20% 15%, rgba(59,130,246,0.16) 0%, transparent 45%),
    radial-gradient(ellipse at 80% 80%, rgba(14,165,233,0.12) 0%, transparent 42%),
    linear-gradient(160deg, #e6f0ff 0%, #f2f7ff 50%, #e9f6fd 100%);
}
html[data-theme="light"] .auth-visual::before {
  background:
    linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, transparent 14%),
    linear-gradient(to top, rgba(255,255,255,0.45) 0%, transparent 18%);
}
html[data-theme="light"] .auth-visual::after { background: linear-gradient(to right, transparent 70%, rgba(244,248,255,0.8) 100%); }
html[data-theme="light"] .auth-form-side { background: linear-gradient(160deg, #f6f9ff 0%, #f8fafc 50%, #f1f7fd 100%); }
html[data-theme="light"] .auth-form-side::before { background-image: radial-gradient(circle, rgba(37,99,235,0.08) 1px, transparent 1px); }
html[data-theme="light"] .auth-card {
  background: #ffffff;
  border-color: rgba(15,23,42,0.08);
  box-shadow: 0 1px 2px rgba(15,23,42,0.05), 0 18px 48px -16px rgba(15,23,42,0.18);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* Generated from css/shared/auth.css: white-on-dark colours mapped to light */
html[data-theme="light"] .auth-visual-headline h1 { color: #0f172a; }
html[data-theme="light"] .auth-metric-chip { background: rgba(15,23,42,0.04); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .auth-card { border: 1px solid rgba(15,23,42,0.105); }
html[data-theme="light"] .auth-tabs { background: rgba(15,23,42,0.025); border: 1px solid rgba(15,23,42,0.0605); }
html[data-theme="light"] .auth-alert.error { color: #b91c1c; }
html[data-theme="light"] .auth-alert.success { color: #047857; }
html[data-theme="light"] .auth-alert.warning { color: #a16207; }
html[data-theme="light"] .auth-field input { background: rgba(15,23,42,0.042); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .auth-field input:hover:not(:focus) { border-color: rgba(15,23,42,0.154); background: rgba(15,23,42,0.055); }
html[data-theme="light"] .password-toggle:hover { background: rgba(15,23,42,0.02); }
html[data-theme="light"] .auth-btn-primary .btn-spinner { border: 2px solid rgba(15,23,42,0.2); }
html[data-theme="light"] .auth-divider::before,
html[data-theme="light"] .auth-divider::after { background: rgba(15,23,42,0.055); }
html[data-theme="light"] .auth-oauth-btn { background: rgba(15,23,42,0.038); border: 1px solid rgba(15,23,42,0.099); }
html[data-theme="light"] .auth-oauth-btn:hover { background: rgba(15,23,42,0.06); border-color: rgba(15,23,42,0.176); }
html[data-theme="light"] .auth-heading h2 { color: #0f172a; }
html[data-theme="light"] .auth-switch { color: #64748b; }
html[data-theme="light"] .auth-toast--error { color: #b91c1c; }
html[data-theme="light"] .auth-toast--success { color: #15803d; }
html[data-theme="light"] .auth-toast--success svg { color: #15803d; }
html[data-theme="light"] .auth-toast--warning { color: #a16207; }
html[data-theme="light"] .auth-terms a,
html[data-theme="light"] .auth-legal a { color: #0369a1; }
html[data-theme="light"] .auth-legal { color: #64748b; }
html[data-theme="light"] .auth-tab { color: #64748b; }
html[data-theme="light"] .auth-tab.active { color: #1d4ed8; background: #ffffff; border-color: rgba(37,99,235,0.25); box-shadow: 0 1px 2px rgba(15,23,42,0.06); }
html[data-theme="light"] .auth-field label { color: #475569; }
html[data-theme="light"] .auth-remember { color: #334155; }
html[data-theme="light"] .auth-divider span { color: #64748b; }
html[data-theme="light"] .auth-field input { color: #0f172a; }
html[data-theme="light"] .auth-field input::placeholder { color: #94a3b8; }
html[data-theme="light"] .auth-field input:focus { background: #ffffff; }
html[data-theme="light"] .auth-oauth-btn { color: #334155; }
html[data-theme="light"] .auth-metric-chip { color: #475569; }

/* Logo: the bright logo on dark, the deeper prism_dark_logo on light */
html:not([data-theme="light"]) .logo-on-light { display: none !important; }
html[data-theme="light"] .logo-on-dark { display: none !important; }