@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&family=Source+Sans+3:wght@400;500;600&display=swap");

:root {
  --cc-font-heading: "Montserrat", "Segoe UI", Tahoma, sans-serif;
  --cc-font-body: "Source Sans 3", "Segoe UI", Arial, sans-serif;
}

:where(body) {
  font-family: var(--cc-font-body);
  line-height: 1.5;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-family: var(--cc-font-heading);
  letter-spacing: 0.01em;
}

:where(button, input, select, textarea, .btn) {
  font-family: var(--cc-font-body);
}