:root {
  --bg-dark: hsl(226 83% 2%);
  --bg: hsl(219 59% 5%);
  --bg-light: hsl(217 37% 10%);
  --text: hsl(217 100% 98%);
  --text-muted: hsl(217 36% 72%);
  --highlight: hsl(217 22% 41%);
  --border: hsl(217 28% 30%);
  --border-muted: hsl(217 40% 20%);
  --primary: hsl(217 78% 75%);
  --secondary: hsl(38 55% 61%);
  --danger: hsl(9 26% 64%);
  --warning: hsl(52 19% 57%);
  --success: hsl(146 17% 59%);
  --info: hsl(217 28% 65%);
}

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: clamp(10px, 1vw, 20px);
}

body {
  background-color: var(--bg);
  color: var(--text);
  padding: 0;
  margin: 0;
}