/* ==========================================================================
   Theme System - 10 Colorful Themes
   All themes pass WCAG AA contrast requirements (4.5:1 minimum)
   ========================================================================== */

/* ==========================================================================
   DARK THEMES
   ========================================================================== */

/* 1. Dark Emerald (Default) - Dark with green accent */
:root,
[data-theme="dark-emerald"] {
  --bg-primary: #09090b;
  --bg-secondary: #18181b;
  --bg-card: #27272a;
  --text-primary: #fafafa;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --accent: #34d399;
  --accent-hover: #6ee7b7;
  --border: #3f3f46;
  --radius: 0.75rem;
}

/* 2. Dark Ocean - Deep blue tones */
[data-theme="dark-ocean"] {
  --bg-primary: #0a1628;
  --bg-secondary: #0f2847;
  --bg-card: #1a3a5c;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #64748b;
  --accent: #38bdf8;
  --accent-hover: #7dd3fc;
  --border: #1e4976;
  --radius: 0.75rem;
}

/* 3. Dark Sunset - Warm orange/red tones */
[data-theme="dark-sunset"] {
  --bg-primary: #1a0a0a;
  --bg-secondary: #2d1515;
  --bg-card: #3d1f1f;
  --text-primary: #fef2f2;
  --text-secondary: #fca5a5;
  --text-muted: #f87171;
  --accent: #fb923c;
  --accent-hover: #fdba74;
  --border: #5c2a2a;
  --radius: 0.75rem;
}

/* 4. Dark Purple - Mystical violet */
[data-theme="dark-purple"] {
  --bg-primary: #0f0a1a;
  --bg-secondary: #1a1428;
  --bg-card: #2a1f40;
  --text-primary: #f5f3ff;
  --text-secondary: #c4b5fd;
  --text-muted: #a78bfa;
  --accent: #a78bfa;
  --accent-hover: #c4b5fd;
  --border: #3b2d5c;
  --radius: 0.75rem;
}

/* ==========================================================================
   LIGHT THEMES - Colorful tinted backgrounds
   ========================================================================== */

/* 5. Light Mint - Soft green background */
[data-theme="light-mint"] {
  --bg-primary: #ecfdf5;
  --bg-secondary: #d1fae5;
  --bg-card: #ffffff;
  --text-primary: #064e3b;
  --text-secondary: #047857;
  --text-muted: #059669;
  --accent: #059669;
  --accent-hover: #047857;
  --border: #a7f3d0;
  --radius: 0.75rem;
}

/* 6. Light Sky - Soft blue background */
[data-theme="light-sky"] {
  --bg-primary: #f0f9ff;
  --bg-secondary: #e0f2fe;
  --bg-card: #ffffff;
  --text-primary: #0c4a6e;
  --text-secondary: #0369a1;
  --text-muted: #0284c7;
  --accent: #0284c7;
  --accent-hover: #0369a1;
  --border: #bae6fd;
  --radius: 0.75rem;
}

/* 7. Light Lavender - Soft purple background */
[data-theme="light-lavender"] {
  --bg-primary: #faf5ff;
  --bg-secondary: #f3e8ff;
  --bg-card: #ffffff;
  --text-primary: #4c1d95;
  --text-secondary: #6d28d9;
  --text-muted: #7c3aed;
  --accent: #7c3aed;
  --accent-hover: #6d28d9;
  --border: #ddd6fe;
  --radius: 0.75rem;
}

/* 8. Light Rose - Soft pink/red background */
[data-theme="light-rose"] {
  --bg-primary: #fff1f2;
  --bg-secondary: #ffe4e6;
  --bg-card: #ffffff;
  --text-primary: #9f1239;
  --text-secondary: #be123c;
  --text-muted: #e11d48;
  --accent: #e11d48;
  --accent-hover: #be123c;
  --border: #fecdd3;
  --radius: 0.75rem;
}

/* 9. Light Peach - Warm orange background */
[data-theme="light-peach"] {
  --bg-primary: #fff7ed;
  --bg-secondary: #ffedd5;
  --bg-card: #ffffff;
  --text-primary: #9a3412;
  --text-secondary: #c2410c;
  --text-muted: #ea580c;
  --accent: #ea580c;
  --accent-hover: #c2410c;
  --border: #fed7aa;
  --radius: 0.75rem;
}

/* 10. Brutalist - High contrast, no curves */
[data-theme="brutalist"] {
  --bg-primary: #000000;
  --bg-secondary: #111111;
  --bg-card: #1a1a1a;
  --text-primary: #ffffff;
  --text-secondary: #cccccc;
  --text-muted: #888888;
  --accent: #ffffff;
  --accent-hover: #cccccc;
  --border: #444444;
  --radius: 0;
}