/* Team colors. This is the only file to edit to re-color the site for another team.
   Every page loads it before styles.css.

   --primary       Main team color: headings, nav, buttons, avatars, links
   --primary-dark  Darker shade of primary: footer background, button hover
   --primary-tint  Very light shade of primary: hover backgrounds, progress bar track
   --on-primary    Text/icon color on top of primary (usually white)

   --accent        Second team color: progress bar, date badges, Donate button, underlines
   --accent-light  Very light shade of accent: newest donation highlight, card hover glow
   --accent-hover  Slightly darker accent for accent button hover
   --on-accent     Text/icon color on top of accent (pick dark or white so it stays readable)

   --text / --muted / --border / --bg / --surface: neutral page colors

   Sliders: matched to the uniforms in the team photo. Navy sleeves (primary),
   red caps and socks (accent), and powder-blue jerseys (tint and borders). */

:root {
  --primary: #1F2D5C;
  --primary-dark: #141D3D;
  --primary-tint: #DCEFFB;
  --on-primary: #FFFFFF;

  --accent: #C11A31;
  --accent-light: #FBE3E6;
  --accent-hover: #A0142A;
  --on-accent: #FFFFFF;

  --text: #16203D;
  --muted: #5A6480;
  --border: #B9DDF4;
  --bg: #FFFFFF;
  --surface: #FFFFFF;
}