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

html[data-theme="light"] {
    /* tokeny bazowe (canonical) */
    --bg: #ffffff;
    --panel: #f3f3f3;
    --panel-2: #e8e8e8;
    --gutter: #f3f3f3;
    --ink: #1f1f1f;
    --ink-dim: #6a6a6a;
    --ink-faint: #a0a0a0;
    --line: #d4d4d4;
    --line-2: #c2c2c2;
    --accent: #0066b8;
    --accent-hi: #1a7ad0;
    --accent-dim: #cfe3f5;
    --link: #0066b8;
    --ok: #2e7d32;
    --danger: #c62828;
    --on-accent: #ffffff;
    --btn-primary-ink: #ffffff;
}

/* ---------- LIGHT ---------- */
html[data-theme="light"] {
    --bg-color: #ffffff;
    --bg-darker: #f3f3f3;
    --bg-deepest: #e6e6e6;
    --bg-output: #ffffff;
    --bg-sidebar: #f3f3f3;
    --bg-panel: #ececec;
    --bg-hover: #e8e8e8;
    --bg-active: #dcdcdc;
    --bg-input: #ffffff;
    --surface-2: #e0e0e0;
    --terminal-bg: #fbfbfb;
    --panel-bg: #f3f3f3;

    --border: #d4d4d4;
    --border-light: #c2c2c2;

    --text-color: #1f1f1f;
    --text-muted: #6a6a6a;
    --text-faint: #a0a0a0;
    --text-bright: #000000;
    --text-white: #ffffff;
    --text-soft: #3a3a3a;
    --grey-55: #909090;
    --grey-66: #808080;
    --grey-77: #707070;
    --grey-88: #606060;
    --caret: #000000;

    --accent: #0066b8;
    --accent-hover: #1a7ad0;
    --accent-glow: rgba(0,102,184,0.18);
    --accent-deep: #0066b8;
    --accent-deep-hover: #1a7ad0;
    --accent-classic: #0066b8;
    --accent-bright: #1a7ad0;
    --accent-light: #0066b8;

    --token-keyword: #0000ff;
    --token-function: #795e26;
    --token-string: #a31515;
    --token-variable: #0070c1;
    --token-operator: #1f1f1f;
    --token-number: #098658;
    --token-comment: #008000;
    --token-line-number: #b0b0b0;
    --token-label: #af00db;
    --token-teal: #267f7f;
    --token-directive: #ff55ff;

    --overlay-soft: rgba(0,0,0,0.07);
    --overlay-faint: rgba(0,0,0,0.04);
    --overlay-mid: rgba(0,0,0,0.25);

    --green-bg: #e3f3e3;  --green-bg-hover: #d4ecd4;  --green-border: #9ad29a;
    --red-bg: #fae3e3;    --red-bg-deep: #f7d4d4;     --red-border: #e0a0a0;
    --bg-gutter-deep: #eef1f7;
}
/* W motywie light terminal (ekran wyjscia PRINT) pozostaje ciemny z jasnym
   tekstem - spojnie z pozostalymi motywami; inaczej bialy tekst bylby niewidoczny
   na jasnym tle, a w innych motywach terminal jest ciemny. */
html[data-theme="light"] #terminalPre {
    background-color: #1e1e1e;
    color: #f5f5f5;
    border-color: #3a3a3a;
}

/* jasne zaznaczenie (accent-dim) wymaga ciemnego tekstu */
html[data-theme="light"] .ac-item:hover, html[data-theme="light"] .ac-item.active,
html[data-theme="light"] .goto-sub-item:hover, html[data-theme="light"] .goto-sub-item.active { color: var(--ink); }