/* Shared portal palette. A new browser starts in dark mode. */
:root {
  color-scheme: dark;
  --portal-color-scheme: dark;
  --portal-bg: #101722;
  --portal-surface: #18212e;
  --portal-soft: #131d2a;
  --portal-line: #304157;
  --portal-ink: #e4ebf5;
  --portal-muted: #a2b0c3;
  --portal-accent: #8db7f6;
  --portal-accent-rgb: 141, 183, 246;
  --portal-active: #263b55;
  --portal-nav-text: #bdcadb;
  --portal-input-line: #3a4c62;
  --portal-focus: #8db7f6;
  --portal-focus-ring: rgb(141 183 246 / 20%);
  --portal-primary: #365f95;
  --portal-primary-hover: #456fa7;
  --portal-on-primary: #ffffff;
  --portal-positive: #6ad2a6;
  --portal-positive-bg: #17362b;
  --portal-positive-line: #2b5746;
  --portal-negative: #f099ac;
  --portal-negative-bg: #35232e;
  --portal-negative-line: #613b4a;
  --portal-warning: #e3bd80;
  --portal-warning-bg: #332d22;
  --portal-warning-line: #5e4e32;
  --portal-series-1: #57d5b7;
  --portal-series-2: #b2a3ef;
  --portal-series-3: #e1b26a;
  --portal-benchmark: #75b994;
  --portal-drawdown: #e08da4;
  --portal-grid: #304157;
  --portal-zero: #586e8b;
  --portal-bar-selected: #92aaff;
  --portal-bar-negative: #cf718b;
  --portal-bar-label: #101722;
  --portal-no-data: #29373e;
}

:root[data-bs-theme="light"] {
  color-scheme: light;
  --portal-color-scheme: light;
  --portal-bg: #f5f6f8;
  --portal-surface: #ffffff;
  --portal-soft: #f7f9fc;
  --portal-line: #dfe5ed;
  --portal-ink: #172b46;
  --portal-muted: #65758b;
  --portal-accent: #375b86;
  --portal-accent-rgb: 55, 91, 134;
  --portal-active: #eaf0f7;
  --portal-nav-text: #52647c;
  --portal-input-line: #d7dfe9;
  --portal-focus: #496b97;
  --portal-focus-ring: rgb(55 91 134 / 12%);
  --portal-primary: #172b46;
  --portal-primary-hover: #284362;
  --portal-positive: #19795b;
  --portal-positive-bg: #edf8f2;
  --portal-positive-line: #c7e4d7;
  --portal-negative: #b04c64;
  --portal-negative-bg: #fff3f5;
  --portal-negative-line: #ebcfd7;
  --portal-warning: #916328;
  --portal-warning-bg: #fffbf1;
  --portal-warning-line: #e9dcc0;
  --portal-series-1: #238869;
  --portal-series-2: #7465b1;
  --portal-series-3: #ad792f;
  --portal-benchmark: #5ba882;
  --portal-drawdown: #b6546d;
  --portal-grid: #e4e9f0;
  --portal-zero: #9cacc1;
  --portal-bar-selected: #446ead;
  --portal-bar-negative: #b85b72;
  --portal-bar-label: #ffffff;
  --portal-no-data: #e6eaf0;
}

:root[data-bs-theme] {
  --bs-body-color: var(--portal-ink);
  --bs-body-bg: var(--portal-surface);
  --bs-emphasis-color: var(--portal-ink);
  --bs-secondary-color: var(--portal-muted);
  --bs-border-color: var(--portal-line);
  --bs-secondary-bg: var(--portal-soft);
  --bs-tertiary-bg: var(--portal-soft);
  --bs-link-color: var(--portal-accent);
  --bs-link-color-rgb: var(--portal-accent-rgb);
  --bs-link-hover-color: var(--portal-ink);
  --bs-code-color: var(--portal-accent);
}