/* Dark Theme (default - from Resources/Dashboard) */
:root, [data-theme="dark"] {
    /* Backgrounds */
    --bg-color: #1f1f1f;
    --bg-main: #1a1a1a;
    --surface-color: #2a2a2a;
    --surface-hover: #333333;
    
    /* Text */
    --text-primary: #e0e0e0;
    --text-secondary: #aaa;
    --text-tertiary: #888;
    --text-muted: #666;
    
    /* Accent & Interactive */
    --accent-color: #8ab4f8;
    --accent-hover: #a8c7fa;
    --border-color: #555;
    --border-light: #3a3a3a;
    
    /* Inputs */
    --input-bg: #2a2a2a;
    --input-border: #555;
    --input-text: #e0e0e0;
    --input-placeholder: #888;
    
    /* Buttons */
    --btn-bg: #2a2a2a;
    --btn-text: #e0e0e0;
    --btn-border: #555;
    --btn-hover-bg: #444;
    
    /* Cards & Sections */
    --card-bg: #2a2a2a;
    --card-border: #3a3a3a;
    --section-bg: rgba(42, 42, 42, 0.95);
    
    /* Special */
    --shadow-color: rgba(0, 0, 0, 0.3);
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --grid-line: rgba(255, 255, 255, 0.08);
}

/* Bright Theme (from Lesson Creator) */
[data-theme="bright"] {
    /* Backgrounds */
    --bg-color: #f5f5f5;
    --bg-main: #ffffff;
    --surface-color: #ffffff;
    --surface-hover: #f0f0f0;
    
    /* Text */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-tertiary: #888888;
    --text-muted: #999999;
    
    /* Accent & Interactive */
    --accent-color: #2196F3;
    --accent-hover: #1976D2;
    --border-color: #e0e0e0;
    --border-light: #eeeeee;
    
    /* Inputs */
    --input-bg: rgba(255, 255, 255, 0.95);
    --input-border: #ddd;
    --input-text: #333;
    --input-placeholder: #999;
    
    /* Buttons */
    --btn-bg: #ffffff;
    --btn-text: #333;
    --btn-border: #ddd;
    --btn-hover-bg: #f5f5f5;
    
    /* Cards & Sections */
    --card-bg: #ffffff;
    --card-border: #e0e0e0;
    --section-bg: rgba(255, 255, 255, 0.95);
    
    /* Special */
    --shadow-color: rgba(0, 0, 0, 0.08);
    --overlay-bg: rgba(0, 0, 0, 0.3);
    --grid-line: rgba(0, 0, 0, 0.04);
}