/* ==========================================================================
   Dark Theme variables - CSS
   ========================================================================== */

:root[data-theme="dark"], body.dark-theme {
    /* Color Palette */
    --color-primary: #3b82f6; /* Modern Blue */
    --color-primary-hover: #2563eb;
    --color-secondary: #8b5cf6; /* Indigo Accent */
    --color-success: #10b981; /* Emerald Green */
    --color-warning: #f59e0b; /* Amber Amber */
    --color-danger: #ef4444; /* Rose Red */
    
    /* Background colors */
    --bg-body: #0b0f19; /* Sleek Deep Blue-Grey */
    --bg-card: #161e31; /* Subtle Premium Blue-Grey */
    --bg-input: #1f2a45;
    --bg-header: #0e1626;
    --bg-sidebar: #0f172a;
    
    /* Borders & Dividers */
    --color-border: #233153;
    --color-border-focus: #4b66a8;

    /* Text Colors */
    --color-text-main: #93a3b8; /* Cool Grey */
    --color-text-title: #f8fafc; /* Crisp White */
    --color-text-muted: #64748b; /* Soft Muted */
    
    /* Scrollbars colors */
    --bg-scrollbar-track: #0f172a;
    --bg-scrollbar-thumb: #1e293b;
    --bg-scrollbar-thumb-hover: #334155;
    
    /* Shadow parameters */
    --box-shadow-card: 0 4px 20px rgba(0, 0, 0, 0.25);
    --box-shadow-button: 0 2px 8px rgba(59, 130, 246, 0.3);
    
    /* Glassmorphism options */
    --bg-glass: rgba(22, 30, 49, 0.7);
    --border-glass: rgba(35, 49, 83, 0.6);
    --filter-glass: blur(12px);
}