/* Light mode */
:root {
  --base-color: hsl(0, 0%, 100%);
  --base-alt-color: hsl(0, 0%, 96%);
  --primary-color: #e08e3c;
  --primary-color-hover: hsl(30, 73%, 51%);
  --accent-color: #00adb5;
  --primary-text: #244058;
  --secondary-text: #636569;
  --alt-text: #ffffff;
  --warning-color: #d85050;
  /* --navbar-color: hsla(0, 0%, 100%, 1);
  --navbar-transparent: hsla(0, 0%, 100%, 0); */
}

/* Dark mode */
/* .darkmode {
  --base-color: #121212;
  --base-alt-color: hsl(0, 0%, 9%);
  --primary-text: #f8f8ff;
  --secondary-text: #e6e6e6;
  --navbar-color: hsla(0, 0%, 9%, 1);
  --navbar-transparent: hsla(0, 0%, 9%, 0);
} */