/* FIN-OS: дизайн-токены тем Terminal и Ledger (design_handoff_vx/PROMPT.md, шаг 2).
   Префикс --vx-, чтобы не пересекаться с переменными CSS поставки.
   Тема — атрибут data-theme на <html> (App\FinOs\Theme\Theme). Компоненты используют только эти переменные. */

[data-theme="terminal"] {
    --vx-bg: #0a0a0a;
    --vx-bg-2: #0d0d0d;
    --vx-panel: #111111;
    --vx-hover: #141414;
    --vx-row-line: #161616;
    --vx-line: #222222;
    --vx-line-2: #2a2a2a;
    --vx-line-3: #333333;
    --vx-text: #e6e6e6;
    --vx-text-2: #a8a8a8;
    --vx-muted: #8a8a8a;
    --vx-dim: #5c5c5c;
    --vx-accent: #ffb000;
    --vx-on-accent: #0a0a0a;
    --vx-accent-row: #1a1508;
    --vx-kicker: #ffb000;
    --vx-up: #2fd27a;
    --vx-down: #ff4d5e;
    --vx-on-updown: #0a0a0a;
    --vx-font-ui: 'IBM Plex Mono', ui-monospace, monospace;
    --vx-font-display: 'Space Grotesk', system-ui, sans-serif;
    --vx-font-num: 'IBM Plex Mono', ui-monospace, monospace;
    --vx-radius: 0;
    --vx-focus: 2px solid #ffb000;
    color-scheme: dark;
}

[data-theme="ledger"] {
    --vx-bg: #f3efe6;
    --vx-bg-2: #ebe6da;
    --vx-panel: #f3efe6;
    --vx-hover: #ebe6da;
    --vx-row-line: #d6cfbf;
    --vx-line: #171614;
    --vx-line-2: #c9c2b2;
    --vx-line-3: #171614;
    --vx-text: #171614;
    --vx-text-2: #3b3833;
    --vx-muted: #6b665c;
    --vx-dim: #9a9488;
    --vx-accent: #171614;
    --vx-on-accent: #f3efe6;
    --vx-accent-row: #e4ddcd;
    --vx-kicker: #c2341f;
    --vx-up: #0d7a47;
    --vx-down: #c2341f;
    --vx-on-updown: #f3efe6;
    --vx-font-ui: 'IBM Plex Sans', system-ui, sans-serif;
    --vx-font-display: 'Instrument Serif', Georgia, serif;
    --vx-font-num: 'IBM Plex Mono', ui-monospace, monospace;
    --vx-radius: 0;
    --vx-focus: 2px solid #171614;
    color-scheme: light;
}

/* Переключатель темы Terminal | Ledger (fin-os/theme/switch.blade.php). */
.vx-theme-switch {
    display: inline-flex;
    border: 1px solid var(--vx-line-3);
    font: 500 11px/1 var(--vx-font-num);
    letter-spacing: .04em;
    vertical-align: middle;
}

.vx-theme-switch__option {
    background: transparent;
    color: var(--vx-muted);
    border: 0;
    padding: 6px 9px;
    cursor: pointer;
    text-transform: uppercase;
}

.vx-theme-switch__option + .vx-theme-switch__option {
    border-left: 1px solid var(--vx-line-3);
}

.vx-theme-switch__option.is-active {
    background: var(--vx-accent);
    color: var(--vx-on-accent);
}

.vx-theme-switch__option:focus-visible {
    outline: var(--vx-focus);
    outline-offset: 2px;
}