/* ==========================================================================
   Light Theme variables - CSS
   ========================================================================== */

:root, :root[data-theme="light"], body.light-theme {
    /* Color Palette */
    --color-primary: #2563eb; /* Cobalt Blue */
    --color-primary-hover: #1d4ed8;
    --color-secondary: #7c3aed; /* Purple Accent */
    --color-success: #16a34a; /* Safe Green */
    --color-warning: #d97706; /* Warm Amber */
    --color-danger: #dc2626; /* Crimson Red */
    
    /* Background colors */
    --bg-body: #f8fafc; /* Crisp Slate Grey-White */
    --bg-card: #ffffff; /* Bright Pure White */
    --bg-input: #f1f5f9;
    --bg-header: #ffffff;
    --bg-sidebar: #0f172a; /* Keep dark sidebar for contrast */
    
    /* Borders & Dividers */
    --color-border: #e2e8f0;
    --color-border-focus: #cbd5e1;

    /* Text Colors */
    --color-text-main: #475569; /* Slate Text */
    --color-text-title: #0f172a; /* Pitch dark */
    --color-text-muted: #94a3b8; /* Muted Slate */
    
    /* Scrollbars colors */
    --bg-scrollbar-track: #f1f5f9;
    --bg-scrollbar-thumb: #cbd5e1;
    --bg-scrollbar-thumb-hover: #94a3b8;
    
    /* Shadow parameters */
    --box-shadow-card: 0 4px 15px rgba(15, 23, 42, 0.05);
    --box-shadow-button: 0 2px 8px rgba(37, 99, 235, 0.2);
    
    /* Glassmorphism options */
    --bg-glass: rgba(255, 255, 255, 0.8);
    --border-glass: rgba(226, 232, 240, 0.7);
    --filter-glass: blur(12px);
}