/* ══════════════════════════════════════════════════════════════════════════
   Console: the public shell (sign-in, sign-up, error pages).

   Colour, face and radius already come from the tokens. This file takes away
   what the theme adds for a marketing site and a console does not want: the
   lift and glow on buttons and cards, the round badges, the soft focus halo.
   Loaded at order 200, after the theme and every feature.
   ══════════════════════════════════════════════════════════════════════════ */

body { background: var(--brand-surface); }

.site-header {
    background: var(--brand-bg);
    border-bottom: 1px solid var(--brand-border);
    box-shadow: none;
}
.site-brand { color: var(--brand-heading); font-weight: 600; letter-spacing: 0; }

/* The signed-in bar above the public header: the same navy as the rail of
   the panel, so leaving the panel for a public page keeps the frame. */
#sp-adminbar { background: #0b1d3a !important; }

h1, h2, h3, .h1, .h2, .h3 { color: var(--brand-heading); letter-spacing: -0.01em; }

.btn {
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 80ms linear, border-color 80ms linear;
}
.btn:hover { transform: none; }
.btn-primary { box-shadow: none; }
.btn-primary:hover { background: #0050c4; border-color: #0050c4; }
.btn:focus-visible { outline: 2px solid var(--brand-primary); outline-offset: 2px; }
.btn-ghost { background: var(--brand-bg); border-color: var(--brand-border); color: var(--brand-text); }

.card,
.feature {
    background: var(--brand-bg);
    border: 1px solid var(--brand-border);
    box-shadow: none;
    transition: none;
}
.card:hover { transform: none; box-shadow: none; }

.badge { border-radius: 3px; }

.form-control { border-radius: 4px; border-color: #cfd6e1; }
.form-control:hover { border-color: #aab4c4; }
.form-control:focus { border-color: var(--brand-primary); box-shadow: 0 0 0 1px var(--brand-primary); }
.form-label { color: var(--brand-heading); font-weight: 500; }

.site-footer { background: var(--brand-bg); border-top: 1px solid var(--brand-border); }