/* themes/tennis.css - hard court blue + neon yellow/green */
:root {
  --bg-primary: #061022;
  --bg-secondary: #0b1c3a;
  --bg-card: rgba(7, 18, 38, 0.78);
  --bg-hover: rgba(10, 28, 58, 0.88);

  --text-primary: #f1f5f9;
  --text-secondary: rgba(241, 245, 249, 0.72);
  --text-muted: rgba(241, 245, 249, 0.55);

  --accent-blue: #38bdf8; /* court highlight */
  --accent-cyan: #a3e635; /* tennis ball neon */
  --accent-green: #84cc16;
  --accent-red: #ef4444;
  --accent-purple: #93c5fd;

  --border-color: rgba(147, 197, 253, 0.18);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.65);

  /* Court: blue surface + court lines + neon glow */
  --gradient-bg: radial-gradient(
      circle at 25% 18%,
      rgba(163, 230, 53, 0.18),
      transparent 40%
    ),
    radial-gradient(
      circle at 75% 82%,
      rgba(56, 189, 248, 0.16),
      transparent 45%
    ),
    linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.7)),
    repeating-linear-gradient(
      90deg,
      rgba(56, 189, 248, 0.1) 0px,
      rgba(56, 189, 248, 0.1) 80px,
      rgba(147, 197, 253, 0.08) 80px,
      rgba(147, 197, 253, 0.08) 160px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(241, 245, 249, 0.1) 0px,
      rgba(241, 245, 249, 0.1) 2px,
      transparent 2px,
      transparent 140px
    );

  --gradient-accent: linear-gradient(90deg, #38bdf8, #a3e635, #84cc16);
  --gradient-card: linear-gradient(
    145deg,
    rgba(12, 32, 66, 0.92),
    rgba(6, 16, 34, 0.92)
  );
}