:root {
  --brighter-green: #1eac44;
  --green: #1f4c2b;
  --white: #eee;
  --gray: #222;

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

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

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

  --navbar-breakpoint: 45rem;
}