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

:root {
  --karma-font-body: "Open Sans", Verdana, Arial, Helvetica, sans-serif;
  --karma-font-heading: "Nunito Sans", Arial, Helvetica, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup {
  font-family: var(--karma-font-body) !important;
}

body {
  font-synthesis: none;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading,
.section-title,
.card-title {
  font-family: var(--karma-font-heading) !important;
  letter-spacing: -0.022em;
}

button,
.btn,
[class*="button"],
[class*="-button"],
nav a {
  letter-spacing: -0.008em;
}