/*!
 * ========================================================================
 * THODDE26 DESIGN: BLUE (LIGHT MODE)
 * ========================================================================
 */
:root {
    --primary-color: #1a73e8;       
    --primary-hover: #1557b0;       
    --bg-dark: #f8f9fa;             
    --bg-card: #ffffff;             
    --bg-lighter: #edf2f7;          
    --bg-footer: #e2e8f0;           
    --bg-overlay: rgba(255, 255, 255, 0.85); 
    --border-color: #cbd5e0;        
    --border-hover: #94a3b8;        
    --shadow-color: rgba(0, 0, 0, 0.08);          
    --text-white: #0f172a;          
    --text-main: #334155;           
    --text-muted: #64748b;          
    --text-invert: #ffffff;         
    --btn-bg: #ffffff;              
    --btn-border: #cbd5e0;          

    /* --- ALTES SYSTEM --- */
    --color-base: var(--bg-dark);         
    --color-contrast: var(--text-white);  
    --color-text: var(--text-main);              
    --color-text2: var(--text-muted);              
    --color-heading-text: var(--text-white);        
    --color-heading-text2: var(--primary-color); 
    --color-icon: var(--primary-color);              
    --color-icon2: var(--text-white);              
    --color-button-text: var(--text-invert);         
    --color-button-text2: var(--text-white);      
    --color-button-bg: var(--primary-color);  
    --color-button-bg2: var(--bg-lighter);  
    --color-button-bg-hover: var(--primary-hover);     
    --color-shadow: var(--shadow-color);          
    --color-border: var(--border-color);          
    --color-border2: var(--primary-color);       
}