/* stylelint-disable selector-class-pattern */
:root,
[data-theme='dark'] {
  --bg: hsl(240deg 4% 17%);
  --bg-hover: hsl(240deg 4% 21%);
  --bg-accent: hsl(181deg 13% 25%);
  --bg-accent-hover: hsl(181deg 13% 20%);
  --bg-pale: hsl(240deg 3% 12%);
  --bg-pale-hover: hsl(240deg 3% 10%);
	--text: hsl(0deg 0% 100%);
  --text-hover: hsl(0deg 0% 86%);
	--warn: hsl(12deg 100% 45%);
  --warn-hover: hsl(12deg 100% 53%);
  --success: hsl(240deg 100% 65%);
  --success-hover: hsl(240deg 100% 72%);
  --primary: hsl(10deg 65% 87%);
  --primary-hover: hsl(10deg 65% 92%);
	--secondary: hsl(357deg 79% 71%);
  --secondary-hover: hsl(357deg 79% 80%);
	--muted: hsl(231deg 2% 63%);
  --muted-hover: hsl(231deg 2% 68%);
}

.theme-switcher__radio {
  filter: invert(1);

  &:checked {
    filter: invert(0);
  }
}

.theme-switcher__status {
  filter: invert(1);
}