/* ==========================================
   RetroPlay Theme Presets
   ========================================== */

/* Theme 1: Neon City (Default Dark) */
[data-theme-preset="neon-city"] {
  --bg-primary: #0d0f18;
  --bg-secondary: #13151f;
  --bg-card: #1a1d2e;
  --bg-card-hover: #21243a;
  --text-primary: #f0f2f5;
  --text-secondary: #b8bcc8;
  --accent-primary: #8b5cf6;
  --accent-primary-hover: #a78bfa;
  --accent-secondary: #fbbf24;
}

/* Theme 2: Ocean Depths */
[data-theme-preset="ocean"] {
  --bg-primary: #0a1628;
  --bg-secondary: #0f1f35;
  --bg-card: #152642;
  --bg-card-hover: #1c3252;
  --text-primary: #e8f4f8;
  --text-secondary: #a3c4d4;
  --accent-primary: #06b6d4;
  --accent-primary-hover: #22d3ee;
  --accent-secondary: #10b981;
}

/* Theme 3: Cyber Punk */
[data-theme-preset="cyberpunk"] {
  --bg-primary: #0f0f14;
  --bg-secondary: #18181f;
  --bg-card: #1f1f28;
  --bg-card-hover: #28283a;
  --text-primary: #fff5f5;
  --text-secondary: #fca5a5;
  --accent-primary: #f43f5e;
  --accent-primary-hover: #fb7185;
  --accent-secondary: #fbbf24;
}

/* Theme 4: Forest */
[data-theme-preset="forest"] {
  --bg-primary: #0f1a0f;
  --bg-secondary: #142014;
  --bg-card: #1a2e1a;
  --bg-card-hover: #234023;
  --text-primary: #e8f5e9;
  --text-secondary: #a5d6a7;
  --accent-primary: #22c55e;
  --accent-primary-hover: #4ade80;
  --accent-secondary: #84cc16;
}

/* Theme 5: Sunset */
[data-theme-preset="sunset"] {
  --bg-primary: #1a0f14;
  --bg-secondary: #24141c;
  --bg-card: #2e1a24;
  --bg-card-hover: #3d2230;
  --text-primary: #fef2f2;
  --text-secondary: #fecaca;
  --accent-primary: #f97316;
  --accent-primary-hover: #fb923c;
  --accent-secondary: #ec4899;
}

/* Theme 6: Midnight Blue */
[data-theme-preset="midnight"] {
  --bg-primary: #0f172a;
  --bg-secondary: #1e293b;
  --bg-card: #334155;
  --bg-card-hover: #475569;
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --accent-primary: #3b82f6;
  --accent-primary-hover: #60a5fa;
  --accent-secondary: #8b5cf6;
}

/* Theme 7: Lavender Dreams (Light) */
[data-theme-preset="lavender"] {
  --bg-primary: #faf5ff;
  --bg-secondary: #f3e8ff;
  --bg-card: #ffffff;
  --bg-card-hover: #faf5ff;
  --text-primary: #3b0764;
  --text-secondary: #6b21a8;
  --accent-primary: #a855f7;
  --accent-primary-hover: #c084fc;
  --accent-secondary: #ec4899;
}

/* Theme 8: Clean White (Light) */
[data-theme-preset="clean-white"] {
  --bg-primary: #f5f5f7;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f3f4f6;
  --text-primary: #1a1d2e;
  --text-secondary: #4b5563;
  --accent-primary: #7c3aed;
  --accent-primary-hover: #6d28d9;
  --accent-secondary: #f59e0b;
}

/* Theme 9: Warm Sepia (Light) */
[data-theme-preset="sepia"] {
  --bg-primary: #fef7ed;
  --bg-secondary: #fffbf5;
  --bg-card: #ffffff;
  --bg-card-hover: #fef3e2;
  --text-primary: #451a03;
  --text-secondary: #78350f;
  --accent-primary: #d97706;
  --accent-primary-hover: #f59e0b;
  --accent-secondary: #dc2626;
}

/* Theme 10: Arctic (Light) */
[data-theme-preset="arctic"] {
  --bg-primary: #f0f9ff;
  --bg-secondary: #e0f2fe;
  --bg-card: #ffffff;
  --bg-card-hover: #f0f9ff;
  --text-primary: #0c4a6e;
  --text-secondary: #0369a1;
  --accent-primary: #0ea5e9;
  --accent-primary-hover: #38bdf8;
  --accent-secondary: #06b6d4;
}

/* Theme 11: 8-Bit Retro */
[data-theme-preset="retro-8bit"] {
  --bg-primary: #1a1c2c;
  --bg-secondary: #262b44;
  --bg-card: #333c57;
  --bg-card-hover: #3f4c6b;
  --text-primary: #f4f4f4;
  --text-secondary: #a7c6e2;
  --accent-primary: #ff004d;
  --accent-primary-hover: #ff6b9d;
  --accent-secondary: #29adff;
  /* Pixel-perfect borders */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 2px;
  --radius-xl: 4px;
  /* 8-bit color palette extras */
  --pixel-green: #00e436;
  --pixel-yellow: #ffec27;
  --pixel-orange: #ffa300;
  --pixel-pink: #ff77a8;
  --pixel-purple: #7e2553;
  --pixel-blue: #29adff;
}

/* ==========================================
   Custom Theme (Admin-defined colors)
   ========================================== */
[data-theme-preset="custom"] {
  /* These get overwritten by inline styles from admin config */
  --bg-primary: var(--custom-bg-primary, #0d0f18);
  --bg-secondary: var(--custom-bg-secondary, #13151f);
  --bg-card: var(--custom-bg-card, #1a1d2e);
  --bg-card-hover: var(--custom-bg-card-hover, #21243a);
  --text-primary: var(--custom-text-primary, #f0f2f5);
  --text-secondary: var(--custom-text-secondary, #b8bcc8);
  --accent-primary: var(--custom-accent-primary, #8b5cf6);
  --accent-primary-hover: var(--custom-accent-primary-hover, #a78bfa);
  --accent-secondary: var(--custom-accent-secondary, #fbbf24);
}

/* ==========================================
   Theme-specific shadow adjustments
   ========================================== */
[data-theme-preset="ocean"] {
  --shadow-glow: 0 0 20px rgba(6, 182, 212, 0.4);
}

[data-theme-preset="cyberpunk"] {
  --shadow-glow: 0 0 20px rgba(244, 63, 94, 0.4);
}

[data-theme-preset="forest"] {
  --shadow-glow: 0 0 20px rgba(34, 197, 94, 0.4);
}

[data-theme-preset="sunset"] {
  --shadow-glow: 0 0 20px rgba(249, 115, 22, 0.4);
}

[data-theme-preset="midnight"] {
  --shadow-glow: 0 0 20px rgba(59, 130, 246, 0.4);
}

[data-theme-preset="retro-8bit"] {
  --shadow-glow: 0 0 20px rgba(255, 0, 77, 0.6);
  /* Pixel font for 8-bit feel */
  --font-pixel: 'Press Start 2P', monospace;
}

/* Light themes - softer shadows */
[data-theme-preset="lavender"],
[data-theme-preset="clean-white"],
[data-theme-preset="sepia"],
[data-theme-preset="arctic"] {
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
  --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
  --shadow-glow: 0 0 15px rgba(0, 0, 0, 0.1);
}