/* Temas de apariencia — modo claro/oscuro y acentos */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b1220;
  --bg-elevated: #111827;
  --bg-panel: #1f2937;
  --border: #334155;
  --text: #e5e7eb;
  --muted: #94a3b8;
  --accent: #22c55e;
  --accent-dark: #16a34a;
  --accent-2: #38bdf8;
  --accent-soft: rgba(56, 189, 248, 0.1);
  --accent-soft-2: rgba(34, 197, 94, 0.14);
  --accent-on: #052e16;
  --shadow: rgba(0, 0, 0, 0.35);
  --chart-grid: rgba(51, 65, 85, 0.4);
}

[data-theme="light"] {
  color-scheme: light;
  --bg: #eef2f7;
  --bg-elevated: #ffffff;
  --bg-panel: #f8fafc;
  --border: #cbd5e1;
  --text: #0f172a;
  --muted: #64748b;
  --accent: #16a34a;
  --accent-dark: #15803d;
  --accent-2: #0284c7;
  --accent-soft: rgba(2, 132, 199, 0.1);
  --accent-soft-2: rgba(22, 163, 74, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(15, 23, 42, 0.12);
  --chart-grid: rgba(148, 163, 184, 0.45);
}

[data-theme="cyan"] {
  color-scheme: dark;
  --bg: #071318;
  --bg-elevated: #0c1f26;
  --bg-panel: #12313a;
  --border: #1e4a57;
  --text: #e6f6fa;
  --muted: #7dd3e8;
  --accent: #06b6d4;
  --accent-dark: #0891b2;
  --accent-2: #22d3ee;
  --accent-soft: rgba(6, 182, 212, 0.14);
  --accent-soft-2: rgba(34, 211, 238, 0.12);
  --accent-on: #042f2e;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(30, 74, 87, 0.5);
}

[data-theme="teal"] {
  color-scheme: dark;
  --bg: #071512;
  --bg-elevated: #0d221d;
  --bg-panel: #12312a;
  --border: #1d4d42;
  --text: #ecfdf5;
  --muted: #6ee7b7;
  --accent: #14b8a6;
  --accent-dark: #0d9488;
  --accent-2: #2dd4bf;
  --accent-soft: rgba(20, 184, 166, 0.14);
  --accent-soft-2: rgba(45, 212, 191, 0.12);
  --accent-on: #042f2e;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(29, 77, 66, 0.5);
}

[data-theme="navy"] {
  color-scheme: dark;
  --bg: #0a1628;
  --bg-elevated: #0f2140;
  --bg-panel: #162d52;
  --border: #234875;
  --text: #e8eef8;
  --muted: #93afd4;
  --accent: #3b82f6;
  --accent-dark: #2563eb;
  --accent-2: #60a5fa;
  --accent-soft: rgba(59, 130, 246, 0.14);
  --accent-soft-2: rgba(96, 165, 250, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(35, 72, 117, 0.5);
}

[data-theme="steel"] {
  color-scheme: dark;
  --bg: #111827;
  --bg-elevated: #1f2937;
  --bg-panel: #273449;
  --border: #3d4f69;
  --text: #e5e7eb;
  --muted: #9ca3af;
  --accent: #64748b;
  --accent-dark: #475569;
  --accent-2: #94a3b8;
  --accent-soft: rgba(148, 163, 184, 0.12);
  --accent-soft-2: rgba(100, 116, 139, 0.16);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.35);
  --chart-grid: rgba(61, 79, 105, 0.5);
}

[data-theme="slate"] {
  color-scheme: dark;
  --bg: #0f1419;
  --bg-elevated: #1a222d;
  --bg-panel: #243041;
  --border: #3a4a5e;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --accent: #475569;
  --accent-dark: #334155;
  --accent-2: #64748b;
  --accent-soft: rgba(100, 116, 139, 0.14);
  --accent-soft-2: rgba(71, 85, 105, 0.18);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.35);
  --chart-grid: rgba(58, 74, 94, 0.5);
}

