/* ==========================================================================
   THEMES PALETTES & 10 PRESENTATION STYLES
   ========================================================================== */

/* 1. Moderna Esmeralda (Emerald & Dark Luxury) */
[data-theme="theme-emerald"], html[data-theme="theme-emerald"], body[data-theme="theme-emerald"] {
  --color-primary: #10b981;
  --color-primary-hover: #059669;
  --color-primary-light: rgba(16, 185, 129, 0.15);
  --color-primary-glow: rgba(16, 185, 129, 0.4);
  --color-secondary: #064e3b;
  --color-secondary-hover: #022c22;
  --color-accent: #fbbf24;
  --bg-page: #061914;
  --bg-surface: #0c2b23;
  --bg-surface-elevated: #133e33;
  --bg-glass: rgba(12, 43, 35, 0.92);
  --bg-glass-card: rgba(19, 62, 51, 0.75);
  --border-color: #1a4f42;
  --border-color-light: #133e33;
  --text-main: #f0fdf4;
  --text-muted: #a7f3d0;
  --text-light: #6ee7b7;
  --shadow-glow: 0 0 30px rgba(16, 185, 129, 0.3);
}

/* 2. Clean Minimalista (Pure Monochrome & Swiss Typography) */
[data-theme="theme-minimal"], html[data-theme="theme-minimal"], body[data-theme="theme-minimal"] {
  --color-primary: #18181b;
  --color-primary-hover: #27272a;
  --color-primary-light: rgba(24, 24, 27, 0.08);
  --color-primary-glow: rgba(24, 24, 27, 0.2);
  --color-secondary: #52525b;
  --color-secondary-hover: #3f3f46;
  --color-accent: #71717a;
  --bg-page: #fafafa;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.95);
  --bg-glass-card: rgba(255, 255, 255, 0.9);
  --border-color: #e4e4e7;
  --border-color-light: #f4f4f5;
  --text-main: #09090b;
  --text-muted: #71717a;
  --text-light: #a1a1aa;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
}

/* 3. Cyberpunk & Neon Night */
[data-theme="theme-cyberpunk"], html[data-theme="theme-cyberpunk"], body[data-theme="theme-cyberpunk"] {
  --color-primary: #06b6d4;
  --color-primary-hover: #0891b2;
  --color-primary-light: rgba(6, 182, 212, 0.18);
  --color-primary-glow: rgba(6, 182, 212, 0.5);
  --color-secondary: #ec4899;
  --color-secondary-hover: #db2777;
  --color-accent: #a855f7;
  --bg-page: #070913;
  --bg-surface: #0f172a;
  --bg-surface-elevated: #1e293b;
  --bg-glass: rgba(15, 23, 42, 0.92);
  --bg-glass-card: rgba(30, 41, 59, 0.75);
  --border-color: #334155;
  --border-color-light: #1e293b;
  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-light: #64748b;
  --shadow-glow: 0 0 35px rgba(6, 182, 212, 0.4);
}

/* 4. Sunset Denim (Default) */
[data-theme="theme-sunset"], html[data-theme="theme-sunset"], body[data-theme="theme-sunset"] {
  --color-primary: #f97316;
  --color-primary-hover: #ea580c;
  --color-primary-light: rgba(249, 115, 22, 0.14);
  --color-primary-glow: rgba(249, 115, 22, 0.35);
  --color-secondary: #1e3a8a;
  --color-secondary-hover: #172554;
  --color-accent: #38bdf8;
  --bg-page: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-card: rgba(255, 255, 255, 0.75);
  --border-color: #e2e8f0;
  --border-color-light: #f1f5f9;
  --text-main: #0f172a;
  --text-muted: #64748b;
  --text-light: #94a3b8;
}

/* 5. Pastel Boutique (Rose Gold & Feminine Elegance) */
[data-theme="theme-pastel"], html[data-theme="theme-pastel"], body[data-theme="theme-pastel"] {
  --color-primary: #e11d48;
  --color-primary-hover: #be123c;
  --color-primary-light: rgba(225, 29, 72, 0.12);
  --color-primary-glow: rgba(225, 29, 72, 0.3);
  --color-secondary: #831843;
  --color-secondary-hover: #500724;
  --color-accent: #fb7185;
  --bg-page: #fff5f7;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-card: rgba(255, 241, 242, 0.85);
  --border-color: #fecdd3;
  --border-color-light: #ffe4e6;
  --text-main: #4c0519;
  --text-muted: #9f1239;
  --text-light: #f43f5e;
}

/* 6. Ocean Breeze (Royal Navy & Cyan Coastal) */
[data-theme="theme-ocean"], html[data-theme="theme-ocean"], body[data-theme="theme-ocean"] {
  --color-primary: #0284c7;
  --color-primary-hover: #0369a1;
  --color-primary-light: rgba(2, 132, 199, 0.12);
  --color-primary-glow: rgba(2, 132, 199, 0.35);
  --color-secondary: #0c4a6e;
  --color-secondary-hover: #082f49;
  --color-accent: #38bdf8;
  --bg-page: #f0f9ff;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-card: rgba(240, 249, 255, 0.8);
  --border-color: #bae6fd;
  --border-color-light: #e0f2fe;
  --text-main: #082f49;
  --text-muted: #0369a1;
  --text-light: #38bdf8;
}

