:root {
    --sidebar-width: 240px;
    --sidebar-collapsed-width: 60px;
    --header-height: 56px;
    --border-radius: 0.375rem;
    --box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --transition: all 0.3s ease;
    --font-family-base: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

[data-theme="blue"] {
    --primary-color: #3b82f6;
    --primary-color-rgb: 59, 130, 246;
    --primary-dark: #2563eb;
    --primary-light: #60a5fa;
    --primary-gradient: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
    --accent-color: #93c5fd;
    --text-on-primary: #ffffff;
    
    --secondary-color: #f59e0b;
    --secondary-color-rgb: 245, 158, 11;
    --secondary-dark: #d97706;
    --secondary-light: #fbbf24;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #ec4899;
    --tertiary-color-rgb: 236, 72, 153;
    --tertiary-dark: #db2777;
    --tertiary-light: #f472b6;
    --text-on-tertiary: #ffffff;
}

[data-theme="green"] {
    --primary-color: #00bea0;
    --primary-color-rgb: 53, 190, 173;
    --primary-dark: #2a9689;
    --primary-light: #5fcdc0;
    --primary-gradient: linear-gradient(135deg, #00bea0 0%, #2a9689 100%);
    --accent-color: #7dddd1;
    --text-on-primary: #ffffff;
    
    --secondary-color: #f56e24;
    --secondary-color-rgb: 253, 108, 53;
    --secondary-dark: #e8521a;
    --secondary-light: #fe8c5f;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #6e6e70;
    --tertiary-color-rgb: 84, 86, 90;
    --tertiary-dark: #3e4044;
    --tertiary-light: #6e7075;
    --text-on-tertiary: #ffffff;
}

[data-theme="red"] {
    --primary-color: #e11d48;
    --primary-color-rgb: 225, 29, 72;
    --primary-dark: #be123c;
    --primary-light: #f43f5e;
    --primary-gradient: linear-gradient(135deg, #e11d48 0%, #be123c 100%);
    --accent-color: #fb7185;
    --text-on-primary: #ffffff;
    
    --secondary-color: #0d9488;
    --secondary-color-rgb: 13, 148, 136;
    --secondary-dark: #0f766e;
    --secondary-light: #14b8a6;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #eab308;
    --tertiary-color-rgb: 234, 179, 8;
    --tertiary-dark: #ca8a04;
    --tertiary-light: #facc15;
    --text-on-tertiary: #1f2937;
}

[data-theme="purple"] {
    --primary-color: #7c3aed;
    --primary-color-rgb: 124, 58, 237;
    --primary-dark: #6d28d9;
    --primary-light: #8b5cf6;
    --primary-gradient: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    --accent-color: #a78bfa;
    --text-on-primary: #ffffff;
    
    --secondary-color: #10b981;
    --secondary-color-rgb: 16, 185, 129;
    --secondary-dark: #059669;
    --secondary-light: #34d399;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #f59e0b;
    --tertiary-color-rgb: 245, 158, 11;
    --tertiary-dark: #d97706;
    --tertiary-light: #fbbf24;
    --text-on-tertiary: #ffffff;
}

[data-theme="coral"] {
    --primary-color: #f97316;
    --primary-color-rgb: 249, 115, 22;
    --primary-dark: #ea580c;
    --primary-light: #fb923c;
    --primary-gradient: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    --accent-color: #fdba74;
    --text-on-primary: #ffffff;
    
    --secondary-color: #3b82f6;
    --secondary-color-rgb: 59, 130, 246;
    --secondary-dark: #2563eb;
    --secondary-light: #60a5fa;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #8b5cf6;
    --tertiary-color-rgb: 139, 92, 246;
    --tertiary-dark: #7c3aed;
    --tertiary-light: #a78bfa;
    --text-on-tertiary: #ffffff;
}

[data-theme="teal"] {
    --primary-color: #0d9488;
    --primary-color-rgb: 13, 148, 136;
    --primary-dark: #0f766e;
    --primary-light: #14b8a6;
    --primary-gradient: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);
    --accent-color: #5eead4;
    --text-on-primary: #ffffff;
    
    --secondary-color: #e11d48;
    --secondary-color-rgb: 225, 29, 72;
    --secondary-dark: #be123c;
    --secondary-light: #f43f5e;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #f59e0b;
    --tertiary-color-rgb: 245, 158, 11;
    --tertiary-dark: #d97706;
    --tertiary-light: #fbbf24;
    --text-on-tertiary: #ffffff;
}

[data-theme="skin-white-light"] {
    --primary-color: #64748b;
    --primary-color-rgb: 100, 116, 139;
    --primary-dark: #475569;
    --primary-light: #94a3b8;
    --primary-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --accent-color: #cbd5e1;
    --text-on-primary: #ffffff;
    
    --secondary-color: #7ea5c8;
    --secondary-color-rgb: 126, 165, 200;
    --secondary-dark: #5a87ad;
    --secondary-light: #a3c4e0;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #7ebfab;
    --tertiary-color-rgb: 126, 191, 171;
    --tertiary-dark: #5a9e88;
    --tertiary-light: #a3d5c5;
    --text-on-tertiary: #ffffff;
}

[data-theme="indigo"] {
    --primary-color: #6366f1;
    --primary-color-rgb: 99, 102, 241;
    --primary-dark: #4f46e5;
    --primary-light: #818cf8;
    --primary-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
    --accent-color: #a5b4fc;
    --text-on-primary: #ffffff;
    
    --secondary-color: #f59e0b;
    --secondary-color-rgb: 245, 158, 11;
    --secondary-dark: #d97706;
    --secondary-light: #fbbf24;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #ec4899;
    --tertiary-color-rgb: 236, 72, 153;
    --tertiary-dark: #db2777;
    --tertiary-light: #f472b6;
    --text-on-tertiary: #ffffff;
}

[data-theme="skin-black-light"] {
    --primary-color: #64748b;
    --primary-color-rgb: 100, 116, 139;
    --primary-dark: #475569;
    --primary-light: #94a3b8;
    --primary-gradient: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --accent-color: #cbd5e1;
    --text-on-primary: #ffffff;
    
    --secondary-color: #7ea5c8;
    --secondary-color-rgb: 126, 165, 200;
    --secondary-dark: #5a87ad;
    --secondary-light: #a3c4e0;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #7ebfab;
    --tertiary-color-rgb: 126, 191, 171;
    --tertiary-dark: #5a9e88;
    --tertiary-light: #a3d5c5;
    --text-on-tertiary: #ffffff;
}

[data-theme="cyan"] {
    --primary-color: #0891b2;
    --primary-color-rgb: 8, 145, 178;
    --primary-dark: #0e7490;
    --primary-light: #06b6d4;
    --primary-gradient: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);
    --accent-color: #67e8f9;
    --text-on-primary: #ffffff;
    
    --secondary-color: #f97316;
    --secondary-color-rgb: 249, 115, 22;
    --secondary-dark: #ea580c;
    --secondary-light: #fb923c;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #ec4899;
    --tertiary-color-rgb: 236, 72, 153;
    --tertiary-dark: #db2777;
    --tertiary-light: #f472b6;
    --text-on-tertiary: #ffffff;
}

[data-theme="slate"] {
    --primary-color: #475569;
    --primary-color-rgb: 71, 85, 105;
    --primary-dark: #334155;
    --primary-light: #64748b;
    --primary-gradient: linear-gradient(135deg, #475569 0%, #334155 100%);
    --accent-color: #94a3b8;
    --text-on-primary: #ffffff;
    
    --secondary-color: #f59e0b;
    --secondary-color-rgb: 245, 158, 11;
    --secondary-dark: #d97706;
    --secondary-light: #fbbf24;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #06b6d4;
    --tertiary-color-rgb: 6, 182, 212;
    --tertiary-dark: #0891b2;
    --tertiary-light: #22d3ee;
    --text-on-tertiary: #ffffff;
}

[data-theme="lavender"] {
    --primary-color: #8b5cf6;
    --primary-color-rgb: 139, 92, 246;
    --primary-dark: #7c3aed;
    --primary-light: #a78bfa;
    --primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    --accent-color: #c4b5fd;
    --text-on-primary: #ffffff;
    
    --secondary-color: #10b981;
    --secondary-color-rgb: 16, 185, 129;
    --secondary-dark: #059669;
    --secondary-light: #34d399;
    --text-on-secondary: #ffffff;
    
    --tertiary-color: #f59e0b;
    --tertiary-color-rgb: 245, 158, 11;
    --tertiary-dark: #d97706;
    --tertiary-light: #fbbf24;
    --text-on-tertiary: #ffffff;
}