:root {
  --primary: #1b100f;
  --primary-text: #8ab0c5;
  --secondary: #503d6b;
  --secondary-text: #ffffff;
  --accent: #505050;
  --accent-text: #ffffff;
  --blue: #6595ae;
  --purple: black;
  --dark-purple: black;
  --black: black;
  --purple-candy: #8d00c5;
  --orange: #d37108;
  --orange2: #e27d11;
  --black-medium: black;
  --black-medium2: black;
  --tan: #bfada5;
  --tan2: #afa69f;
  --white: #ffffff28;
}
/* :root {
  --primary: #1b100f;
  --primary-text: #8ab0c5;
  --secondary: #503d6b;
  --secondary-text: #ffffff;
  --accent: #505050;
  --accent-text: #ffffff;
  --blue: #8ab0c5;
  --purple: #473461;
  --dark-purple: #38294d;
  --black: #1b100f;
  --purple-candy: #8d00c5;
  --orange: #d37108;
  --orange2: #e27d11;
  --black-medium: #1b100f70;
  --black-medium2: #1b100fbf;
  --tan: #bfada5;
  --tan2: #afa69f;
  --white: #ffffff28;
} */