/**
 * Dark Theme
 *
 * Dark color scheme overrides
 * Applied when body has .dark-theme class
 */

body.dark-theme {
    /* =============================================== */
    /*              DARK THEME COLORS                 */
    /* =============================================== */

    /* Background Colors */
    --color-bg-primary: #1a202c;           /* Main background */
    --color-bg-secondary: #1f2937;         /* Panels, cards */
    --color-bg-tertiary: #2d3748;          /* Hover states, inputs */
    --color-bg-overlay: rgba(0, 0, 0, 0.75); /* Modals, dropdowns */

    /* Text Colors */
    --color-text-primary: #e2e8f0;         /* Main text */
    --color-text-secondary: #9ca3af;       /* Muted text */
    --color-text-tertiary: #6b7280;        /* Even more muted */
    --color-text-inverse: #1f2937;         /* Text on light backgrounds */

    /* Border Colors */
    --color-border-primary: #374151;       /* Main borders */
    --color-border-secondary: #4b5563;     /* Subtle borders */
    --color-border-focus: #3b82f6;         /* Focus states */

    /* Golden Layout */
    --color-gl-background: #0f172a;
    --color-gl-header: #1e293b;
    --color-gl-tab: #1e293b;
    --color-gl-tab-active: #0f172a;
    --color-gl-tab-text: #e2e8f0;
    --color-gl-tab-text-active: #f1f5f9;
    --color-gl-splitter: #334155;
    --color-gl-content: #1f2937;

    /* Console/Terminal */
    --color-console-bg: #1a202c;
    --color-console-text: #e2e8f0;

    /* File Browser */
    --color-file-hover: #2d3748;
    --color-file-active: #374151;
    --color-file-text: #e2e8f0;

    /* Buttons */
    --color-btn-secondary-hover: rgba(75, 85, 99, 0.5);

    /* Shadows (darker for dark theme) */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.6);

    /* Apply to body */
    background-color: var(--color-bg-primary);
    color: var(--color-text-primary);
}