:root[data-visual-theme="harbor"] {
  --ds-ink: #14242d;
  --ds-muted: #60727b;
  --ds-line: #d4e0e5;
  --ds-surface: #ffffff;
  --ds-soft: #eff5f7;
  --ds-primary: #0e7490;
  --ds-primary-strong: #155e75;
  --ds-accent: #f97316;
  --ds-sidebar-bg: #ffffff;
  --ds-sidebar-ink: #14242d;
  --ds-sidebar-muted: rgba(20, 36, 45, .62);
  --ds-sidebar-hover: rgba(14, 116, 144, .09);
  --ds-sidebar-active: rgba(14, 116, 144, .16);
}

:root[data-visual-theme="harbor"][data-theme="dark"] {
  --ds-ink: #ecfeff;
  --ds-muted: #b4c9d0;
  --ds-line: #31515c;
  --ds-surface: #18313a;
  --ds-soft: #0d1b22;
  --ds-primary: #67e8f9;
  --ds-primary-strong: #a5f3fc;
  --ds-accent: #fdba74;
  --ds-sidebar-bg: #0b2028;
  --ds-sidebar-ink: #ecfeff;
  --ds-sidebar-muted: rgba(236, 254, 255, .62);
  --ds-sidebar-hover: rgba(103, 232, 249, .12);
  --ds-sidebar-active: rgba(103, 232, 249, .23);
}