/* ============================================================
   DESIGN TOKENS
   Matches the nwslplayoffpicture.com splash page: cream/graph-paper
   background, bold rounded display type, navy ink, and a
   purple/teal/coral/gold doodle accent palette.
   Edit values here to restyle the whole site. Team-specific accent
   colors live separately in config/team_colors.php.
   ============================================================ */

:root {
  /* --- Fonts ---
     To swap fonts: change the family names here AND update the
     Google Fonts <link> in includes/head.php to match.
     Baloo 2 = the rounded, bold display face used for the
     "NWSL PLAYOFF PICTURE" wordmark and headlines on the splash page.
     Nunito = a rounded, friendly body face that pairs with it. */
  --font-display: 'Baloo 2', sans-serif;
  --font-body: 'Nunito', sans-serif;

  /* --- Brand palette, matched from the splash page --- */
  --ink: #14172B;          /* near-black navy — primary text */
  --ink-soft: #52546B;     /* secondary text */
  --paper: #F7F6EF;        /* cream page background (graph-paper base) */
  --surface: #FFFFFF;      /* card/row backgrounds */
  --surface-alt: #F1EFE3;  /* alternating row stripe, slightly deeper cream */
  --line: #E4E1D2;         /* hairline dividers, warm-gray */
  --line-strong: #D6D2BE;  /* borders on interactive elements */
  --grid-line: #E9E6D8;    /* faint graph-paper grid */

  --purple: #8B6FE8;       /* primary brand accent — "PLAYOFF PICTURE" purple */
  --purple-light: #D9CFFA; /* light shadow/wash variant of purple */
  --purple-banner: #A78BFA;/* top banner strip purple */
  --teal: #45B8AA;         /* secondary accent — underlines, highlights */
  --coral: #F0725A;        /* tertiary accent — outlines, callout boxes */
  --gold: #F5C242;         /* quaternary accent — stars, "still alive" signal */

  --turf: #3FA772;         /* clinched / positive signal */
  --brick: #E85D4E;        /* eliminated / negative signal (coral-leaning) */
  --brass: #DDA429;        /* mid-range / "alive" signal (gold-leaning) */
  --muted: #9CA3AF;        /* de-emphasized text, labels */

  /* --- Default team accent (used when no team is selected,
     e.g. on the League View) — falls back to brand purple rather
     than any single team's color. --- */
  --team-accent: var(--purple);
  --team-accent-dark: var(--ink);

  /* --- Layout --- */
  --max-width: 880px;
  --radius: 14px; /* rounded, notebook-card corners, matching the splash page's rounded boxes */
}