:root[data-user-theme="dark"] {
  --color-bg: #0F172A;
  --color-surface: #121826;
  --color-muted: #0C1220;
  --color-text: #E6E9EF;
  --color-text-muted: #A7B0C0;
  --color-border: #273244;
  --color-hero-top: #111827;
  --color-hero-bottom: #0F172A;
  --glow-accent: 0 0 80px rgba(124, 58, 237, 0.35);
  --color-surface-alt: #1A2233;
  --btn-number-hover: color-mix(in oklab, var(--color-primary) 70%, white 30%);
}