[data-theme="dark"] {
  --ub-background:       220 20% 4%;
  --ub-background-alt:   220 18% 8%;
  --ub-surface:          220 16% 12%;
  --ub-surface-hover:    220 16% 16%;
  --ub-foreground:       40 10% 96%;
  --ub-foreground-muted: 220 10% 55%;
  --ub-border:           220 15% 18%;
  --ub-primary:          45 93% 52%;
  --ub-primary-hover:    45 93% 58%;
  --ub-primary-fg:       220 20% 8%;
  --ub-success:          142 71% 45%;
  --ub-warning:          38 92% 50%;
  --ub-destructive:      0 72% 63%;
}