/* ==========================================================================
   assets/css/themes-50.css - 55+ Temas Visuales (Metálicos, Vidrio, Plásticos, 3D, Claros, Neón)
   ========================================================================== */

/* 1. METÁLICOS */
[data-theme="titanium"] {
    --bg-base: #0f1217; --bg-surface: #171c24; --bg-card: rgba(23, 28, 36, 0.88);
    --border-color: rgba(255, 255, 255, 0.12); --border-bright: rgba(56, 189, 248, 0.3);
    --text-main: #f1f5f9; --text-muted: #94a3b8; --accent: #38bdf8;
    --primary-grad: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
}

[data-theme="silver"] {
    --bg-base: #14171a; --bg-surface: #1e2329; --bg-card: rgba(30, 35, 41, 0.88);
    --border-color: rgba(255, 255, 255, 0.14); --border-bright: rgba(226, 232, 240, 0.35);
    --text-main: #f8fafc; --text-muted: #94a3b8; --accent: #e2e8f0;
    --primary-grad: linear-gradient(135deg, #475569 0%, #334155 100%);
}

[data-theme="cobalt"] {
    --bg-base: #0a1120; --bg-surface: #0f1b33; --bg-card: rgba(15, 27, 51, 0.88);
    --border-color: rgba(96, 165, 250, 0.2); --border-bright: rgba(96, 165, 250, 0.45);
    --text-main: #f0fdf4; --text-muted: #93c5fd; --accent: #60a5fa;
    --primary-grad: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

[data-theme="gold"] {
    --bg-base: #141209; --bg-surface: #1f1b0d; --bg-card: rgba(31, 27, 13, 0.88);
    --border-color: rgba(245, 158, 11, 0.22); --border-bright: rgba(245, 158, 11, 0.5);
    --text-main: #fefce8; --text-muted: #fde047; --accent: #facc15;
    --primary-grad: linear-gradient(135deg, #d97706 0%, #b45309 100%);
}

[data-theme="bronze"] {
    --bg-base: #180f0a; --bg-surface: #241710; --bg-card: rgba(36, 23, 16, 0.88);
    --border-color: rgba(217, 119, 6, 0.2); --border-bright: rgba(217, 119, 6, 0.45);
    --text-main: #fff7ed; --text-muted: #fdba74; --accent: #fb923c;
    --primary-grad: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
}

[data-theme="emerald"] {
    --bg-base: #061712; --bg-surface: #0a241c; --bg-card: rgba(10, 36, 28, 0.88);
    --border-color: rgba(16, 185, 129, 0.2); --border-bright: rgba(16, 185, 129, 0.45);
    --text-main: #f0fdf4; --text-muted: #86efac; --accent: #34d399;
    --primary-grad: linear-gradient(135deg, #059669 0%, #047857 100%);
}

[data-theme="ruby"] {
    --bg-base: #18090c; --bg-surface: #260f14; --bg-card: rgba(38, 15, 20, 0.88);
    --border-color: rgba(244, 63, 94, 0.2); --border-bright: rgba(244, 63, 94, 0.45);
    --text-main: #fff1f2; --text-muted: #fda4af; --accent: #fb7185;
    --primary-grad: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
}

[data-theme="amethyst"] {
    --bg-base: #12091c; --bg-surface: #1c0e2b; --bg-card: rgba(28, 14, 43, 0.88);
    --border-color: rgba(168, 85, 247, 0.2); --border-bright: rgba(168, 85, 247, 0.45);
    --text-main: #faf5ff; --text-muted: #d8b4fe; --accent: #c084fc;
    --primary-grad: linear-gradient(135deg, #9333ea 0%, #7e22ce 100%);
}

[data-theme="carbon"] {
    --bg-base: #050505; --bg-surface: #111111; --bg-card: rgba(17, 17, 17, 0.92);
    --border-color: rgba(255, 255, 255, 0.1); --border-bright: rgba(255, 255, 255, 0.25);
    --text-main: #f8fafc; --text-muted: #64748b; --accent: #38bdf8;
    --primary-grad: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
}

/* 2. VIDRIO GLASSMORPHISM */
[data-theme="glass_cyan"] {
    --bg-base: #03131e; --bg-surface: rgba(6, 32, 50, 0.7); --bg-card: rgba(8, 43, 68, 0.65);
    --border-color: rgba(56, 189, 248, 0.3); --border-bright: rgba(56, 189, 248, 0.6);
    --text-main: #f0fdfa; --text-muted: #67e8f9; --accent: #22d3ee;
    --primary-grad: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
}

[data-theme="glass_violet"] {
    --bg-base: #0f0720; --bg-surface: rgba(28, 14, 58, 0.7); --bg-card: rgba(38, 19, 79, 0.65);
    --border-color: rgba(192, 132, 252, 0.3); --border-bright: rgba(192, 132, 252, 0.6);
    --text-main: #faf5ff; --text-muted: #e9d5ff; --accent: #c084fc;
    --primary-grad: linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);
}

/* 3. CLAROS LUMINOSOS */
[data-theme="light_pure"] {
    --bg-base: #f8fafc; --bg-surface: #ffffff; --bg-card: #ffffff;
    --bg-modal: #ffffff; --bg-input: #f1f5f9;
    --border-color: rgba(0, 0, 0, 0.1); --border-bright: rgba(2, 132, 199, 0.3);
    --text-main: #0f172a; --text-muted: #475569; --text-dim: #64748b;
    --accent: #0284c7; --primary-grad: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);
    --shadow-metallic: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="light_nordic"] {
    --bg-base: #f1f5f9; --bg-surface: #ffffff; --bg-card: #ffffff;
    --bg-modal: #ffffff; --bg-input: #e2e8f0;
    --border-color: rgba(15, 23, 42, 0.12); --border-bright: rgba(14, 165, 233, 0.35);
    --text-main: #0f172a; --text-muted: #334155; --accent: #0ea5e9;
    --primary-grad: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
}