:root {
  --primary-dark: rgba(28, 28, 28);
  --primary-dark-hover: rgba(103, 116, 131);

  --primary-light: rgba(251, 250, 243);

  --offwhite: rgba(233, 229, 219, 0.5);

  --highlight: #d0fa66;

  --border: rgba(28, 28, 28);
}

/* ----------------
BACKGROUND COLORS
---------------- */
.bg-highlight {
  background-color: var(--highlight);
}

.bg-offwhite {
  background-color: var(--offwhite);
}

/* ----------------
LINK COLORS
---------------- */
a {
  color: var(--primary-dark);
}

a:hover {
  color: var(--primary-dark-hover);
}

/* ----------------
DARK NAV OVERRIDES
---------------- */

.mobile-menu-overlay {
  color: var(--primary-dark);
}