/**
 * Dark Theme - CSS Variables Only
 */
:root[data-theme="dark"] {
    /* Background Colors */
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-hover: #2a2a2a;
    --bg-disabled: #3a3a3a;
    
    /* Text Colors */
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --text-disabled: #6b6b6b;
    
    /* Accent Colors */
    --accent-color: #3b82f6;
    --accent-hover: #2563eb;
    --accent-color-dark: #1d4ed8;
    
    /* Border & Divider */
    --border-color: #2d2d2d;
    --divider-color: #383838;
    
    /* Link Colors */
    --link-color: #60a5fa;
    --link-hover: #93c5fd;
    
    /* Button Colors */
    --button-bg: #3b82f6;
    --button-hover: #2563eb;
    --button-text: #ffffff;
    
    /* Status Colors */
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #3b82f6;
    
    /* Input Colors */
    --input-bg: #1a1a1a;
    --input-border: #2d2d2d;
    --input-focus: #3b82f6;
    
    /* Shadow */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.6);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.7);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.8);
}