:root[data-user-theme="light"] {
  --color-bg: #F8FAFC;
  --color-surface: #FFFFFF;
  --color-muted: #F1F5F9;
  --color-text: #0F172A;
  --color-text-muted: #475569;
  --color-border: #D0D8E3;
  --color-hero-top: #F3F4F6;
  --color-hero-bottom: #E5E7EB;
  --glow-accent: 0 0 60px rgba(124, 58, 237, 0.25);
  --color-surface-alt: #F9FAFB;
  --btn-number-hover: color-mix(in oklab, var(--color-primary) 80%, white 20%);
}