[data-theme="dark"] {
  color-scheme: dark;
  --_bg:            hsl(220, 18%, 10%);
  --_surface:       hsl(220, 15%, 14%);
  --_surface-alt:   hsl(220, 15%, 18%);
  --_text:          hsl(220, 15%, 95%);
  --_text-muted:    hsl(220, 10%, 65%);
  --_text-inverse:  hsl(220, 20%, 12%);
  --_primary:       hsl(220, 85%, 62%);
  --_primary-hover: hsl(220, 85%, 70%);
  --_primary-text:  hsl(220, 20%, 8%);
  --_accent:        hsl(340, 85%, 65%);
  --_border:        hsl(220, 15%, 22%);
  --_border-strong: hsl(220, 15%, 32%);
  --_success:       hsl(150, 60%, 55%);
  --_warning:       hsl(40, 95%, 60%);
  --_danger:        hsl(0, 75%, 62%);
  --_info:          hsl(200, 85%, 62%);
  --_shadow-sm:     0 1px 2px rgb(0 0 0 / 0.4);
  --_shadow-md:     0 4px 12px rgb(0 0 0 / 0.5);
  --_shadow-lg:     0 10px 40px rgb(0 0 0 / 0.6);
}