/* css/variables.css */
:root {
    /* Light Theme (Default fallback) */
    --clr-bg-primary: #f8f9fa;
    --clr-bg-secondary: #ffffff;
    --clr-text-main: #212529;
    --clr-text-muted: #6c757d;
    
    --clr-primary: #0f3460;
    --clr-primary-hover: #1a4a85;
    --clr-accent: #e94560; /* Orange/Red Accent */
    --clr-success: #28a745;
    --clr-danger: #dc3545;
    --clr-warning: #ffc107;
    
    --clr-border: #dee2e6;
    
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    
    --border-radius: 8px;
    --transition-speed: 0.2s;
    
    --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Dark Theme Overrides */
[data-theme="dark"] {
    --clr-bg-primary: #121212;
    --clr-bg-secondary: #1e1e24;
    --clr-text-main: #f8f9fa;
    --clr-text-muted: #adb5bd;
    
    --clr-primary: #3f72af;
    --clr-primary-hover: #112d4e;
    --clr-accent: #e94560;
    
    --clr-border: #343a40;
    
    --shadow-sm: 0 2px 4px rgba(0,0,0,0.2);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.3);
}