:root {
  /* background */
  --background-color: #fdf2f2;

  /* nav bar */
  --nav-bar-hover-color: #ff0000;

  /* bias circles */
  --bias-circle-background: linear-gradient(135deg, #fff1e3, #ffd7d6);

  /* bias list */
  --bias-list-number-color: #d16915;

  /* buttons */
  --bias-button-background-color: #fbcbcb;
  --bias-button-text-color: #924607;
  --bias-button-shadow-color: rgb(251, 203, 203, 0.4);
  --bias-button-hover-color: #f5adad;
  --bias-button-hover-shadow-color: rgb(245, 173, 173, 0.6);
  --slide-button-color: #ff0000;
  --slide-button-hover-color: #ff7575;
  --add-bias-button-color: #fdf8f2;
  --add-bias-button-shadow-color: rgb(139, 117, 87, 0.4);
  --theme-button-glow-color: rgba(255, 0, 0, 0.7);

  /* inputs */
  --input-color: #fff8f2;
  --input-shadow-color: rgb(139, 117, 87, 0.4);

  /* slides */
  --slide-overlay-color: rgba(246, 171, 171, 0.85);

  /* dots */
  --dot-color: #ffc2c2;
  --dot-active-color: #ff0000;

  /* daily check in*/
  --daily-check-in-background-color: #fbbe6c;
  --daily-check-in-text-color: #a22828;
  --check-in-background-color: #fbbe6c;
  --check-in-text-color: #a22828;
  --check-in-disabled-background-color: #ffe8c7;
  --check-in-disabled-text-color: #c57f7f;
}

body.spicy {
  --background-color: #fdf2f2;

  --nav-bar-hover-color: #ff0000;

  --bias-circle-background: linear-gradient(135deg, #fff1e3, #ffd7d6);

  --bias-list-number-color: #d16915;

  --bias-button-background-color: #fbcbcb;
  --bias-button-text-color: #924607;
  --bias-button-shadow-color: rgb(251 203 203 / 0.4);
  --bias-button-hover-color: #f5adad;
  --bias-button-hover-shadow-color: rgb(245 173 173 / 0.6);

  --slide-button-color: #ff0000;
  --slide-button-hover-color: #ff7575;

  --add-bias-button-color: #fdf8f2;
  --add-bias-button-shadow-color: rgb(139 117 87 / 0.4);

  --theme-button-glow-color: rgba(255, 0, 0, 0.7);

  --slide-overlay-color: rgba(246, 171, 171, 0.85);

  --input-color: #fff8f2;
  --input-shadow-color: rgb(139 117 87 / 0.4);

  --dot-color: #ffc2c2;
  --dot-active-color: #ff0000;

  --daily-check-in-background-color: #fbbe6c;
  --daily-check-in-text-color: #a22828;

  --check-in-background-color: #fbbe6c;
  --check-in-text-color: #a22828;
  --check-in-disabled-background-color: #ffe8c7;
  --check-in-disabled-text-color: #c57f7f;
}

body.seafood {
  --background-color: #eef8fd;

  --nav-bar-hover-color: #2196f3;

  --bias-circle-background: linear-gradient(135deg, #edfaff, #cfefff);

  --bias-list-number-color: #2b77c0;

  --bias-button-background-color: #cfeeff;
  --bias-button-text-color: #1b5c91;
  --bias-button-shadow-color: rgb(207 238 255 / 0.4);
  --bias-button-hover-color: #b6e4ff;
  --bias-button-hover-shadow-color: rgb(182 228 255 / 0.6);

  --slide-button-color: #2196f3;
  --slide-button-hover-color: #64b5f6;

  --add-bias-button-color: #f5fcff;
  --add-bias-button-shadow-color: rgb(116 165 201 / 0.4);

  --theme-button-glow-color: rgba(0, 145, 255, 0.7);

  --slide-overlay-color: rgba(176, 223, 255, 0.85);

  --input-color: #f8fdff;
  --input-shadow-color: rgb(116 165 201 / 0.4);

  --dot-color: #bfe7ff;
  --dot-active-color: #2196f3;

  --daily-check-in-background-color: #8dd8ff;
  --daily-check-in-text-color: #12598c;

  --check-in-background-color: #8dd8ff;
  --check-in-text-color: #12598c;
  --check-in-disabled-background-color: #dff4ff;
  --check-in-disabled-text-color: #6f9fbe;
}

body.veggie {
  --background-color: #f3fbf0;

  --nav-bar-hover-color: #3ea548;

  --bias-circle-background: linear-gradient(135deg, #f3ffe7, #d9f5c5);

  --bias-list-number-color: #5b8b26;

  --bias-button-background-color: #d7f0c9;
  --bias-button-text-color: #4b6b1d;
  --bias-button-shadow-color: rgb(215 240 201 / 0.4);
  --bias-button-hover-color: #c5e8b0;
  --bias-button-hover-shadow-color: rgb(197 232 176 / 0.6);

  --slide-button-color: #4caf50;
  --slide-button-hover-color: #81c784;

  --add-bias-button-color: #fbfff8;
  --add-bias-button-shadow-color: rgb(120 155 100 / 0.4);

  --theme-button-glow-color: rgba(0, 185, 60, 0.7);

  --slide-overlay-color: rgba(202, 235, 177, 0.85);

  --input-color: #fcfff9;
  --input-shadow-color: rgb(120 155 100 / 0.4);

  --dot-color: #d0efc8;
  --dot-active-color: #4caf50;

  --daily-check-in-background-color: #b8e986;
  --daily-check-in-text-color: #446b18;

  --check-in-background-color: #b8e986;
  --check-in-text-color: #446b18;
  --check-in-disabled-background-color: #e7f7d8;
  --check-in-disabled-text-color: #7d9d63;
}

body.mushroom {
  --background-color: #fbf8f2;

  --nav-bar-hover-color: #9b7a42;

  --bias-circle-background: linear-gradient(135deg, #fff8ef, #ece0c8);

  --bias-list-number-color: #8d6232;

  --bias-button-background-color: #ead8b8;
  --bias-button-text-color: #6d4f26;
  --bias-button-shadow-color: rgb(234 216 184 / 0.4);
  --bias-button-hover-color: #e2cda8;
  --bias-button-hover-shadow-color: rgb(226 205 168 / 0.6);

  --slide-button-color: #b08d57;
  --slide-button-hover-color: #c9aa7a;

  --add-bias-button-color: #fffdf8;
  --add-bias-button-shadow-color: rgb(143 120 87 / 0.4);

  --theme-button-glow-color: rgba(200, 145, 35, 0.7);

  --slide-overlay-color: rgba(236, 214, 177, 0.85);

  --input-color: #fffdf9;
  --input-shadow-color: rgb(143 120 87 / 0.4);

  --dot-color: #edd9b7;
  --dot-active-color: #b08d57;

  --daily-check-in-background-color: #e8c58d;
  --daily-check-in-text-color: #6b4a22;

  --check-in-background-color: #e8c58d;
  --check-in-text-color: #6b4a22;
  --check-in-disabled-background-color: #f5ead7;
  --check-in-disabled-text-color: #9f8663;
}

body.houseSpecial {
  --background-color: #f7f2fc;

  --nav-bar-hover-color: #8c4bdb;

  --bias-circle-background: linear-gradient(135deg, #f6ebff, #d8c8ff);

  --bias-list-number-color: #7a4db6;

  --bias-button-background-color: #dfcff9;
  --bias-button-text-color: #5c338f;
  --bias-button-shadow-color: rgb(223 207 249 / 0.4);
  --bias-button-hover-color: #cfbbf4;
  --bias-button-hover-shadow-color: rgb(207 187 244 / 0.6);

  --slide-button-color: #9c6cff;
  --slide-button-hover-color: #b494ff;

  --add-bias-button-color: #fcf9ff;
  --add-bias-button-shadow-color: rgb(133 110 181 / 0.4);

  --theme-button-glow-color: rgba(145, 60, 255, 0.7);

  --slide-overlay-color: rgba(221, 200, 255, 0.85);

  --input-color: #fdfbff;
  --input-shadow-color: rgb(133 110 181 / 0.4);

  --dot-color: #dccbff;
  --dot-active-color: #9c6cff;

  --daily-check-in-background-color: #d7b4ff;
  --daily-check-in-text-color: #5f2e97;

  --check-in-background-color: #d7b4ff;
  --check-in-text-color: #5f2e97;
  --check-in-disabled-background-color: #efe3ff;
  --check-in-disabled-text-color: #9c83c7;
}