/* Maps the active theme palette (set by js/ui/theme.js as --c-*) onto the variables the UI uses. */
:root {
  --c-bg: #1a1b26; --c-bg-dark: #13141c; --c-bg-darker: #0e0e14; --c-bg-light: #24283b;
  --c-fg: #a9b1d6; --c-fg-bright: #c0caf5; --c-accent: #7aa2f7; --c-on-accent: #0b0d12; --c-selection: #292e42;
  --c-red: #f7768e; --c-yellow: #e0af68; --c-orange: #eb927b; --c-green: #9ece6a; --c-cyan: #449dab; --c-blue: #7aa2f7; --c-magenta: #ad8ee6;
  --c-danger: var(--c-red); --c-ok: var(--c-green); --c-warn: var(--c-yellow); --c-info: var(--c-blue);
  --border-active: linear-gradient(var(--c-accent), var(--c-accent));
  --border-inactive: color-mix(in srgb, var(--c-fg) 22%, var(--c-bg));

  --bg: var(--c-bg-darker);
  --win: var(--c-bg);
  --win2: color-mix(in srgb, var(--c-fg) 4%, var(--c-bg));
  --win3: color-mix(in srgb, var(--c-fg) 8%, var(--c-bg));
  --line: color-mix(in srgb, var(--c-fg) 13%, var(--c-bg));
  --line2: color-mix(in srgb, var(--c-fg) 22%, var(--c-bg));
  --text: var(--c-fg);
  --text-strong: var(--c-fg-bright);
  --muted: color-mix(in srgb, var(--c-fg) 62%, var(--c-bg));
  --dim: color-mix(in srgb, var(--c-fg) 42%, var(--c-bg));
  --accent: var(--c-accent);
  --accent-d: color-mix(in srgb, var(--c-accent) 60%, var(--c-bg));
  --accent2: var(--c-magenta);
  --on-accent: var(--c-on-accent);
  --danger: var(--c-danger);
  --warn: var(--c-warn);
  --ok: var(--c-ok);
  --info: var(--c-info);
  --sans: var(--mono);
  --r: 0px;
  --r-sm: 0px;
  --gap-in: 5px;
  --gap-out: 10px;
  --bar-h: 26px;
}

:root[data-theme='tiraos-classic'] {
  --sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --r: 10px;
  --r-sm: 6px;
}