:root, [data-theme="17-dark"] {
  color-scheme: dark;
  --c17-canvas: #0C1018;
  --c17-surface: #141B27;
  --c17-raised: #1C2635;
  --c17-hover: #243145;
  --c17-divider: #344155;
  --c17-outline: #74859C;
  --c17-text: #F2F5FC;
  --c17-secondary: #BBC7D9;
  --c17-muted: #99A9BE;
  --c17-brand: #7595FF;
  --c17-on-brand: #081120;
  --c17-brand-hover: #91ABFF;
  --c17-brand-pressed: #6688F5;
  --c17-selected: #202F54;
  --c17-link: #A3BAFF;
  --c17-focus: #BED0FF;
  --c17-disabled-bg: #253043;
  --c17-disabled-text: #93A1B5;
  --c17-overlay: #04070CBF;
  --c17-success: #73E2AC;
  --c17-success-bg: #12342A;
  --c17-warning: #FFD085;
  --c17-warning-bg: #372B19;
  --c17-danger: #FF9B9E;
  --c17-danger-bg: #3A2028;
  --c17-info: #80CCFF;
  --c17-info-bg: #162F43;
  --c17-chart-1: #90A9FF;
  --c17-chart-2: #58D7D0;
  --c17-chart-3: #F7B267;
  --c17-chart-4: #CFA2FF;
  --c17-chart-5: #F397BA;
  --c17-chart-6: #C9DD79;
}