/* GENERATED by scripts/build_scheme_css.py — DO NOT EDIT BY HAND.
 * Scheme: Broadcast Slate (broadcast)
 * Loaded site-wide as scheme-active.css right after main.css; overrides the
 * :root tokens. To change the site's scheme:
 *   python scripts/build_scheme_css.py --activate <key>  (then deploy) */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root {
    /* ===== canonical tokens ===== */
    --bg-deep: #0B0D0F;
    --bg-dark: #101318;
    --bg-card: #161A20;
    --bg-card-hover: #1C222B;
    --hairline: rgba(255,255,255,0.07);
    --border-color: #2A323D;
    --text-primary: #F4F7FA;
    --text-secondary: #A9B4C0;
    --text-muted: #838E9E;
    --accent: #2F9DFF;
    --accent-hover: #5BB2FF;
    --accent-tint: rgba(47,157,255,0.12);
    --on-accent: #08131F;
    --pos: #2FD07F;
    --pos-tint: rgba(47,208,127,0.12);
    --neg: #FF6067;
    --neg-tint: rgba(255,96,103,0.12);
    --warn: #FFAD33;
    --warn-tint: rgba(255,173,51,0.12);
    --gold: #F2C14E;
    --gold-hover: #E0AE38;
    --gold-tint: rgba(242,193,78,0.10);
    --on-gold: #1F1503;
    --font-display: 'Barlow Condensed', sans-serif;
    --font-display-weight: 700;
    --font-body: 'Inter', -apple-system, sans-serif;

    /* ===== legacy aliases: every var() already in the codebase retargets ===== */
    --bg-darker: var(--bg-deep);
    --primary-green: var(--accent);
    --primary-green-hover: var(--accent-hover);
    --success: var(--pos);
    --danger: var(--neg);
    --warning: var(--warn);
    --info: var(--text-secondary);
    --purple: var(--accent);
    --stat-elite: var(--pos);
    --stat-good: var(--text-primary);
    --stat-average: var(--text-muted);
    --stat-poor: var(--neg);
    --stat-bad: var(--neg);
    --bs-success-rgb: 47, 208, 127;
    --bs-danger-rgb: 255, 96, 103;
    --bs-warning-rgb: 255, 173, 51;
}

/* ===== scheme typography ===== */
body, p, span, a, li, td, th, div, input, button, select, textarea {
    font-family: var(--font-body);
}
body { font-feature-settings: 'tnum' 1; }
h1, h2, h3, .hx-title, .page-title, .hero-title, .pf-title {
    font-family: var(--font-display);
    font-weight: var(--font-display-weight);
}
h1, h2, .hx-title, .page-title { text-transform: uppercase; letter-spacing: 0.02em; }
