:root {
  /*The default Color Palette for the Site + Fonts + BG textures and header banner images*/
  --background-color: #624341;
  --border-color: #BF5B21;
  --text-border: #BF5B21;
  /*text color variants*/
  --red-color: #800000;
  --blue-color: #191970;
  --green-color: #006400;
  /*border ribbons and inner headings*/
  --border-color2: #4D4F73;
  --bold-color: #4D4F73; 
  --ribbon-color: #A6351C;
  /*section headings*/
  --base-color: #E2A759;
  /*section bgs*/
  --header-color: #6A6A48;
  --button-color: #6A6A48; 
  --border-color3: #6A6A48; 
  /*inner sub headings, sidebar headings, and header nav*/
  --header-color2: #E2A759;
  --tablerow-color1: #E2A759;
  /*table titles and headings*/
  --text-color: #12282f;
  /*default text color; contrasts with section bgs*/
  --secondary-text: cornsilk;
  --tablerow-color1: cornsilk;
  /*inner container bgs, header nav hover color, and progress bar text*/
  --innerBG-color: cornsilk;
  --text-outline-color: white;
  --hover-text: white;
  /*header nav text outline*/
  --text-outline-color2: black;
  /*progress bard text outline*/
  --background-image: url("https://www.transparenttextures.com/patterns/xv.png");
  --header-image: url("https://file.garden/aToBk5TIEmYBFO_u/website/images/banner.png");
  --splash-image: url("/images/splash_bg.jpg");
  --header-font: "Bubblegum Sans", "Verdana", sans-serif;
  --body-font: "Atkinson Hyperlegible", "Verdana", sans-serif;
  --bullet-symbol: "🟆";
}