/* themes.css — color variety for Club Picker */

:root {
  --bg: #0f1724;
  --card: linear-gradient(135deg,#0ea5a4 0%, #6366f1 100%);
  --muted: #94a3b8;
  --accent: #10b981;
}

/* === Default Dark === */
.theme-default {
  --bg: #0f1724;
  --card: linear-gradient(135deg,#0ea5a4 0%, #6366f1 100%);
  --accent: #10b981;
  --muted: #94a3b8;
}

/* === Pitch Green === */
.theme-green {
  --bg: #0d1f0d;
  --card: linear-gradient(135deg,#16a34a 0%, #065f46 100%);
  --accent: #22c55e;
  --muted: #a3e635;
}

/* === Retro Orange === */
.theme-retro {
  --bg: #1a1a1a;
  --card: linear-gradient(135deg,#f97316 0%, #f59e0b 100%);
  --accent: #facc15;
  --muted: #fcd34d;
}

/* === Neon Nights === */
.theme-neon {
  --bg: #060014;
  --card: linear-gradient(135deg,#a855f7 0%, #06b6d4 100%);
  --accent: #ec4899;
  --muted: #c084fc;
}

/* === Ice Blue === */
.theme-ice {
  --bg: #0f172a;
  --card: linear-gradient(135deg,#38bdf8 0%, #3b82f6 100%);
  --accent: #06b6d4;
  --muted: #93c5fd;
}

/* === Sunset === */
.theme-sunset {
  --bg: #2c0f1a;
  --card: linear-gradient(135deg,#fb7185 0%, #f97316 100%);
  --accent: #f43f5e;
  --muted: #fda4af;
}

/* === Royal Purple === */
.theme-royal {
  --bg: #140b2c;
  --card: linear-gradient(135deg,#7c3aed 0%, #4338ca 100%);
  --accent: #a855f7;
  --muted: #c4b5fd;
}

/* === Ocean Wave === */
.theme-ocean {
  --bg: #001f29;
  --card: linear-gradient(135deg,#0ea5e9 0%, #0284c7 100%);
  --accent: #38bdf8;
  --muted: #7dd3fc;
}

/* === Volcano Flame === */
.theme-fire {
  --bg: #2a0909;
  --card: linear-gradient(135deg,#ef4444 0%, #b91c1c 100%);
  --accent: #f87171;
  --muted: #fecaca;
}

/* === Gold Elite === */
.theme-gold {
  --bg: #1f1f00;
  --card: linear-gradient(135deg,#facc15 0%, #ca8a04 100%);
  --accent: #eab308;
  --muted: #fde68a;
}

/* === Light Mode === */
.theme-light {
  --bg: #f9fafb;
  --card: linear-gradient(135deg,#e5e7eb 0%, #d1d5db 100%);
  --accent: #2563eb;
  --muted: #ffffff;
}

/* === Pastel Breeze === */
.theme-pastel {
  --bg: #fdf2f8;
  --card: linear-gradient(135deg,#f9a8d4 0%, #fbcfe8 100%);
  --accent: #db2777;
  --muted: #fdf2f8;
}

/* === Fresh Mint === */
.theme-mint {
  --bg: #ecfdf5;
  --card: linear-gradient(135deg,#6ee7b7 0%, #34d399 100%);
  --accent: #059669;
  --muted: #ecfdf5;
}

/* === Valentines === */
.theme-val {
  --bg: #ff004c;
  --card: linear-gradient(90deg,#ff00ea 25%, #ff0000 100%);
  --accent: #ff0073;
  --muted: #ffffff;
}
}