/* FolioIO — themes (html[data-theme="…"]) — Void Prism v2 */

/* ── Void (default) ── */
html[data-theme="void"],
html:not([data-theme]) {
  --bg: #050506;
  --s1: #0A0A0C;
  --s2: #0E0E11;
  --s3: #131317;
  --s4: #18181D;
  --s5: #1E1E24;
  --b1: rgba(255, 255, 255, .06);
  --b2: rgba(255, 255, 255, .10);
  --b3: rgba(255, 255, 255, .16);
  --fg-rgb: 244, 245, 247;
  --fg2-rgb: 168, 174, 186;
  --t1: #F2F3F5;
  --t2: #A8AEBA;
  --t3: #6F7684;
  --ac: #C4C9D4;
  --ac2: rgba(196, 201, 212, .08);
  --ac3: rgba(196, 201, 212, .14);
  --g: #1ED4A3;
  --g2: rgba(30, 212, 163, .12);
  --g3: rgba(30, 212, 163, .22);
  --r: #E85E54;
  --r2: rgba(232, 94, 84, .12);
  --r3: rgba(232, 94, 84, .22);
  --a: #F5C14A;
  --a2: rgba(245, 193, 74, .08);
  --a3: rgba(245, 193, 74, .14);
  --chart-ink-rgb: 244, 245, 247;
  --chart-muted-rgb: 168, 174, 186;
  --theme-surface: #0A0A0C;
  --theme-surface-subtle: #0E0E11;
  --theme-surface-hover: rgba(255, 255, 255, .035);
  --theme-border: rgba(255, 255, 255, .07);
  --theme-border-strong: rgba(255, 255, 255, .12);
  --theme-kpi-accent: none;
  --theme-heatmap-pos: 30, 212, 163;
  --theme-heatmap-neg: 232, 94, 84;
  --theme-heatmap-max-op: 0.72;
  --theme-chart-pos: #1ED4A3;
  --theme-chart-neg: #E85E54;
  --theme-bar-pos: #1ED4A3;
  --theme-bar-neg: #E85E54;
  --sh1: none;
  --sh2: none;
  --sh3: none;
  /* F0 design system — shell & nav */
  --folio-nav-accent: #5B8DEF;
  --folio-nav-accent-rgb: 91, 141, 239;
  --folio-radius-sm: 8px;
  --folio-radius: 12px;
  --folio-radius-lg: 14px;
  --folio-radius-pill: 999px;
  --folio-shell-pad: 20px;
  --folio-elev-1: none;
  --folio-elev-2: none;
  --folio-profit: #1ED4A3;
  --folio-loss: #E85E54;
  --folio-profit-bg: rgba(30, 212, 163, .12);
  --folio-loss-bg: rgba(232, 94, 84, .12);
  --folio-bar-pos: #1ED4A3;
  --folio-bar-neg: #E85E54;
  --folio-surface-elevated: #0C0C0F;
  --folio-hairline: rgba(255, 255, 255, .075);
  --folio-inset-top: none;
  --folio-tier-weak: #E8904A;
  --folio-tier-weak-bg: rgba(232, 144, 74, .14);
  color-scheme: dark;
}

/* ── Slate ── */
html[data-theme="slate"] {
  --bg: #0B0C10;
  --s1: #101218;
  --s2: #151822;
  --s3: #1A1E2A;
  --s4: #202536;
  --s5: #272D40;
  --b1: rgba(255, 255, 255, .07);
  --b2: rgba(255, 255, 255, .11);
  --b3: rgba(255, 255, 255, .17);
  --fg-rgb: 236, 240, 248;
  --fg2-rgb: 156, 166, 186;
  --t1: #ECF0F8;
  --t2: #9CA6BA;
  --t3: #6B7590;
  --ac: #AEB8CC;
  --ac2: rgba(174, 184, 204, .08);
  --ac3: rgba(174, 184, 204, .14);
  --g: #1ED4A3;
  --g2: rgba(30, 212, 163, .12);
  --g3: rgba(30, 212, 163, .22);
  --r: #E85E54;
  --r2: rgba(232, 94, 84, .12);
  --r3: rgba(232, 94, 84, .22);
  --a: #F5C14A;
  --a2: rgba(245, 193, 74, .08);
  --a3: rgba(245, 193, 74, .14);
  --chart-ink-rgb: 236, 240, 248;
  --chart-muted-rgb: 156, 166, 186;
  --theme-surface: #101218;
  --theme-surface-subtle: #151822;
  --theme-surface-hover: rgba(255, 255, 255, .04);
  --theme-border: rgba(255, 255, 255, .08);
  --theme-border-strong: rgba(255, 255, 255, .14);
  --theme-kpi-accent: none;
  --theme-heatmap-pos: 30, 212, 163;
  --theme-heatmap-neg: 232, 94, 84;
  --theme-heatmap-max-op: 0.72;
  --theme-chart-pos: #1ED4A3;
  --theme-chart-neg: #E85E54;
  --theme-bar-pos: #1ED4A3;
  --theme-bar-neg: #E85E54;
  --folio-nav-accent: #5B8DEF;
  --folio-nav-accent-rgb: 91, 141, 239;
  --folio-radius-sm: 8px;
  --folio-radius: 12px;
  --folio-radius-lg: 14px;
  --folio-radius-pill: 999px;
  --folio-shell-pad: 20px;
  --folio-elev-1: none;
  --folio-elev-2: none;
  --folio-profit: #1ED4A3;
  --folio-loss: #E85E54;
  --folio-profit-bg: rgba(30, 212, 163, .12);
  --folio-loss-bg: rgba(232, 94, 84, .12);
  --folio-bar-pos: #1ED4A3;
  --folio-bar-neg: #E85E54;
  --folio-surface-elevated: #0C0C0F;
  --folio-hairline: rgba(255, 255, 255, .075);
  --folio-inset-top: none;
  --folio-tier-weak: #E8904A;
  --folio-tier-weak-bg: rgba(232, 144, 74, .14);
  color-scheme: dark;
}

html[data-theme="slate"] .topbar-theme-pick.on {
  border-color: var(--b3);
  background: var(--s3);
  color: var(--t1);
}