/* themes-styles.css */

/* Dark Theme */
.theme-dark .main-text {
  color: #fff;
}

.theme-dark p {
  color: #fff;
}

.theme-dark .card {
  background-color: #333;
  color: gold;
}

.theme-dark .main-bg {
  background-color: #282e33;
}

.theme-dark .secondary-bg {
  background-color: #9353f9;;
}

.theme-dark .eggshell-bg {
  background-color: #3a3936;
}

.theme-dark .offwhite-bg {
  background-color: #757373;
}

/* Light Theme */
.theme-light .main-text {
  color: #000;
}

.theme-light label {
  color: #000;
}

.theme-light .card {
  background-color: #f8f8f8;
  color: #333;
}

.theme-light .main-bg {
  background-color: #dedcdc;
}

.theme-light .secondary-bg {
  background-color: #ffd700;
}

.theme-light .eggshell-bg {
  background-color: #fcfbf1;
}

.theme-light .offwhite-bg {
  background-color: #f7f7f7;
}

.theme-light .navlink {
  color: #000;

  &:hover {
    color: #3057f4;
  }
}

/* Normal Theme */
.theme-normal .main-text {
  color: #000;
}
/* Repeat for each theme as necessary */

.theme-normal .card {
  background-color: #ffb700;
  color: #000;
}

.theme-normal .main-bg {
  background-color: #1d1f24;
}

.theme-normal .secondary-bg {
  background-color: #94b5f1;
}

.theme-normal .eggshell-bg {
  background-color: #fcfbf1;
}

.theme-normal .offwhite-bg {
  background-color: #f7f7f7;
}