[data-theme="light"] {
  --ub-background:       0 0% 100%;
  --ub-background-alt:   220 14% 96%;
  --ub-surface:          0 0% 100%;
  --ub-surface-hover:    220 14% 93%;
  --ub-foreground:       220 20% 10%;
  --ub-foreground-muted: 220 10% 45%;
  --ub-border:           220 13% 87%;
  --ub-primary:          42 90% 45%;
  --ub-primary-hover:    42 90% 38%;
  --ub-primary-fg:       0 0% 100%;
  --ub-success:          142 71% 35%;
  --ub-warning:          38 92% 45%;
  --ub-destructive:      0 72% 50%;
}