:root {
  --venetian-red: hsla(9.91, 65.27%, 32.75%, 1);
  --venetian-red-dark: hsla(10.8, 69.44%, 28.24%, 1);
  --pale-taupe: hsla(38.82, 23.29%, 85.69%, 1);
  --pale-taupe-dark: hsla(36.92, 11.71%, 78.24%, 1);
  --bg-primary: hsla(20, 11.11%, 5.29%, 1);
  --bg-secondary: hsla(12, 23.81%, 8.24%, 1);
  --bg-tertiary: hsla(13.85, 23.64%, 10.78%, 1);
  --border: hsla(16.36, 31.43%, 13.73%, 1);
  --text-primary: hsla(36, 25%, 92.16%, 1);
  --text-secondary: hsla(31.11, 15.43%, 65.69%, 1);
  --text-muted: hsla(27.5, 9.52%, 49.41%, 1);
  --text-quote: hsla(38.82, 23.29%, 85.69%, 0.75);
  --accent: hsla(9.91, 65.27%, 32.75%, 1);
  --accent-hover: hsla(10.8, 69.44%, 28.24%, 1);
  --accent-light: hsla(38.82, 23.29%, 85.69%, 1);
  --accent-10: hsla(9.91, 65.27%, 32.75%, 0.1);
  --accent-30: hsla(9.91, 65.27%, 32.75%, 0.3);
  --accent-60: hsla(9.91, 65.27%, 32.75%, 0.6);
  --taupe-10: hsla(38.82, 23.29%, 85.69%, 0.1);
  --taupe-30: hsla(38.82, 23.29%, 85.69%, 0.3);
  --overlay-bg: hsla(20, 11.11%, 5.29%, 0.93);
  --arrow-bg: hsla(20, 11.11%, 5.29%, 0.55);
  --arrow-bg-hover: hsla(20, 11.11%, 5.29%, 0.75);
  --dot-inactive: hsla(36, 25%, 92.16%, 0.4);
}