:root {
  --bright-green: #008544;
  --bright-yellow: #ffc805;
  --dark-yellow: #796311;
  --green: #1f4c2b;
  --white: #eee;
  --gray: #222;

  /* TODO: other common colors for toasts etc.*/
  --red: #8e0000;
  --blue: #1616c5;
  --yellow: #bec911;
  --green: #008544;

  --navbar-height: 4rem;
  --content-width: 60rem;
  --footer-height: 3rem;
  --mobile-menu-width: 20rem;
  --mobile-menu-max-width: 80%;
  --row-background-yellow: var(--bright-yellow);
  --row-background-gray: var(--gray);

  --text-color: var(--white);

  --navbar-breakpoint: 45rem;
}