:root {
--radius-sm: 8px;
--radius-md: 12px;
--radius-lg: 16px;
--radius-xl: 20px;
--blur-amount: 20px;
--blur-light: blur(12px);
--blur-heavy: blur(24px);
--shadow-sm: 0 1px 3px rgba(0,0,0,0.04), 0 2px 8px rgba(0,0,0,0.02);
--shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 1px 4px rgba(0,0,0,0.04);
--shadow-lg: 0 8px 32px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
--shadow-xl: 0 16px 48px rgba(0,0,0,0.12), 0 4px 16px rgba(0,0,0,0.06);
--transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
[data-theme="classic-blue"] {
--primary: #2563EB;
--primary-light: #60A5FA;
--primary-dark: #1D4ED8;
--primary-rgb: 37, 99, 235;
--secondary: #3B82F6;
--accent: #F59E0B;
--bg-primary: #F8FAFC;
--bg-secondary: #FFFFFF;
--bg-tertiary: #EFF6FF;
--bg-sidebar: linear-gradient(180deg, #0F172A 0%, #1E3A5F 100%);
--bg-sidebar-text: #93B4E8;
--bg-sidebar-active: rgba(59,130,246,0.25);
--bg-greeting: linear-gradient(135deg, #2563EB 0%, #3B82F6 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(37,99,235,0.05);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(37,99,235,0.1);
--border-active: rgba(37,99,235,0.4);
--text-primary: #0F172A;
--text-secondary: #334155;
--text-tertiary: #64748B;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #2563EB;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #2563EB;
}
[data-theme="premium-gray"] {
--primary: #475569;
--primary-light: #94A3B8;
--primary-dark: #334155;
--primary-rgb: 71, 85, 105;
--secondary: #64748B;
--accent: #0EA5E9;
--bg-primary: #F8FAFC;
--bg-secondary: #FFFFFF;
--bg-tertiary: #F1F5F9;
--bg-sidebar: linear-gradient(180deg, #1E293B 0%, #334155 100%);
--bg-sidebar-text: #94A3B8;
--bg-sidebar-active: rgba(148,163,184,0.2);
--bg-greeting: linear-gradient(135deg, #475569 0%, #64748B 100%);
--bg-card: rgba(255,255,255,0.94);
--bg-card-hover: rgba(255,255,255,0.99);
--bg-input: rgba(71,85,105,0.06);
--bg-kpi: rgba(255,255,255,0.96);
--border-color: rgba(100,116,139,0.15);
--border-active: rgba(71,85,105,0.35);
--text-primary: #0F172A;
--text-secondary: #334155;
--text-tertiary: #64748B;
--text-inverse: #FFFFFF;
--color-success: #059669;
--color-warning: #D97706;
--color-danger: #DC2626;
--color-info: #0EA5E9;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #0D9488;
--chart-color: #475569;
}
[data-theme="ink-dark"] {
--primary: #38BDF8;
--primary-light: #7DD3FC;
--primary-dark: #0EA5E9;
--primary-rgb: 56, 189, 248;
--secondary: #818CF8;
--accent: #FBBF24;
--bg-primary: #09090B;
--bg-secondary: #18181B;
--bg-tertiary: #27272A;
--bg-sidebar: linear-gradient(180deg, #09090B 0%, #18181B 100%);
--bg-sidebar-text: #71717A;
--bg-sidebar-active: rgba(56,189,248,0.18);
--bg-greeting: linear-gradient(135deg, #38BDF8 0%, #818CF8 100%);
--bg-card: rgba(24,24,27,0.9);
--bg-card-hover: rgba(39,39,42,0.95);
--bg-input: rgba(56,189,248,0.08);
--bg-kpi: rgba(24,24,27,0.92);
--border-color: rgba(255,255,255,0.08);
--border-active: rgba(56,189,248,0.4);
--text-primary: #FAFAFA;
--text-secondary: #E4E4E7;
--text-tertiary: #71717A;
--text-inverse: #FAFAFA;
--color-success: #34D399;
--color-warning: #FBBF24;
--color-danger: #F87171;
--color-info: #38BDF8;
--color-purple: #A78BFA;
--color-pink: #F472B6;
--color-teal: #2DD4BF;
--chart-color: #38BDF8;
}
[data-theme="jade-green"] {
--primary: #10B981;
--primary-light: #34D399;
--primary-dark: #059669;
--primary-rgb: 16, 185, 129;
--secondary: #14B8A6;
--accent: #F59E0B;
--bg-primary: #F0FDF9;
--bg-secondary: #FFFFFF;
--bg-tertiary: #D1FAE5;
--bg-sidebar: linear-gradient(180deg, #022C22 0%, #064E3B 100%);
--bg-sidebar-text: #6EE7B7;
--bg-sidebar-active: rgba(16,185,129,0.22);
--bg-greeting: linear-gradient(135deg, #10B981 0%, #14B8A6 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(16,185,129,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(16,185,129,0.12);
--border-active: rgba(16,185,129,0.4);
--text-primary: #022C22;
--text-secondary: #065F46;
--text-tertiary: #5B8A7A;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #0EA5E9;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #10B981;
}
[data-theme="sunset-coral"] {
--primary: #F97316;
--primary-light: #FB923C;
--primary-dark: #EA580C;
--primary-rgb: 249, 115, 22;
--secondary: #F59E0B;
--accent: #EF4444;
--bg-primary: #FFF7ED;
--bg-secondary: #FFFFFF;
--bg-tertiary: #FFEDD5;
--bg-sidebar: linear-gradient(180deg, #431407 0%, #7C2D12 100%);
--bg-sidebar-text: #FDBA74;
--bg-sidebar-active: rgba(249,115,22,0.22);
--bg-greeting: linear-gradient(135deg, #F97316 0%, #F59E0B 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(249,115,22,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(249,115,22,0.12);
--border-active: rgba(249,115,22,0.4);
--text-primary: #431407;
--text-secondary: #7C2D12;
--text-tertiary: #A87A5C;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #F97316;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #F97316;
}
[data-theme="sakura-rose"] {
--primary: #F43F5E;
--primary-light: #FB7185;
--primary-dark: #E11D48;
--primary-rgb: 244, 63, 94;
--secondary: #EC4899;
--accent: #F59E0B;
--bg-primary: #FFF1F2;
--bg-secondary: #FFFFFF;
--bg-tertiary: #FFE4E6;
--bg-sidebar: linear-gradient(180deg, #4C0519 0%, #881337 100%);
--bg-sidebar-text: #FDA4AF;
--bg-sidebar-active: rgba(244,63,94,0.22);
--bg-greeting: linear-gradient(135deg, #F43F5E 0%, #EC4899 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(244,63,94,0.05);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(244,63,94,0.12);
--border-active: rgba(244,63,94,0.4);
--text-primary: #4C0519;
--text-secondary: #9F1239;
--text-tertiary: #B07080;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #E11D48;
--color-info: #F43F5E;
--color-purple: #A855F7;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #F43F5E;
}
[data-theme="ocean-teal"] {
--primary: #0D9488;
--primary-light: #2DD4BF;
--primary-dark: #0F766E;
--primary-rgb: 13, 148, 136;
--secondary: #14B8A6;
--accent: #6366F1;
--bg-primary: #F0FDFA;
--bg-secondary: #FFFFFF;
--bg-tertiary: #CCFBF1;
--bg-sidebar: linear-gradient(180deg, #022C29 0%, #115E59 100%);
--bg-sidebar-text: #5EEAD4;
--bg-sidebar-active: rgba(20,184,166,0.22);
--bg-greeting: linear-gradient(135deg, #0D9488 0%, #14B8A6 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(13,148,136,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(13,148,136,0.12);
--border-active: rgba(13,148,136,0.4);
--text-primary: #022C29;
--text-secondary: #115E59;
--text-tertiary: #5A8A82;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #0D9488;
--color-purple: #6366F1;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #0D9488;
}
[data-theme="lavender-mist"] {
--primary: #7C3AED;
--primary-light: #A78BFA;
--primary-dark: #6D28D9;
--primary-rgb: 124, 58, 237;
--secondary: #8B5CF6;
--accent: #F59E0B;
--bg-primary: #F5F3FF;
--bg-secondary: #FFFFFF;
--bg-tertiary: #EDE9FE;
--bg-sidebar: linear-gradient(180deg, #2E1065 0%, #5B21B6 100%);
--bg-sidebar-text: #C4B5FD;
--bg-sidebar-active: rgba(139,92,246,0.22);
--bg-greeting: linear-gradient(135deg, #7C3AED 0%, #8B5CF6 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(124,58,237,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(124,58,237,0.12);
--border-active: rgba(124,58,237,0.4);
--text-primary: #2E1065;
--text-secondary: #5B21B6;
--text-tertiary: #8B7AA8;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #7C3AED;
--color-purple: #8B5CF6;
--color-pink: #F472B6;
--color-teal: #14B8A6;
--chart-color: #7C3AED;
}
[data-theme="forest-moss"] {
--primary: #16A34A;
--primary-light: #4ADE80;
--primary-dark: #15803D;
--primary-rgb: 22, 163, 74;
--secondary: #22C55E;
--accent: #F59E0B;
--bg-primary: #F0FDF4;
--bg-secondary: #FFFFFF;
--bg-tertiary: #DCFCE7;
--bg-sidebar: linear-gradient(180deg, #052E16 0%, #14532D 100%);
--bg-sidebar-text: #86EFAC;
--bg-sidebar-active: rgba(34,197,94,0.22);
--bg-greeting: linear-gradient(135deg, #16A34A 0%, #22C55E 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(22,163,74,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(22,163,74,0.12);
--border-active: rgba(22,163,74,0.4);
--text-primary: #052E16;
--text-secondary: #14532D;
--text-tertiary: #5A8A6A;
--text-inverse: #FFFFFF;
--color-success: #16A34A;
--color-warning: #F59E0B;
--color-danger: #EF4444;
--color-info: #059669;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #14B8A6;
--chart-color: #16A34A;
}
[data-theme="amber-gold"] {
--primary: #D97706;
--primary-light: #FBBF24;
--primary-dark: #B45309;
--primary-rgb: 217, 119, 6;
--secondary: #F59E0B;
--accent: #0D9488;
--bg-primary: #FFFBEB;
--bg-secondary: #FFFFFF;
--bg-tertiary: #FEF3C7;
--bg-sidebar: linear-gradient(180deg, #451A03 0%, #78350F 100%);
--bg-sidebar-text: #FCD34D;
--bg-sidebar-active: rgba(245,158,11,0.22);
--bg-greeting: linear-gradient(135deg, #D97706 0%, #F59E0B 100%);
--bg-card: rgba(255,255,255,0.92);
--bg-card-hover: rgba(255,255,255,0.98);
--bg-input: rgba(217,119,6,0.06);
--bg-kpi: rgba(255,255,255,0.95);
--border-color: rgba(217,119,6,0.12);
--border-active: rgba(217,119,6,0.4);
--text-primary: #451A03;
--text-secondary: #78350F;
--text-tertiary: #9A8550;
--text-inverse: #FFFFFF;
--color-success: #10B981;
--color-warning: #D97706;
--color-danger: #EF4444;
--color-info: #D97706;
--color-purple: #8B5CF6;
--color-pink: #EC4899;
--color-teal: #0D9488;
--chart-color: #D97706;
}