:root[data-visual-theme="dragonstar"] {
  --ds-ink: #172033;
  --ds-muted: #637083;
  --ds-line: #d7dde8;
  --ds-surface: #ffffff;
  --ds-soft: #f5f7fb;
  --ds-primary: #285f8f;
  --ds-primary-strong: #16466e;
  --ds-accent: #f2c14e;
  --bs-primary: #285f8f;
  --bs-secondary: #637083;
  --bs-success: #2b7a5b;
  --bs-warning: #f2c14e;
  --bs-danger: #a53b3b;
  --ds-sidebar-bg: #ffffff;
  --ds-sidebar-ink: #172033;
  --ds-sidebar-muted: rgba(23, 32, 51, .62);
  --ds-sidebar-hover: rgba(40, 95, 143, .09);
  --ds-sidebar-active: rgba(40, 95, 143, .16);
}

:root[data-visual-theme="dragonstar"][data-theme="dark"] {
  --ds-ink: #edf3fb;
  --ds-muted: #aeb9c8;
  --ds-line: #344158;
  --ds-surface: #182234;
  --ds-soft: #0f1624;
  --ds-primary: #7db7e6;
  --ds-primary-strong: #b8dbf6;
  --ds-accent: #f2c14e;
  --bs-primary: #7db7e6;
  --bs-secondary: #aeb9c8;
  --ds-sidebar-bg: #111c2e;
  --ds-sidebar-ink: #eef5ff;
  --ds-sidebar-muted: rgba(238, 245, 255, .62);
  --ds-sidebar-hover: rgba(125, 183, 230, .13);
  --ds-sidebar-active: rgba(125, 183, 230, .24);
}