/* Color palettes — works with data-theme light|dark + data-palette */

[data-palette="emerald"][data-theme="dark"] {
  --primary: #10b981;
  --primary-hover: #059669;
  --primary-muted: rgba(16, 185, 129, 0.2);
  --accent: #34d399;
  --accent-muted: rgba(52, 211, 153, 0.16);
  --indigo: #6ee7b7;
  --border: rgba(16, 185, 129, 0.22);
  --border-subtle: rgba(16, 185, 129, 0.1);
  --bg-muted: rgba(16, 185, 129, 0.06);
  --bg-hover: rgba(16, 185, 129, 0.12);
  --mesh-1: rgba(16, 185, 129, 0.2);
  --mesh-2: rgba(5, 150, 105, 0.15);
  --mesh-3: rgba(52, 211, 153, 0.12);
  --hero-gradient: linear-gradient(135deg, rgba(5,150,105,0.28) 0%, rgba(16,185,129,0.16) 50%, rgba(52,211,153,0.1) 100%);
  --blue-glow: rgba(16, 185, 129, 0.35);
  --scrollbar: rgba(16, 185, 129, 0.38);
  --shadow-glow: 0 0 48px rgba(16, 185, 129, 0.22), 0 0 80px rgba(5, 150, 105, 0.12);
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(5,150,105,0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 85%, rgba(16,185,129,0.16), transparent 50%),
    linear-gradient(165deg, #020617 0%, #061a14 50%, #020617 100%);
}
[data-palette="emerald"][data-theme="light"] {
  --primary: #059669;
  --primary-hover: #047857;
  --primary-muted: rgba(5, 150, 105, 0.12);
  --accent: #0d9488;
  --accent-muted: rgba(13, 148, 136, 0.1);
  --indigo: #10b981;
  --mesh-1: rgba(5, 150, 105, 0.08);
  --mesh-2: rgba(13, 148, 136, 0.06);
  --mesh-3: rgba(16, 185, 129, 0.05);
  --hero-gradient: linear-gradient(135deg, rgba(5,150,105,0.1) 0%, rgba(13,148,136,0.06) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(5, 150, 105, 0.1);
}

[data-palette="violet"][data-theme="dark"] {
  --primary: #8b5cf6;
  --primary-hover: #7c3aed;
  --primary-muted: rgba(139, 92, 246, 0.22);
  --accent: #a78bfa;
  --accent-muted: rgba(167, 139, 250, 0.16);
  --indigo: #c4b5fd;
  --border: rgba(139, 92, 246, 0.22);
  --border-subtle: rgba(139, 92, 246, 0.1);
  --bg-muted: rgba(139, 92, 246, 0.06);
  --bg-hover: rgba(139, 92, 246, 0.12);
  --mesh-1: rgba(139, 92, 246, 0.2);
  --mesh-2: rgba(124, 58, 237, 0.15);
  --mesh-3: rgba(167, 139, 250, 0.12);
  --hero-gradient: linear-gradient(135deg, rgba(124,58,237,0.28) 0%, rgba(139,92,246,0.16) 50%, rgba(167,139,250,0.1) 100%);
  --blue-glow: rgba(139, 92, 246, 0.35);
  --scrollbar: rgba(139, 92, 246, 0.38);
  --shadow-glow: 0 0 48px rgba(139, 92, 246, 0.22);
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(124,58,237,0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 85%, rgba(139,92,246,0.16), transparent 50%),
    linear-gradient(165deg, #020617 0%, #12061f 50%, #020617 100%);
}
[data-palette="violet"][data-theme="light"] {
  --primary: #7c3aed;
  --primary-hover: #6d28d9;
  --primary-muted: rgba(124, 58, 237, 0.12);
  --accent: #8b5cf6;
  --accent-muted: rgba(139, 92, 246, 0.1);
  --indigo: #7c3aed;
  --mesh-1: rgba(124, 58, 237, 0.08);
  --mesh-2: rgba(139, 92, 246, 0.06);
  --hero-gradient: linear-gradient(135deg, rgba(124,58,237,0.1) 0%, rgba(139,92,246,0.06) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(124, 58, 237, 0.1);
}

[data-palette="amber"][data-theme="dark"] {
  --primary: #f59e0b;
  --primary-hover: #d97706;
  --primary-muted: rgba(245, 158, 11, 0.22);
  --accent: #fbbf24;
  --accent-muted: rgba(251, 191, 36, 0.16);
  --indigo: #fcd34d;
  --border: rgba(245, 158, 11, 0.22);
  --border-subtle: rgba(245, 158, 11, 0.1);
  --bg-muted: rgba(245, 158, 11, 0.06);
  --bg-hover: rgba(245, 158, 11, 0.12);
  --mesh-1: rgba(245, 158, 11, 0.2);
  --mesh-2: rgba(217, 119, 6, 0.15);
  --mesh-3: rgba(251, 191, 36, 0.12);
  --hero-gradient: linear-gradient(135deg, rgba(217,119,6,0.28) 0%, rgba(245,158,11,0.16) 50%, rgba(251,191,36,0.1) 100%);
  --blue-glow: rgba(245, 158, 11, 0.35);
  --scrollbar: rgba(245, 158, 11, 0.38);
  --shadow-glow: 0 0 48px rgba(245, 158, 11, 0.22);
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(217,119,6,0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 85%, rgba(245,158,11,0.16), transparent 50%),
    linear-gradient(165deg, #020617 0%, #1a1206 50%, #020617 100%);
}
[data-palette="amber"][data-theme="light"] {
  --primary: #d97706;
  --primary-hover: #b45309;
  --primary-muted: rgba(217, 119, 6, 0.12);
  --accent: #f59e0b;
  --accent-muted: rgba(245, 158, 11, 0.1);
  --indigo: #d97706;
  --mesh-1: rgba(217, 119, 6, 0.08);
  --mesh-2: rgba(245, 158, 11, 0.06);
  --hero-gradient: linear-gradient(135deg, rgba(217,119,6,0.1) 0%, rgba(245,158,11,0.06) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(217, 119, 6, 0.1);
}

[data-palette="rose"][data-theme="dark"] {
  --primary: #f43f5e;
  --primary-hover: #e11d48;
  --primary-muted: rgba(244, 63, 94, 0.22);
  --accent: #fb7185;
  --accent-muted: rgba(251, 113, 133, 0.16);
  --indigo: #fda4af;
  --border: rgba(244, 63, 94, 0.22);
  --border-subtle: rgba(244, 63, 94, 0.1);
  --bg-muted: rgba(244, 63, 94, 0.06);
  --bg-hover: rgba(244, 63, 94, 0.12);
  --mesh-1: rgba(244, 63, 94, 0.2);
  --mesh-2: rgba(225, 29, 72, 0.15);
  --mesh-3: rgba(251, 113, 133, 0.12);
  --hero-gradient: linear-gradient(135deg, rgba(225,29,72,0.28) 0%, rgba(244,63,94,0.16) 50%, rgba(251,113,133,0.1) 100%);
  --blue-glow: rgba(244, 63, 94, 0.35);
  --scrollbar: rgba(244, 63, 94, 0.38);
  --shadow-glow: 0 0 48px rgba(244, 63, 94, 0.22);
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(225,29,72,0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 85%, rgba(244,63,94,0.16), transparent 50%),
    linear-gradient(165deg, #020617 0%, #1a0610 50%, #020617 100%);
}
[data-palette="rose"][data-theme="light"] {
  --primary: #e11d48;
  --primary-hover: #be123c;
  --primary-muted: rgba(225, 29, 72, 0.12);
  --accent: #f43f5e;
  --accent-muted: rgba(244, 63, 94, 0.1);
  --indigo: #e11d48;
  --mesh-1: rgba(225, 29, 72, 0.08);
  --mesh-2: rgba(244, 63, 94, 0.06);
  --hero-gradient: linear-gradient(135deg, rgba(225,29,72,0.1) 0%, rgba(244,63,94,0.06) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(225, 29, 72, 0.1);
}

[data-palette="cyan"][data-theme="dark"] {
  --primary: #06b6d4;
  --primary-hover: #0891b2;
  --primary-muted: rgba(6, 182, 212, 0.22);
  --accent: #22d3ee;
  --accent-muted: rgba(34, 211, 238, 0.16);
  --indigo: #67e8f9;
  --border: rgba(6, 182, 212, 0.22);
  --border-subtle: rgba(6, 182, 212, 0.1);
  --bg-muted: rgba(6, 182, 212, 0.06);
  --bg-hover: rgba(6, 182, 212, 0.12);
  --mesh-1: rgba(6, 182, 212, 0.2);
  --mesh-2: rgba(8, 145, 178, 0.15);
  --mesh-3: rgba(34, 211, 238, 0.12);
  --hero-gradient: linear-gradient(135deg, rgba(8,145,178,0.28) 0%, rgba(6,182,212,0.16) 50%, rgba(34,211,238,0.1) 100%);
  --blue-glow: rgba(6, 182, 212, 0.35);
  --scrollbar: rgba(6, 182, 212, 0.38);
  --shadow-glow: 0 0 48px rgba(6, 182, 212, 0.22);
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(8,145,178,0.22), transparent 55%),
    radial-gradient(ellipse 70% 55% at 85% 85%, rgba(6,182,212,0.16), transparent 50%),
    linear-gradient(165deg, #020617 0%, #06141a 50%, #020617 100%);
}
[data-palette="cyan"][data-theme="light"] {
  --primary: #0891b2;
  --primary-hover: #0e7490;
  --primary-muted: rgba(8, 145, 178, 0.12);
  --accent: #06b6d4;
  --accent-muted: rgba(6, 182, 212, 0.1);
  --indigo: #0891b2;
  --mesh-1: rgba(8, 145, 178, 0.08);
  --mesh-2: rgba(6, 182, 212, 0.06);
  --hero-gradient: linear-gradient(135deg, rgba(8,145,178,0.1) 0%, rgba(6,182,212,0.06) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(8, 145, 178, 0.1);
}

[data-palette="slate"][data-theme="dark"] {
  --primary: #94a3b8;
  --primary-hover: #cbd5e1;
  --primary-muted: rgba(148, 163, 184, 0.18);
  --accent: #e2e8f0;
  --accent-muted: rgba(226, 232, 240, 0.12);
  --indigo: #cbd5e1;
  --border: rgba(148, 163, 184, 0.22);
  --border-subtle: rgba(148, 163, 184, 0.1);
  --bg-muted: rgba(148, 163, 184, 0.06);
  --bg-hover: rgba(148, 163, 184, 0.1);
  --mesh-1: rgba(148, 163, 184, 0.14);
  --mesh-2: rgba(100, 116, 139, 0.12);
  --mesh-3: rgba(203, 213, 225, 0.08);
  --hero-gradient: linear-gradient(135deg, rgba(100,116,139,0.22) 0%, rgba(148,163,184,0.12) 50%, rgba(203,213,225,0.08) 100%);
  --blue-glow: rgba(148, 163, 184, 0.3);
  --scrollbar: rgba(148, 163, 184, 0.35);
  --shadow-glow: 0 0 48px rgba(148, 163, 184, 0.15);
  --text: #e2e8f0;
  --text-muted: #94a3b8;
  --login-bg:
    radial-gradient(ellipse 90% 70% at 15% 10%, rgba(100,116,139,0.18), transparent 55%),
    linear-gradient(165deg, #020617 0%, #0f172a 50%, #020617 100%);
}
[data-palette="slate"][data-theme="light"] {
  --primary: #475569;
  --primary-hover: #334155;
  --primary-muted: rgba(71, 85, 105, 0.12);
  --accent: #64748b;
  --accent-muted: rgba(100, 116, 139, 0.1);
  --indigo: #475569;
  --mesh-1: rgba(71, 85, 105, 0.08);
  --mesh-2: rgba(100, 116, 139, 0.06);
  --hero-gradient: linear-gradient(135deg, rgba(71,85,105,0.08) 0%, rgba(100,116,139,0.05) 60%, transparent 100%);
  --shadow-glow: 0 0 40px rgba(71, 85, 105, 0.08);
}