/**
 * MSX Pixel Forge — Dark Theme
 *
 * Default dark color scheme. All IDE component CSS references these
 * custom properties so themes can be swapped by loading a different file.
 *
 * Structure:
 *   --ide-<scope>-<property>
 *   Scopes: bg, text, border, accent, editor, panel, tree, tab, status
 *
 * @package   MSX\DevTool
 * @version   1.0.0-alpha
 * @author    Julio Marchi (MSXALL) <msxall@gmail.com>
 */

:root {
    /* ── Base Palette ── */
    --ide-bg-primary: #0d1117;
    --ide-bg-secondary: #161b22;
    --ide-bg-tertiary: #1c2333;
    --ide-bg-hover: #21262d;
    --ide-bg-active: rgba(88, 166, 255, 0.1);

    --ide-text-primary: #e6edf3;
    --ide-text-secondary: #8b949e;
    --ide-text-muted: #484f58;

    --ide-border-primary: #30363d;
    --ide-border-active: #58a6ff;

    --ide-accent: #58a6ff;
    --ide-accent-hover: #79c0ff;
    --ide-accent-muted: rgba(88, 166, 255, 0.15);

    --ide-danger: #f85149;
    --ide-danger-muted: rgba(248, 81, 73, 0.15);

    --ide-success: #3fb950;
    --ide-success-muted: rgba(63, 185, 80, 0.15);

    --ide-warning: #d29922;
    --ide-warning-muted: rgba(210, 153, 34, 0.15);

    /* ── Header ── */
    --ide-header-height: 38px;
    --ide-topbar-bg: var(--ide-bg-secondary);
    --ide-topbar-border: var(--ide-border-primary);

    /* ── Menu Bar Area ── */
    --ide-menubar-height: 28px;
    --ide-menubar-bg: var(--ide-bg-secondary);

    /* ── Icon Bar ── */
    --ide-icon-bar-size: 40px;
    --ide-icon-bar-bg: var(--ide-bg-secondary);

    /* ── Status / Footer Bar ── */
    --ide-statusbar-bg: #1f6feb;
    --ide-statusbar-text: #ffffff;
    --ide-statusbar-height: 24px;

    /* ── Panels ── */
    --ide-panel-bg: var(--ide-bg-secondary);
    --ide-panel-header-bg: #11161d;
    --ide-panel-header-height: 24px;
    --ide-panel-tab-active-bg: var(--ide-bg-secondary);
    --ide-panel-tab-active-border: transparent;

    /* ── Splitters ── */
    --ide-splitter-size: 4px;
    --ide-splitter-bg: var(--ide-border-primary);
    --ide-splitter-hover-bg: var(--ide-accent);

    /* ── Drop Zones ── */
    --ide-drop-indicator: rgba(88, 166, 255, 0.3);
    --ide-drop-indicator-border: var(--ide-accent);

    /* ── File Tree ── */
    --ide-tree-item-height: 24px;
    --ide-tree-indent: 16px;

    /* ── Editor Tabs ── */
    --ide-tab-bg: var(--ide-bg-secondary);
    --ide-tab-active-bg: var(--ide-bg-primary);
    --ide-tab-active-border: var(--ide-accent);
    --ide-tab-focused-bg: #1f2d3d;
    --ide-tab-focused-border: #58a6ff;
    --ide-tab-height: 35px;

    /* ── Modals ── */
    --ide-modal-overlay: rgba(0, 0, 0, 0.6);
    --ide-modal-bg: var(--ide-bg-tertiary);

    /* ── Floating Panels ── */
    --ide-float-header-focused-bg: #1f2d3d;
    --ide-float-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
    --ide-float-resize-handle: 8px;

    /* ── Typography ── */
    --ide-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
    --ide-font-mono: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', 'Consolas', monospace;
    --ide-font-size-sm: 11px;
    --ide-font-size-base: 13px;
    --ide-font-size-lg: 14px;

    /* ── Dropdown Headers ── */
    --ide-dropdown-header-color: #78828d;
    --ide-dropdown-header-bg: #151b23;

    /* ── Scrollbars ── */
    --ide-scrollbar-thumb: #30363d;
    --ide-scrollbar-thumb-hover: #484f58;
    --ide-scrollbar-track: transparent;
    --ide-scrollbar-size: 8px;
    --ide-scrollbar-size-thin: 2px;

    /* ── Buttons ── */
    --ide-btn-bg: var(--ide-bg-tertiary);
    --ide-btn-hover-bg: var(--ide-bg-hover);
    --ide-btn-border: var(--ide-border-primary);
    --ide-btn-save-bg: #238636;
    --ide-btn-save-hover-bg: #2ea043;
    --ide-btn-save-border: #2ea043;

    /* ── Monaco Editor Theme Colors ── */
    --ide-editor-bg: #0d1117;
    --ide-editor-fg: #e6edf3;
    --ide-editor-line-highlight: #161b22;
    --ide-editor-cursor: #58a6ff;
    --ide-editor-selection: #264f78;
    --ide-editor-inactive-selection: #3a3d41;
    --ide-editor-line-number: #484f58;
    --ide-editor-line-number-active: #e6edf3;

    /* ── Monaco Token Colors ── */
    --ide-token-comment: #6a9955;
    --ide-token-keyword: #569cd6;
    --ide-token-keyword-control: #c586c0;
    --ide-token-keyword-transfer: #4fc1ff;
    --ide-token-keyword-arithmetic: #dcdcaa;
    --ide-token-keyword-bitwise: #d7ba7d;
    --ide-token-keyword-io: #ce9178;
    --ide-token-keyword-hardware: #ce9178;
    --ide-token-keyword-operator: #d4d4d4;
    --ide-token-register: #9cdcfe;
    --ide-token-flag: #b5cea8;
    --ide-token-variable-string: #ce9178;
    --ide-token-variable-typed: #9cdcfe;
    --ide-token-number: #b5cea8;
    --ide-token-line-number: #858585;
    --ide-token-string: #ce9178;
    --ide-token-type: #4ec9b0;
    --ide-token-tag: #569cd6;
    --ide-token-annotation: #dcdcaa;
    --ide-token-function: #dcdcaa;
}