[data-theme="sky"] {
  color-scheme: dark;
  --bg: #0c1929;
  --bg-elevated: #122338;
  --bg-panel: #1a3048;
  --border: #284764;
  --text: #e0f2fe;
  --muted: #7dd3fc;
  --accent: #0ea5e9;
  --accent-dark: #0284c7;
  --accent-2: #38bdf8;
  --accent-soft: rgba(14, 165, 233, 0.14);
  --accent-soft-2: rgba(56, 189, 248, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(40, 71, 100, 0.5);
}

[data-theme="charcoal"] {
  color-scheme: dark;
  --bg: #121110;
  --bg-elevated: #1c1917;
  --bg-panel: #292524;
  --border: #44403c;
  --text: #f5f5f4;
  --muted: #a8a29e;
  --accent: #78716c;
  --accent-dark: #57534e;
  --accent-2: #a8a29e;
  --accent-soft: rgba(168, 162, 158, 0.12);
  --accent-soft-2: rgba(120, 113, 108, 0.16);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(68, 64, 60, 0.5);
}

[data-theme="midnight"] {
  color-scheme: dark;
  --bg: #0a0a12;
  --bg-elevated: #12121f;
  --bg-panel: #1a1a2e;
  --border: #2d2d4a;
  --text: #ececf6;
  --muted: #a5a5c4;
  --accent: #6366f1;
  --accent-dark: #4f46e5;
  --accent-2: #818cf8;
  --accent-soft: rgba(99, 102, 241, 0.14);
  --accent-soft-2: rgba(129, 140, 248, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.45);
  --chart-grid: rgba(45, 45, 74, 0.5);
}

[data-theme="indigo"] {
  color-scheme: dark;
  --bg: #0f1020;
  --bg-elevated: #171832;
  --bg-panel: #222245;
  --border: #373770;
  --text: #eef0ff;
  --muted: #a5b4fc;
  --accent: #6366f1;
  --accent-dark: #4f46e5;
  --accent-2: #a5b4fc;
  --accent-soft: rgba(99, 102, 241, 0.15);
  --accent-soft-2: rgba(165, 180, 252, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(55, 55, 112, 0.5);
}

[data-theme="violet"] {
  color-scheme: dark;
  --bg: #120f1a;
  --bg-elevated: #1a1526;
  --bg-panel: #261f36;
  --border: #3f3258;
  --text: #f3eeff;
  --muted: #c4b5fd;
  --accent: #8b5cf6;
  --accent-dark: #7c3aed;
  --accent-2: #a78bfa;
  --accent-soft: rgba(139, 92, 246, 0.15);
  --accent-soft-2: rgba(167, 139, 250, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(63, 50, 88, 0.5);
}

[data-theme="mist"] {
  color-scheme: light;
  --bg: #e2e8f0;
  --bg-elevated: #f1f5f9;
  --bg-panel: #ffffff;
  --border: #cbd5e1;
  --text: #1e293b;
  --muted: #64748b;
  --accent: #475569;
  --accent-dark: #334155;
  --accent-2: #64748b;
  --accent-soft: rgba(100, 116, 139, 0.12);
  --accent-soft-2: rgba(71, 85, 105, 0.1);
  --accent-on: #ffffff;
  --shadow: rgba(15, 23, 42, 0.1);
  --chart-grid: rgba(148, 163, 184, 0.45);
}

[data-theme="lime"] {
  color-scheme: dark;
  --bg: #0f1608;
  --bg-elevated: #162010;
  --bg-panel: #1f2e14;
  --border: #365314;
  --text: #ecfccb;
  --muted: #bef264;
  --accent: #84cc16;
  --accent-dark: #65a30d;
  --accent-2: #a3e635;
  --accent-soft: rgba(132, 204, 22, 0.14);
  --accent-soft-2: rgba(163, 230, 53, 0.12);
  --accent-on: #1a2e05;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(54, 83, 20, 0.5);
}

[data-theme="purple"] {
  color-scheme: dark;
  --bg: #140a1a;
  --bg-elevated: #1f1028;
  --bg-panel: #2d1838;
  --border: #4c1d6a;
  --text: #fae8ff;
  --muted: #e9d5ff;
  --accent: #a855f7;
  --accent-dark: #9333ea;
  --accent-2: #c084fc;
  --accent-soft: rgba(168, 85, 247, 0.15);
  --accent-soft-2: rgba(192, 132, 252, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(76, 29, 106, 0.5);
}

[data-theme="silver"] {
  color-scheme: light;
  --bg: #dfe4ea;
  --bg-elevated: #eef1f5;
  --bg-panel: #f8fafc;
  --border: #b0bec9;
  --text: #1f2937;
  --muted: #6b7280;
  --accent: #64748b;
  --accent-dark: #475569;
  --accent-2: #94a3b8;
  --accent-soft: rgba(100, 116, 139, 0.12);
  --accent-soft-2: rgba(148, 163, 184, 0.14);
  --accent-on: #ffffff;
  --shadow: rgba(15, 23, 42, 0.1);
  --chart-grid: rgba(176, 190, 201, 0.55);
}

[data-theme="red"] {
  color-scheme: dark;
  --bg: #160a0a;
  --bg-elevated: #241010;
  --bg-panel: #331616;
  --border: #5c2020;
  --text: #fee2e2;
  --muted: #fca5a5;
  --accent: #ef4444;
  --accent-dark: #dc2626;
  --accent-2: #f87171;
  --accent-soft: rgba(239, 68, 68, 0.14);
  --accent-soft-2: rgba(248, 113, 113, 0.12);
  --accent-on: #ffffff;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(92, 32, 32, 0.5);
}

[data-theme="orange"] {
  color-scheme: dark;
  --bg: #160e08;
  --bg-elevated: #24160c;
  --bg-panel: #332010;
  --border: #5c3418;
  --text: #ffedd5;
  --muted: #fdba74;
  --accent: #f97316;
  --accent-dark: #ea580c;
  --accent-2: #fb923c;
  --accent-soft: rgba(249, 115, 22, 0.14);
  --accent-soft-2: rgba(251, 146, 60, 0.12);
  --accent-on: #431407;
  --shadow: rgba(0, 0, 0, 0.4);
  --chart-grid: rgba(92, 52, 24, 0.5);
}