/* =========================================================================
   THEME — SPORTS · LUDOCREUM
   Stadium scoreboard: jet-black tunnel + scoreboard green, dot-matrix
   numerals, broadcast graphics. Bold, kinetic, built for the
   athlete/coach/sponsor marketplace.
   ========================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Barlow:wght@400;500;600;700;800&family=VT323&display=swap');

:root {
    --bg-base:        #0a0d11;       /* tunnel before the field */
    --bg-surface:     #14181d;
    --bg-elevated:    #1c2128;
    --bg-deep:        #050709;       /* scoreboard housing */

    --text-primary:   #f7fafc;
    --text-mute:      rgba(247, 250, 252, 0.72);
    --text-faint:     rgba(247, 250, 252, 0.45);

    --accent:         #00ff66;       /* scoreboard LED green */
    --accent-2:       #ffd700;       /* electric yellow — penalty flag */
    --accent-warm:    #e10600;       /* race red — for big moments */
    --accent-muted:   #b8bcc4;       /* chrome */

    --border:         rgba(255, 255, 255, 0.10);
    --border-strong:  rgba(255, 255, 255, 0.28);

    --font-heading:   'Oswald', 'Impact', sans-serif;
    --font-scoreboard:'VT323', 'Courier New', monospace;
    --font-body:      'Barlow', system-ui, sans-serif;

    --paper:          var(--bg-base);
    --paper-2:        var(--bg-surface);
    --ink:            var(--text-primary);
    --ink-soft:       var(--text-mute);
    --ink-mute:       var(--text-faint);
    --rule:           var(--border);
    --rule-hi:        var(--border-strong);
    --gold:           var(--accent);
    --gold-bright:    var(--accent);
    --mauve:          var(--accent-warm);
    --mustard:        var(--accent-2);
    --serif:          var(--font-heading);
    --sans:           var(--font-body);
    --mono:           var(--font-scoreboard);
}

body {
    background: var(--bg-base) !important;
    color: var(--text-primary) !important;
    font-family: var(--font-body);
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.headline, .nav-brand {
    font-family: var(--font-heading);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.005em;
    line-height: 0.96;
}