/* 7. Rustic Warm & Vintage (Terracotta & Amber Earth) */
[data-theme="theme-rustic"], html[data-theme="theme-rustic"], body[data-theme="theme-rustic"] {
  --color-primary: #d97706;
  --color-primary-hover: #b45309;
  --color-primary-light: rgba(217, 119, 6, 0.14);
  --color-primary-glow: rgba(217, 119, 6, 0.35);
  --color-secondary: #451a03;
  --color-secondary-hover: #291002;
  --color-accent: #f59e0b;
  --bg-page: #fefce8;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #fffbeb;
  --bg-glass: rgba(255, 255, 255, 0.92);
  --bg-glass-card: rgba(254, 252, 232, 0.8);
  --border-color: #fde68a;
  --border-color-light: #fef3c7;
  --text-main: #451a03;
  --text-muted: #92400e;
  --text-light: #d97706;
}

/* 8. Tech Slate Industrial (Titanium & Space Slate) */
[data-theme="theme-tech"], html[data-theme="theme-tech"], body[data-theme="theme-tech"] {
  --color-primary: #3b82f6;
  --color-primary-hover: #2563eb;
  --color-primary-light: rgba(59, 130, 246, 0.15);
  --color-primary-glow: rgba(59, 130, 246, 0.4);
  --color-secondary: #1e293b;
  --color-secondary-hover: #0f172a;
  --color-accent: #60a5fa;
  --bg-page: #0b0f19;
  --bg-surface: #111827;
  --bg-surface-elevated: #1f2937;
  --bg-glass: rgba(17, 24, 39, 0.92);
  --bg-glass-card: rgba(31, 41, 55, 0.7);
  --border-color: #374151;
  --border-color-light: #1f2937;
  --text-main: #f9fafb;
  --text-muted: #9ca3af;
  --text-light: #6b7280;
}

/* 9. Royal Velvet Luxury (Imperial Violet & Gold) */
[data-theme="theme-purple"], html[data-theme="theme-purple"], body[data-theme="theme-purple"] {
  --color-primary: #8b5cf6;
  --color-primary-hover: #7c3aed;
  --color-primary-light: rgba(139, 92, 246, 0.16);
  --color-primary-glow: rgba(139, 92, 246, 0.45);
  --color-secondary: #2e1065;
  --color-secondary-hover: #1e0a45;
  --color-accent: #fbbf24;
  --bg-page: #130a24;
  --bg-surface: #1e113a;
  --bg-surface-elevated: #2a1852;
  --bg-glass: rgba(30, 17, 58, 0.92);
  --bg-glass-card: rgba(42, 24, 82, 0.75);
  --border-color: #4c1d95;
  --border-color-light: #3b0764;
  --text-main: #faf5ff;
  --text-muted: #d8b4fe;
  --text-light: #c084fc;
  --shadow-glow: 0 0 30px rgba(139, 92, 246, 0.35);
}

/* 10. High Energy Streetwear (Crimson Red & Matte Black) */
[data-theme="theme-energy"], html[data-theme="theme-energy"], body[data-theme="theme-energy"] {
  --color-primary: #ef4444;
  --color-primary-hover: #dc2626;
  --color-primary-light: rgba(239, 68, 68, 0.15);
  --color-primary-glow: rgba(239, 68, 68, 0.45);
  --color-secondary: #18181b;
  --color-secondary-hover: #09090b;
  --color-accent: #f59e0b;
  --bg-page: #121214;
  --bg-surface: #1c1c1f;
  --bg-surface-elevated: #27272a;
  --bg-glass: rgba(28, 28, 31, 0.92);
  --bg-glass-card: rgba(39, 39, 42, 0.75);
  --border-color: #3f3f46;
  --border-color-light: #27272a;
  --text-main: #ffffff;
  --text-muted: #a1a1aa;
  --text-light: #71717a;
  --shadow-glow: 0 0 30px rgba(239, 68, 68, 0.35);
}

/* 11. Jeans Denim Autêntico (Índigo Denim & Costuras em Cobre) */
[data-theme="theme-denim"], html[data-theme="theme-denim"], body[data-theme="theme-denim"] {
  --color-primary: #f59e0b;
  --color-primary-hover: #d97706;
  --color-primary-light: rgba(245, 158, 11, 0.16);
  --color-primary-glow: rgba(245, 158, 11, 0.4);
  --color-secondary: #1e3a8a;
  --color-secondary-hover: #172554;
  --color-accent: #38bdf8;
  --bg-page: #122238;
  --bg-surface: #182e4b;
  --bg-surface-elevated: #213c60;
  --bg-glass: rgba(24, 46, 75, 0.92);
  --bg-glass-card: rgba(24, 46, 75, 0.85);
  --border-color: #294b77;
  --border-color-light: #1d3656;
  --text-main: #f0f7ff;
  --text-muted: #93c5fd;
  --text-light: #bfdbfe;
  --shadow-glow: 0 0 30px rgba(245, 158, 11, 0.3);
}

body[data-theme="theme-denim"], [data-theme="theme-denim"] body {
  background-color: #122238;
  background-image: 
    repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 6px),
    repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.22) 0px, rgba(0, 0, 0, 0.22) 2px, transparent 2px, transparent 6px),
    radial-gradient(ellipse at 50% 15%, rgba(59, 130, 246, 0.22) 0%, transparent 65%),
    linear-gradient(180deg, #122238 0%, #0a1524 100%);
  background-attachment: fixed;
}