/* assets/css/themes.css */

:root, [data-theme="light"] {
    --color-primary: #4F46E5;
    --color-primary-hover: #4338CA;
    --color-primary-light: #EEF2FF;
    
    --color-bg: #F9FAFB;
    --color-surface: #FFFFFF;
    --color-surface-hover: #F3F4F6;
    
    --color-text: #111827;
    --color-text-muted: #6B7280;
    
    --color-border: #E5E7EB;
    --color-border-focus: #4F46E5;
    
    --color-error: #EF4444;
    --color-success: #10B981;
    
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-full: 9999px;
    
    --glass-bg: rgba(255, 255, 255, 0.8);
    --glass-border: rgba(255, 255, 255, 0.3);
    
    --logo-opacity: 0.05;
    --logo-filter: none;
}

[data-theme="dark"] {
    --color-primary: #818CF8;
    --color-primary-hover: #6366F1;
    --color-primary-light: rgba(99, 102, 241, 0.15);
    
    --color-bg: #111827;
    --color-surface: #1F2937;
    --color-surface-hover: #374151;
    
    --color-text: #F9FAFB;
    --color-text-muted: #9CA3AF;
    
    --color-border: #374151;
    --color-border-focus: #818CF8;
    
    --glass-bg: rgba(31, 41, 55, 0.8);
    --glass-border: rgba(255, 255, 255, 0.05);
    
    --logo-opacity: 0.05;
    --logo-filter: grayscale(100%) invert(1) brightness(1.5);
}

[data-theme="accent"] {
    --color-primary: #EC4899;
    --color-primary-hover: #DB2777;
    --color-primary-light: #FCE7F3;
    
    --color-bg: #0F172A;
    --color-surface: #1E293B;
    --color-surface-hover: #334155;
    
    --color-text: #F8FAFC;
    --color-text-muted: #94A3B8;
    
    --color-border: #334155;
    --color-border-focus: #EC4899;
    
    --glass-bg: rgba(30, 41, 59, 0.8);
    --glass-border: rgba(255, 255, 255, 0.05);
    
    --logo-opacity: 0.05;
    --logo-filter: grayscale(100%) invert(1);
}