/* Shared palette. Component styles reference these tokens with var(...). */
:root {
    color-scheme: dark;

    --color-background: #0b0b0b;
    --color-surface: #121212;
    --color-surface-raised: #1b1a18;
    --color-editor: #101010;
    --color-console: #0d0d0d;
    --color-gutter: #151412;

    --color-border: #302d29;
    --color-border-strong: #575047;
    --color-text: #eeeae4;
    --color-text-muted: #aaa298;
    --color-text-dim: #8b8379;

    --color-accent: #ef8b3c;
    --color-accent-hover: #ffa45c;
    --color-accent-soft: #2c1e12;
    --color-on-accent: #11100e;
    --color-selection: #663719;
    --color-danger: #ffb17a;
    --color-danger-surface: #291a12;
    --color-scrollbar: #49443d;
    --color-scrollbar-hover: #746a5d;
    --color-transparent: transparent;
    --color-overlay: #000000b3;
    --color-presence-0: #ef8b3c;
    --color-presence-1: #8ac4d4;
    --color-presence-2: #cba6e3;
    --color-presence-3: #a9c783;
    --color-syntax-keyword: #ef8b3c;
    --color-syntax-string: #a9c783;
    --color-syntax-number: #cba6e3;
    --color-syntax-comment: #8b8379;
    --color-syntax-variable: #ded4c7;
    --color-syntax-property: #d8b78c;
    --color-syntax-type: #e6bc76;
    --color-syntax-function: #8ac4d4;
    --color-syntax-operator: #c9b5a1;
    --color-syntax-meta: #cba6e3;
    --color-error: #ef6d66;
    --color-warning: #e4b46b;

    --font-interface: "Segoe UI", Arial, sans-serif;
    --font-mono: "Cascadia Code", Consolas, monospace;

    /* Bootstrap uses the same palette as the workspace. */
    --bs-body-bg: var(--color-background);
    --bs-body-color: var(--color-text);
    --bs-emphasis-color: var(--color-text);
    --bs-secondary-color: var(--color-text-muted);
    --bs-secondary-bg: var(--color-surface-raised);
    --bs-tertiary-bg: var(--color-surface);
    --bs-border-color: var(--color-border);
    --bs-primary: var(--color-accent);
    --bs-link-color: var(--color-accent);
    --bs-link-hover-color: var(--color-accent-hover);
    --bs-code-color: var(--color-accent-hover);
    --bs-font-sans-serif: var(--font-interface);
    --bs-font-monospace: var(--font-mono);
}
