/* themes/volleyball.css - warm sand + sky gradient + sun flare */
:root {
  --bg-primary: #1a0f06;
  --bg-secondary: #2a1608;
  --bg-card: rgba(26, 15, 6, 0.72);
  --bg-hover: rgba(42, 22, 8, 0.86);

  --text-primary: #fff7ed;
  --text-secondary: rgba(255, 247, 237, 0.72);
  --text-muted: rgba(255, 247, 237, 0.55);

  --accent-blue: #fb923c; /* warm orange */
  --accent-cyan: #38bdf8; /* sky blue */
  --accent-green: #fbbf24; /* sun */
  --accent-red: #ef4444;
  --accent-purple: #f97316;

  --border-color: rgba(251, 146, 60, 0.18);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.45);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.65);

  /* Beach: sky top -> sand bottom + dune stripes + sun glow */
  --gradient-bg: radial-gradient(
      circle at 18% 14%,
      rgba(251, 191, 36, 0.28),
      transparent 42%
    ),
    radial-gradient(circle at 80% 20%, rgba(56, 189, 248, 0.2), transparent 46%),
    linear-gradient(
      180deg,
      rgba(56, 189, 248, 0.18),
      rgba(0, 0, 0, 0.35) 35%,
      rgba(251, 146, 60, 0.18) 70%,
      rgba(0, 0, 0, 0.7)
    ),
    repeating-linear-gradient(
      90deg,
      rgba(251, 146, 60, 0.1) 0px,
      rgba(251, 146, 60, 0.1) 90px,
      rgba(245, 158, 11, 0.08) 90px,
      rgba(245, 158, 11, 0.08) 180px
    );

  --gradient-accent: linear-gradient(90deg, #fb923c, #fbbf24, #38bdf8);
  --gradient-card: linear-gradient(
    145deg,
    rgba(52, 28, 10, 0.92),
    rgba(26, 15, 6, 0.92)
  );
}