/* ============================================================
   basicFusion IDE — motyw: Slate (default)
   Ladowany po style.css. Aktywny, gdy <html data-theme="slate">.
   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.
   ============================================================ */

/* ---------- SLATE (flat dev-tool look, single azure accent) ---------- */
html[data-theme="slate"] {
    /* surfaces */
    --bg-color: #0f1319;
    --bg-darker: #12161c;
    --bg-deepest: #0b0e13;
    --bg-output: #0f1319;
    --bg-sidebar: #161b22;
    --bg-panel: #161b22;
    --panel-bg: #161b22;
    --bg-hover: #1e252e;
    --bg-active: #26303a;
    --bg-input: #1e252e;
    --surface-2: #1e252e;
    --terminal-bg: #0f1319;
    --bg-gutter-deep: #12161c;

    /* lines (hairlines) */
    --border: #232a33;
    --border-light: #313a45;

    /* text */
    --text-color: #dbe0e6;
    --text-muted: #99a2ad;
    --text-faint: #616a76;
    --text-bright: #eef2f6;
    --text-white: #ffffff;
    --text-soft: #c2c8d0;
    --grey-55: #8b93a0;
    --grey-66: #79818d;
    --grey-77: #667079;
    --grey-88: #545c66;
    --caret: #4c8fd6;

    /* single azure accent (no purple, no rainbow) */
    --accent: #4c8fd6;
    --accent-light: #4c8fd6;
    --accent-hover: #62a2e4;
    --accent-classic: #4c8fd6;
    --accent-glow: rgba(76,143,214,0.16);

    /* syntax tokens (muted, coherent with the palette) */
    --token-keyword: #6aa6de;
    --token-function: #d7b26a;
    --token-string: #7fae86;
    --token-variable: #c2c8d0;
    --token-operator: #99a2ad;
    --token-number: #a9c08f;
    --token-comment: #616a76;
    --token-line-number: #616a76;
    --token-label: #8fbce0;
    --token-teal: #7fae86;
    --token-directive: #c9a26b;

    /* overlays (no blur) */
    --overlay-soft: rgba(76,143,214,0.06);
    --overlay-faint: rgba(255,255,255,0.03);
    --overlay-mid: rgba(6,9,13,0.82);

    /* minimal semantics: green = success, red = destructive */
    --green-bg: #17281d;  --green-bg-hover: #1d3325;  --green-border: #2f5a3d;
    --red-bg: #2a1a18;    --red-bg-deep: #3a201d;     --red-border: #5a332f;
}

/* Slate: links never underlined (also on hover) */
html[data-theme="slate"] a,
html[data-theme="slate"] a:hover { text-decoration: none; }
html[data-theme="slate"] a:hover { color: var(--accent-hover); }