/* Arbiter skin for the sign-in pages (login, register, password reset, invites, 2FA, terms gate).
   Tokens mirror arbiter.zelicra.com; load after the page's own <style> so equal-specificity rules win.
   Links and focus rings read var(--primary)/var(--accent) (some via inline style), so they are re-pointed here. */
.login-page {
    --primary: oklch(0.81 0.125 84);
    --accent: oklch(0.81 0.125 84);
    --border-focus: oklch(0.81 0.125 84);
    --zl-input-bg-d: oklch(0.13 0.020 188);
    --zl-input-bd-d: oklch(0.72 0.03 160 / 0.22);
    background:
        radial-gradient(110% 70% at 85% -10%, oklch(0.81 0.125 84 / 0.13), transparent 55%),
        radial-gradient(80% 60% at 0% 110%, oklch(0.75 0.13 165 / 0.10), transparent 60%),
        oklch(0.16 0.026 188);
    font-family: "Hanken Grotesk", system-ui, sans-serif;
}
.login-card {
    background: oklch(0.225 0.030 187 / 0.72);
    border: 1px solid oklch(0.81 0.125 84 / 0.22);
}
.login-logo h1 {
    font-family: "Spectral", Georgia, serif;
    font-weight: 600;
    letter-spacing: 0.2em;
    color: oklch(0.945 0.014 100);
}
.login-logo p {
    color: oklch(0.81 0.125 84);
    font-size: 0.7rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}
/* Four classes outrank zelicra.css's button[type="submit"]:not(...):not(...) gradient. */
.login-page .login-card .btn.btn-primary {
    background: oklch(0.81 0.125 84);
    border-color: oklch(0.81 0.125 84);
    color: oklch(0.16 0.026 188);
}
.login-page .login-card .btn.btn-primary:hover { background: oklch(0.89 0.10 90); }
.login-page .login-card .btn.btn-outline {
    background: transparent;
    border: 1px solid oklch(0.81 0.125 84 / 0.45);
    color: oklch(0.945 0.014 100);
}
.login-page .login-card .btn.btn-outline:hover { border-color: oklch(0.81 0.125 84); }