/* ===========================================================================
   Design tokens — Town Team Baseball V2
   Palette is locked to the IG "Scoreboard Dark" theme (instagram/brand.py DARK)
   so the website and Instagram read as one brand. Keep these in sync if brand
   values change.
   ========================================================================= */
:root {
  /* Surfaces */
  --bg:        #0E1116;
  --bg-2:      #11151C;   /* alt section bg */
  --surface:   #171C26;
  --surface-2: #1D2430;   /* raised / hover */
  --line:      #262E3C;
  --line-soft: #1E2530;

  /* Text */
  --text:    #EAEEF5;
  --muted:   #8B97A8;
  --faint:   #5C6675;

  /* Brand */
  --accent:      #FFB200;   /* amber — the single signature color */
  --accent-deep: #E09E00;
  --accent-glow: rgba(255, 178, 0, .14);

  /* Semantic */
  --pos: #3DDC84;
  --neg: #FF5C5C;
  --pos-bg: rgba(61, 220, 132, .12);
  --neg-bg: rgba(255, 92, 92, .12);

  /* Class accents */
  --cls-a: #5EA8FF;
  --cls-b: #C792EA;
  --cls-c: #56D4C2;

  /* Type */
  --font-display: "Anton", system-ui, sans-serif;          /* hero / wordmark */
  --font-sub:     "Barlow Condensed", system-ui, sans-serif;/* section titles */
  --font-body:    "Barlow", system-ui, -apple-system, sans-serif;
  --font-num:     "IBM Plex Mono", ui-monospace, monospace; /* all numbers */

  /* Spacing scale */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem;
  --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4rem;

  /* Radii / shadow */
  --r-sm: 6px; --r: 10px; --r-lg: 16px; --r-pill: 999px;
  --shadow:    0 2px 8px rgba(0,0,0,.35);
  --shadow-lg: 0 12px 40px rgba(0,0,0,.5);

  /* Layout */
  --maxw: 1140px;
  --nav-h: 60px;
  --ticker-h: 42px;
}