/* themes/football.css - deep turf + white yard lines + stadium lights */
:root {
  --bg-primary: #04120b;
  --bg-secondary: #072015;
  --bg-card: rgba(6, 22, 14, 0.78);
  --bg-hover: rgba(8, 34, 20, 0.88);

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

  --accent-blue: #22c55e; /* field green */
  --accent-cyan: #e2e8f0; /* white-ish lines */
  --accent-green: #16a34a;
  --accent-red: #ef4444;
  --accent-purple: #94a3b8;

  --border-color: rgba(226, 232, 240, 0.18);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.65);

  /* Night field: dark gradient + subtle turf stripes + yard lines + light glow */
  --gradient-bg: radial-gradient(
      circle at 18% 12%,
      rgba(255, 255, 255, 0.12),
      transparent 38%
    ),
    radial-gradient(
      circle at 82% 10%,
      rgba(255, 255, 255, 0.1),
      transparent 40%
    ),
    radial-gradient(circle at 50% 0%, rgba(34, 197, 94, 0.18), transparent 60%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.72)),
    repeating-linear-gradient(
      90deg,
      rgba(22, 163, 74, 0.16) 0px,
      rgba(22, 163, 74, 0.16) 70px,
      rgba(34, 197, 94, 0.1) 70px,
      rgba(34, 197, 94, 0.1) 140px
    ),
    repeating-linear-gradient(
      0deg,
      rgba(226, 232, 240, 0.1) 0px,
      rgba(226, 232, 240, 0.1) 2px,
      transparent 2px,
      transparent 120px
    );

  --gradient-accent: linear-gradient(90deg, #22c55e, #e2e8f0, #16a34a);
  --gradient-card: linear-gradient(
    145deg,
    rgba(8, 34, 20, 0.92),
    rgba(4, 18, 11, 0.92)
  );
}