/* Theme System - Light and Dark Modes */

/* Light Theme */
[data-theme="light"] {
    --background-primary: var(--luca-white);
    --background-secondary: #FFFFFF;
    --background-tertiary: #F0F0F0;
    --background-glass: rgba(255, 255, 255, 0.8);
    --background-glass-hover: rgba(255, 255, 255, 0.9);
    
    --text-primary: var(--luca-navy);
    --text-secondary: #4A5568;
    --text-muted: #718096;
    
    --border-primary: rgba(29, 45, 68, 0.1);
    --border-secondary: rgba(29, 45, 68, 0.05);
    
    --accent-primary: var(--luca-gold);
    --accent-hover: var(--luca-gold-hover);
    --accent-active: #8B7D3B;
    
    --shadow-color: rgba(29, 45, 68, 0.1);
    
    --scrollbar-track: #F0F0F0;
    --scrollbar-thumb: #CBD5E0;
}

/* Dark Theme */
[data-theme="dark"] {
    --background-primary: var(--luca-navy);
    --background-secondary: #2D4058;
    --background-tertiary: #1D2D44;
    --background-glass: rgba(45, 64, 88, 0.8);
    --background-glass-hover: rgba(45, 64, 88, 0.9);
    
    --text-primary: var(--luca-white);
    --text-secondary: #E2E8F0;
    --text-muted: #A0AEC0;
    
    --border-primary: rgba(245, 245, 243, 0.1);
    --border-secondary: rgba(245, 245, 243, 0.05);
    
    --accent-primary: var(--luca-gold);
    --accent-hover: var(--luca-gold-hover);
    --accent-active: #C4B373;
    
    --shadow-color: rgba(0, 0, 0, 0.3);
    
    --scrollbar-track: #2D4058;
    --scrollbar-thumb: #4A5568;
}

/* Apply theme variables */
body {
    background-color: var(--background-primary);
    color: var(--text-primary);
    transition: background-color var(--transition-slow), color var(--transition-slow);
}

/* Glass morphism utilities */
.glass {
    background: var(--background-glass);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--border-primary);
}

.glass-strong {
    background: var(--background-glass-hover);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--border-primary);
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--accent-primary);
}

/* Selection styling */
::selection {
    background: var(--accent-primary);
    color: var(--luca-white);
}