/* YAAF's factory palette, shared across authentication and account management. */
:root {
    color-scheme: dark;
    --identity-bg: #080e18;
    --identity-panel: #101824;
    --identity-paper: #f1efe5;
    --identity-lime: #d7f56b;
    --identity-muted: #b7c7d5;
    --identity-line: #263346;
}
html, body.identity-site {
    background: var(--identity-bg);
    color: var(--identity-paper);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.identity-site a { color: var(--identity-lime); }
.identity-site a:hover { color: #e2ff83; }
.identity-site :is(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--identity-lime);
    outline-offset: 4px;
}
.identity-site .mud-appbar { border-bottom: 1px solid var(--identity-line); }
.identity-site .mud-drawer { border-right: 1px solid var(--identity-line); }
.identity-site .mud-paper { box-shadow: none; border: 1px solid var(--identity-line); }
.identity-site .mud-button-root { text-transform: none; letter-spacing: 0; }
.identity-site .mud-button-filled-primary { font-weight: 750; }
.identity-site .mud-typography-h4,
.identity-site .mud-typography-h5,
.identity-site .mud-typography-h6 { letter-spacing: -.035em; }
.identity-brand { display: inline-flex; align-items: center; gap: 12px; font-size: 1.1rem; font-weight: 750; letter-spacing: -.035em; white-space: nowrap; }
.identity-site .identity-brand { color: var(--identity-paper); text-decoration: none; }
.identity-brand__mark { display: grid; place-items: center; width: 32px; height: 32px; background: var(--identity-lime); color: #121b0b; border-radius: 3px; font-size: 1.4rem; }
.identity-brand__name { color: var(--identity-muted); font-weight: 400; margin-left: 4px; }
.identity-site .identity-content { padding: 0; }
.identity-site .form-control { background: #0b131b; border: 1px solid #536071; border-radius: 4px; color: var(--identity-paper); min-height: 48px; }
.identity-site .form-control:focus { background: #0b131b; color: var(--identity-paper); border-color: var(--identity-lime); box-shadow: 0 0 0 3px #d7f56b20; }
.identity-site .form-control::placeholder { color: #9aabba; opacity: 1; }
.identity-site input[type=checkbox] { accent-color: var(--identity-lime); }
.identity-site .text-danger, .identity-site .validation-message { color: #ff9aab !important; }
.identity-site .text-muted, .identity-site .form-text { color: var(--identity-muted) !important; }
.identity-site .jumbotron { max-width: 850px; margin: 3rem auto; padding: clamp(24px, 5vw, 48px); background: var(--identity-panel); border: 1px solid #425064; border-top: 3px solid var(--identity-lime); border-radius: 4px; overflow-wrap: anywhere; }
.identity-site code { color: var(--identity-lime); }
.identity-site .btn { border-radius: 4px; font-weight: 650; }
.identity-site .btn-primary, .identity-site .btn-success { background: var(--identity-lime); color: #121b0b; border-color: var(--identity-lime); }
.identity-site .btn-primary:hover, .identity-site .btn-success:hover { background: #e2ff83; border-color: #e2ff83; }
.identity-site .btn-danger { color: #ffbdc8; background: #3c202b; border-color: #95616d; }
.identity-site #blazor-error-ui { color: #f1efe5; background: #3c202b; }
@media (max-width: 599px) {
    .identity-brand { gap: 8px; font-size: 1rem; }
    .identity-brand__mark { width: 28px; height: 28px; }
    .identity-brand__name { display: none; }
    .identity-site .jumbotron { margin: 1.5rem 1rem; }
}
