:root[data-visual-theme="graphite"] {
  --ds-ink: #1f2933;
  --ds-muted: #687382;
  --ds-line: #d9dee5;
  --ds-surface: #ffffff;
  --ds-soft: #f4f5f7;
  --ds-primary: #475569;
  --ds-primary-strong: #334155;
  --ds-accent: #ea580c;
  --bs-primary: #475569;
  --bs-secondary: #64748b;
  --bs-success: #15803d;
  --bs-warning: #ea580c;
  --bs-danger: #b91c1c;
  --ds-sidebar-bg: #ffffff;
  --ds-sidebar-ink: #1f2933;
  --ds-sidebar-muted: rgba(31, 41, 51, .62);
  --ds-sidebar-hover: rgba(71, 85, 105, .09);
  --ds-sidebar-active: rgba(71, 85, 105, .16);
}

:root[data-visual-theme="graphite"][data-theme="dark"] {
  --ds-ink: #f4f7fb;
  --ds-muted: #bdc7d4;
  --ds-line: #3d4858;
  --ds-surface: #1f2937;
  --ds-soft: #111827;
  --ds-primary: #cbd5e1;
  --ds-primary-strong: #f8fafc;
  --ds-accent: #fb923c;
  --bs-primary: #cbd5e1;
  --bs-secondary: #bdc7d4;
  --ds-sidebar-bg: #111827;
  --ds-sidebar-ink: #f4f7fb;
  --ds-sidebar-muted: rgba(244, 247, 251, .62);
  --ds-sidebar-hover: rgba(203, 213, 225, .12);
  --ds-sidebar-active: rgba(203, 213, 225, .22);
}