:root {
  --cmyk-cyan: #00AEEF;
  --cmyk-magenta: #EC008C;
  --cmyk-yellow: #FFF200;
  --cmyk-black: #231F20;
  --site-bg: #F9FAFB;
  --site-text: #1F2937;
  --header-bg: #FFFFFF;
  --footer-bg: #111827;
  --menu-text: #374151;
  --radius: 16px;
  --font-body: Inter;
  --font-heading: Montserrat;
}

html, body {
  font-family: var(--font-body), sans-serif;
  background-color: var(--site-bg);
  color: var(--site-text);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading), var(--font-body), sans-serif;
}

#navbar {
  background-color: var(--header-bg) !important;
}

#navbar .nav-link {
  color: var(--menu-text);
}

#site-footer {
  background-color: var(--footer-bg) !important;
}

a {
  color: inherit;
}

.btn-brand {
  background: var(--cmyk-cyan);
  color: #fff;
  border-radius: var(--radius);
}