/* theme.css — CSS variables (dark + light theme) */

:root {
    --bg-base: #1e1e1e;
    --bg-surface: #252526;
    --bg-elevated: #2d2d30;
    --bg-hover: #2a2d2e;
    --bg-active: #094771;
    --border-default: #3e3e42;
    --border-active: #0e639c;
    --text-primary: #cccccc;
    --text-secondary: #888888;
    --text-muted: #666666;
    --text-bright: #ffffff;
    --text-link: #4fc1ff;
    --text-code: #d4d4d4;
    --accent-primary: #0e639c;
    --accent-hover: #1177bb;
    --accent-success: #27ae60;
    --accent-warning: #f39c12;
    --accent-error: #e74c3c;
    --on-accent: #ffffff;
    --on-accent-muted: rgba(255, 255, 255, 0.7);
    --on-accent-subtle: rgba(255, 255, 255, 0.4);
    --input-bg: #3c3c3c;
    --overlay-subtle: rgba(255, 255, 255, 0.03);
    --overlay-light: rgba(255, 255, 255, 0.05);
    --overlay-medium: rgba(255, 255, 255, 0.1);
    --overlay-strong: rgba(255, 255, 255, 0.2);
    --overlay-intense: rgba(255, 255, 255, 0.3);
    --overlay-text: rgba(255, 255, 255, 0.7);
    --overlay-text-muted: rgba(255, 255, 255, 0.4);
    --scrollbar-thumb: #555;
    --scrollbar-thumb-hover: rgba(255, 255, 255, 0.3);
    --scrollbar-thumb-active: rgba(255, 255, 255, 0.5);
    --editor-bg: #1e1e1e;
    --editor-text: #d4d4d4;
    --editor-caret: #ffffff;
    --editor-gutter-bg: rgba(37, 37, 38, 0.95);
    --editor-gutter-text: #858585;
    --editor-selection: rgba(14, 99, 156, 0.3);
    --editor-selection-focused: rgba(14, 99, 156, 0.5);
    --editor-cursor: #ffffff;
    --editor-highlight: rgba(100, 180, 255, 0.8);
    --editor-highlight-bg: rgba(100, 180, 255, 0.15);
    --editor-highlight-border: rgba(100, 180, 255, 0.4);
    --editor-search-match: rgba(255, 255, 0, 0.4);
    --editor-search-selected: rgba(255, 140, 0, 0.6);
    --editor-panel-bg: #252526;
    --editor-panel-input-bg: #3c3c3c;
    --editor-panel-input-border: #555;
    --diff-added-bg: rgba(35, 134, 54, 0.2);
    --diff-added-border: rgba(35, 134, 54, 0.4);
    --diff-removed-bg: rgba(218, 54, 51, 0.2);
    --diff-removed-border: rgba(218, 54, 51, 0.4);
    --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Consolas', 'Monaco', 'Courier New', monospace;
    --font-size-xs: 11px;
    --font-size-sm: 12px;
    --font-size-base: 13px;
    --font-size-lg: 14px;
    --radius-sm: 3px;
    --radius-md: 4px;
    --radius-lg: 6px;
}

html.light-theme {
    --bg-base: #ffffff;
    --bg-surface: #f5f5f5;
    --bg-elevated: #e8e8e8;
    --bg-hover: #e0e0e0;
    --bg-active: #d0e8ff;
    --border-default: #d1d1d1;
    --border-active: #0e639c;
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-muted: #999999;
    --text-bright: #000000;
    --text-link: #0066cc;
    --text-code: #333333;
    --accent-primary: #0e639c;
    --accent-hover: #1177bb;
    --accent-success: #27ae60;
    --accent-warning: #e67e00;
    --accent-error: #d32f2f;
    --on-accent: #ffffff;
    --on-accent-muted: rgba(255, 255, 255, 0.7);
    --on-accent-subtle: rgba(255, 255, 255, 0.4);
    --input-bg: #ffffff;
    --overlay-subtle: rgba(0, 0, 0, 0.02);
    --overlay-light: rgba(0, 0, 0, 0.04);
    --overlay-medium: rgba(0, 0, 0, 0.08);
    --overlay-strong: rgba(0, 0, 0, 0.12);
    --overlay-intense: rgba(0, 0, 0, 0.18);
    --overlay-text: rgba(0, 0, 0, 0.7);
    --overlay-text-muted: rgba(0, 0, 0, 0.4);
    --scrollbar-thumb: #ccc;
    --scrollbar-thumb-hover: rgba(0, 0, 0, 0.2);
    --scrollbar-thumb-active: rgba(0, 0, 0, 0.35);
    --editor-bg: #ffffff;
    --editor-text: #333333;
    --editor-caret: #333333;
    --editor-gutter-bg: #f5f5f5;
    --editor-gutter-text: #999999;
    --editor-selection: rgba(14, 99, 156, 0.2);
    --editor-selection-focused: rgba(14, 99, 156, 0.35);
    --editor-cursor: #333333;
    --editor-highlight: rgba(0, 100, 200, 0.5);
    --editor-highlight-bg: rgba(0, 100, 200, 0.1);
    --editor-highlight-border: rgba(0, 100, 200, 0.3);
    --editor-search-match: rgba(255, 200, 0, 0.4);
    --editor-search-selected: rgba(255, 140, 0, 0.5);
    --editor-panel-bg: #f5f5f5;
    --editor-panel-input-bg: #ffffff;
    --editor-panel-input-border: #d1d1d1;
    --diff-added-bg: rgba(35, 134, 54, 0.12);
    --diff-added-border: rgba(35, 134, 54, 0.3);
    --diff-removed-bg: rgba(218, 54, 51, 0.12);
    --diff-removed-border: rgba(218, 54, 51, 0.3);
}