:root {
  --primary-color: hsla(226.45, 100%, 93.92%, 1);
  --secondary-color: hsla(213.12, 93.9%, 67.84%, 1);
  --accent-color: hsla(0, 90.6%, 70.78%, 1);
  --text-color: hsla(220, 13.04%, 90.98%, 1);
  --text-light: hsla(217.89, 10.61%, 64.9%, 1);
  --bg-dark: hsla(222.22, 47.37%, 11.18%, 1);
  --bg-darker: hsla(228.57, 84%, 4.9%, 1);
  --bg-card: hsla(217.24, 32.58%, 17.45%, 1);
  --bg-light: hsla(215.29, 25%, 26.67%, 1);
  --white: hsla(0, 0%, 100%, 1);
  --border-color: hsla(215.29, 25%, 26.67%, 1);
  --gradient-start: hsla(243.4, 75.36%, 58.63%, 1);
  --gradient-end: hsla(262.12, 83.26%, 57.84%, 1);
}