:root[data-visual-theme="royal"] {
  --ds-ink: #1f1f35;
  --ds-muted: #66647a;
  --ds-line: #dcd9ea;
  --ds-surface: #ffffff;
  --ds-soft: #f4f2fa;
  --ds-primary: #4f46e5;
  --ds-primary-strong: #3730a3;
  --ds-accent: #eab308;
  --ds-sidebar-bg: #ffffff;
  --ds-sidebar-ink: #1f1f35;
  --ds-sidebar-muted: rgba(31, 31, 53, .62);
  --ds-sidebar-hover: rgba(79, 70, 229, .09);
  --ds-sidebar-active: rgba(79, 70, 229, .16);
}

:root[data-visual-theme="royal"][data-theme="dark"] {
  --ds-ink: #f5f3ff;
  --ds-muted: #c7c3dc;
  --ds-line: #4b4868;
  --ds-surface: #25233d;
  --ds-soft: #151426;
  --ds-primary: #a5b4fc;
  --ds-primary-strong: #c4b5fd;
  --ds-accent: #fde047;
  --ds-sidebar-bg: #17162d;
  --ds-sidebar-ink: #f5f3ff;
  --ds-sidebar-muted: rgba(245, 243, 255, .62);
  --ds-sidebar-hover: rgba(165, 180, 252, .12);
  --ds-sidebar-active: rgba(165, 180, 252, .24);
}