:root {
  --mm-green-dark: #1c3b30;
  --mm-green: #2d5a3d;
  --mm-green-light: #91be3e;
  --mm-brown: #c19a72;
  --mm-brown-dark: #8b5a3c;
  --mm-tan: #e9d0ab;
  --mm-cream: #f2dcb3;
  --mm-blue: #0059a8;
  --mm-navy: #152f4c;
  --mm-red: #6b080a;

  --header-sticky: #c19a72;
  --accent: #6b080a;
  --accent-light: #8f0f12;
  --cta-start: #6b080a;
  --cta-end: #6b080a;
  --footer-bg: var(--mm-navy);
  --text: #4a4a4a;
  --text-light: #7a7a7a;
  --white: #ffffff;

  --font-display: "Bebas Neue", "Arial Narrow", sans-serif;
  --font-body: "Open Sans", "Raleway", sans-serif;
  --container: 1280px;
  --radius-card: 35px;
  --radius-btn: 50px;
  --header-overlap: -136px;
  --header-overlap-mobile: -72px;
  --hero-height: 650px;
  --hero-height-mobile: 520px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
}