[data-theme="light"] {
  color-scheme: light;
  --_bg:            hsl(210, 20%, 98%);
  --_surface:       #ffffff;
  --_surface-alt:   hsl(210, 20%, 95%);
  --_text:          hsl(220, 20%, 12%);
  --_text-muted:    hsl(220, 10%, 45%);
  --_text-inverse:  #ffffff;
  --_primary:       hsl(220, 90%, 50%);
  --_primary-hover: hsl(220, 90%, 42%);
  --_primary-text:  #ffffff;
  --_accent:        hsl(340, 85%, 55%);
  --_border:        hsl(220, 14%, 88%);
  --_border-strong: hsl(220, 14%, 72%);
  --_success:       hsl(150, 65%, 38%);
  --_warning:       hsl(40, 95%, 48%);
  --_danger:        hsl(0, 75%, 52%);
  --_info:          hsl(200, 85%, 50%);
  --_shadow-sm:     0 1px 2px rgb(0 0 0 / 0.06);
  --_shadow-md:     0 4px 12px rgb(0 0 0 / 0.10);
  --_shadow-lg:     0 10px 40px rgb(0 0 0 / 0.15);
}