/* theme.css — every colour and font lives here. Detroit Red Wings palette.
   functions/og.js and celebrate.js duplicate these as literals (Satori can't
   read CSS vars, and the confetti canvas needs plain hex). */
:root {
  --ink: #121212;         /* scoreboard black */
  --ink-deep: #0A0A0A;
  --glow: #5A0A14;        /* deep red, for the background glow */
  --red: #CE1126;         /* Red Wings red: fills and stripes only, too dark for text on ink */
  --red-bright: #F0334A;  /* red on ink, at large text sizes */
  --accent: #FF5A6B;      /* red on ink, at body text sizes (links, small numbers) */
  --silver: #A7A9AC;
  --white: #FFFFFF;
  --hellebucks: #7BAFD4; /* Hellebucks' sky blue, for the "previously on" panel */

  --text: var(--white);
  --text-muted: #D4D4D4;
  --surface: rgba(255, 255, 255, 0.05);
  --surface-line: rgba(167, 169, 172, 0.28);

  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}