/********** CORE DARK STYLES *************/
/*****************************************/
/* Mobile */
@media only screen and (min-width: 0rem) {
    :root {
      --dark: #08102b;
      --medium: #0f1d4b;
      --accent: #34416b;
      --lightAccent: #4f5e91;
      --darkNavBG: #050b1f;
      --bodyTextColorWhite: #fafbfc;
    }
    body.dark-mode {
      background-color: var(--dark);
    }
    body.dark-mode p,
    body.dark-mode li,
    body.dark-mode h1,
    body.dark-mode h2,
    body.dark-mode h3,
    body.dark-mode h4,
    body.dark-mode h5,
    body.dark-mode h6,
    body.dark-mode .cs-title,
    body.dark-mode .cs-text,
    body.dark-mode .cs-li {
      color: var(--bodyTextColorWhite);
    }
    body.dark-mode .light {
      display: none;
    }
    body.dark-mode .dark {
      display: block !important;
    }
    .dark {
      /* class used to hide elements that only need to be seen when dark mode is enabled */
      display: none;
    }
}

/********** DARK MODE TOGGLE *************/
/*****************************************/