/* themes/hockey.css - ice cold + blue/white + fine grain */
:root {
  --bg-primary: #060b14;
  --bg-secondary: #0b1730;
  --bg-card: rgba(8, 14, 26, 0.78);
  --bg-hover: rgba(10, 22, 44, 0.88);

  --text-primary: #f8fafc;
  --text-secondary: rgba(248, 250, 252, 0.72);
  --text-muted: rgba(248, 250, 252, 0.55);

  --accent-blue: #60a5fa; /* ice blue */
  --accent-cyan: #e0f2fe; /* frost */
  --accent-green: #38bdf8; /* light blue */
  --accent-red: #ef4444;
  --accent-purple: #93c5fd;

  --border-color: rgba(224, 242, 254, 0.16);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.65);

  /* Ice: cold gradient + rink lines + subtle grain */
  --gradient-bg: radial-gradient(
      circle at 20% 15%,
      rgba(224, 242, 254, 0.14),
      transparent 45%
    ),
    radial-gradient(
      circle at 80% 85%,
      rgba(96, 165, 250, 0.14),
      transparent 48%
    ),
    linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.68)),
    repeating-linear-gradient(
      90deg,
      rgba(224, 242, 254, 0.1) 0px,
      rgba(224, 242, 254, 0.1) 1px,
      transparent 1px,
      transparent 90px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(96, 165, 250, 0.08) 0px,
      rgba(96, 165, 250, 0.08) 2px,
      transparent 2px,
      transparent 140px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.03) 0px,
      rgba(255, 255, 255, 0.03) 2px,
      transparent 2px,
      transparent 10px
    );

  --gradient-accent: linear-gradient(90deg, #60a5fa, #e0f2fe, #38bdf8);
  --gradient-card: linear-gradient(
    145deg,
    rgba(14, 26, 48, 0.92),
    rgba(6, 11, 20, 0.92)
  );
}