/* Identidad C.I.F.A.R. · administración independiente. */
:root {
    --navy: #20252a;
    --blue: #af503a;
    --blue-dark: #873c2b;
    --sky: #f2e4dc;
    --ink: #17202a;
    --muted: #655f5a;
    --line: #ded6ca;
    --surface: #fffdfa;
    --canvas: #f8f6f1;
    --control-line: #bcb1a4;
    --surface-subtle: #f5f0e9;
    --surface-hover: #eee8df;
    --label: #403b37;
    --info-ink: #634030;
    --info-surface: #f6ebe2;
    --info-line: #dcc8b8;
    --focus-ring: #b35840;
    --radius-control: 4px;
    --radius-panel: 5px;
    --shadow: 0 8px 24px rgba(38, 31, 26, .08);
}
html, body { background: var(--canvas); color: var(--ink); }
:is(h1, h2, h3) { font-family: Georgia, 'Times New Roman', serif; letter-spacing: -.035em; }
.sidebar { background: #20252a; border-right: 4px solid #af503a; }
.brand-mark,
.boot-mark { border-radius: 3px; background: #af503a; color: #fff; }
.brand strong { font-family: Georgia, 'Times New Roman', serif; font-size: 21px; letter-spacing: -.035em; }
.brand small,
.nav-heading,
.nav-details .nav-details-heading { color: #dab3a5; }
.nav-item { border-radius: 3px; color: #ece7e0; }
.nav-item.active { background: #af503a; box-shadow: inset 3px 0 #e7c2b4; }
.nav-item:hover,
.nav-details > summary:hover { background: #383d40; }
.topbar { background: #fffdfa; }
.mode-pill { border-radius: 3px; color: #873c2b; background: #f2e4dc; }
.user-button > span:first-child { background: #f2e4dc; color: #873c2b; }
.route-progress { background: #af503a; }
.eyebrow { color: #9a402d; letter-spacing: .16em; }
.button,
.button-primary { border-radius: 4px; box-shadow: none; }
.button-primary { background: #af503a; color: #fff; }
.button-primary:hover { background: #873c2b; }
.button-secondary { background: #fffdfa; border-color: #bcb1a4; color: #17202a; }
.button-secondary:hover { background: #eee8df; border-color: #a59687; }
.metric-grid,
.metric-card,
.setup-panel,
.empty-state,
.panel,
.card,
.publication-action,
.publication-main { border-color: #ded6ca; border-radius: 5px; background: #fffdfa; box-shadow: none; }
.metric-card:hover { background: #f5f0e9; }
.content :where(input, select, textarea) { border-color: #bcb1a4; border-radius: 4px; background: #fffdfa; color: #17202a; }
.content :where(label, .match-finder-fields label) { color: #403b37; }
.content :where(.match-finder-fields input, .matches-calendar-toggle) { border-color: #bcb1a4; }
.matches-panel-heading { background: linear-gradient(125deg, #fffdfa 0%, #f5f0e9 100%); }
.boot-screen { background: #f8f6f1; }
.boot-card { border-radius: 5px; }
.login-body { background: #20252a url('../images/cifar-pitch.png') center / cover no-repeat; }
.login-shell { background: rgba(32, 37, 42, .82); }
.login-intro h1 { font-family: Georgia, 'Times New Roman', serif; }
.login-intro .eyebrow { color: #efb5a4; }
.login-intro p,
.login-intro ul { color: #f5f0e9; }
.login-intro li::before { background: #bd6b54; box-shadow: none; }
.login-card { border: 1px solid #ded6ca; border-radius: 5px; background: #fffdfa; box-shadow: 0 16px 40px rgba(0, 0, 0, .18); }
.login-card input { border-radius: 4px; border-color: #bcb1a4; background: #fffdfa; }
.login-card input:focus { border-color: #af503a; outline: 3px solid #e7c2b4; }
@media (max-width: 760px) {
    .login-body { background: #f8f6f1; }
    .login-shell { background: transparent; }
    .login-intro p { color: #655f5a; }
}