/**
 * PURPLEZONE THEME - Byzantine Gold
 * Auriu bizantin cu tonuri mov-albastru
 */

:root {
    /* ===== DARK MODE ===== */
    
    /* Backgrounds */
    --bg-primary: #1C2333;
    --bg-secondary: #283348;
    --bg-tertiary: #323E56;
    
    /* Surfaces */
    --surface: #283348;
    --surface-hover: #3D4D6B;
    --surface-active: #4A5A7A;
    
    /* Borders */
    --border-primary: #3A4560;
    --border-secondary: #4F5B78;
    
    /* Text */
    --text-primary: #F5F7FA;
    --text-secondary: #B8C5D9;
    --text-tertiary: #7A8BA3;
    --text-disabled: #5A6B85;
    
    /* Theme Primary - AURIU BIZANTIN */
    --theme-primary: #D4AF37;
    --theme-primary-dark: #C5A052;
    --theme-primary-light: #E0C05F;
    --theme-primary-rgb: 212, 175, 55;
    --theme-gradient: linear-gradient(90deg, #C5A052, #D4AF37);
    
    /* Status Colors */
    --color-success: #7FA563;
    --color-success-rgb: 127, 165, 99;
    --color-info: #6B9BD1;
    --color-info-rgb: 107, 155, 209;
    --color-warning: #D4AF37;
    --color-warning-rgb: 212, 175, 55;
    --color-danger: #B85450;
    --color-danger-rgb: 184, 84, 80;
    
    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.2);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.25);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.3);
    --shadow-xl: 0 12px 24px rgba(0,0,0,0.35);
    --shadow-theme: 0 4px 12px rgba(212, 175, 55, 0.4);
}

:root[data-mode="light"] {
    /* ===== LIGHT MODE ===== */
    
    /* Backgrounds */
    --bg-primary: #F5F6F8;
    --bg-secondary: #FFFFFF;
    --bg-tertiary: #EEF1F5;
    
    /* Surfaces */
    --surface: #FFFFFF;
    --surface-hover: #E8EDF5;
    --surface-active: #D6E0EF;
    
    /* Borders */
    --border-primary: #DDE2EA;
    --border-secondary: #C7CFDD;
    
    /* Text */
    --text-primary: #1C2333;
    --text-secondary: #3D4D6B;
    --text-tertiary: #7A8BA3;
    --text-disabled: #B8C5D9;
    
    /* Theme richer in light mode */
    --theme-primary: #D4AF37;
    --theme-primary-dark: #B8942F;
    
    /* Shadows lighter */
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 8px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 16px rgba(0,0,0,0.1);
    --shadow-xl: 0 12px 24px rgba(0,0,0,0.12);
    --shadow-theme: 0 4px 12px rgba(212, 175, 55, 0.25);
}