/* ============================================================
   basicFusion IDE — motyw: Dark
   Ladowany po style.css. Aktywny, gdy <html data-theme="dark">.
   Tokeny bazowe (--bg/--panel/--ink/--line/--accent...) steruja
   nowszym UI (Projects, titlebar, AI chat, tracker); tokeny legacy
   (--bg-color, --text-color...) — starszymi panelami i edytorem.
   ============================================================ */

/* Dark = brak atrybutu data-theme (applyTheme usuwa go dla 'dark') */
html:not([data-theme]), html[data-theme="dark"] {
    /* tokeny bazowe (canonical) — neutralny grafit w stylu VS Code Dark+ */
    --bg: #1e1e1e;
    --panel: #252526;
    --panel-2: #2d2d30;
    --gutter: #1e1e1e;
    --ink: #d4d4d4;
    --ink-dim: #9d9d9d;
    --ink-faint: #6a6a6a;
    --line: #333333;
    --line-2: #454545;
    --accent: #007acc;
    --accent-hi: #3794ff;
    --accent-dim: #094771;
    --link: #3794ff;
    --ok: #89d185;
    --danger: #f14c4c;
    --on-accent: #ffffff;
    --btn-primary-ink: #ffffff;

    /* legacy */
    --bg-darker: #181818;
    --bg-deepest: #141414;
    --bg-sidebar: #252526;
    --bg-active: #37373d;
    --text-bright: #ffffff;
    --text-soft: #cccccc;
    --caret: #aeafad;
    --accent-glow: rgba(0,122,204,0.18);

    /* skladnia */
    --token-keyword: #569cd6;
    --token-function: #dcdcaa;
    --token-string: #ce9178;
    --token-variable: #9cdcfe;
    --token-operator: #d4d4d4;
    --token-number: #b5cea8;
    --token-comment: #6a9955;
    --token-line-number: #858585;
    --token-label: #c586c0;
    --token-teal: #4ec9b0;
    --token-directive: #c586c0;
}