/* ========== MAYHAWK FONTS CSS CODE ===== */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

/* Base body text */
body {
  font-family: 'Inter', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: -0.022em;
  color: rgb(29, 29, 31);
}

/* Headings */
h1 {
  font-weight: 600;
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.2;
  letter-spacing: -0.022em;
  color: rgb(29, 29, 31);
  margin: 2.5rem 0 1.5rem;
}

h3 {
  font-weight: 600;
  font-size: 23px;
  line-height: 1.2;
  letter-spacing: -0.022em;
  color: rgb(29, 29, 31);
  margin: 2rem 0 1.25rem;
}

h4 {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: -0.022em;
  color: rgb(29, 29, 31);
  margin: 1.5rem 0 1rem;
}

/* Optional uppercase label heading */
.label-heading {
  text-transform: uppercase;
  font-size: 0.85em;
}

/* Optional lead paragraph */
.lead {
  font-size: 20px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: -0.022em;
  margin-bottom: 1.5rem;
}

/* Bold text */
strong, b {
  font-weight: 600;
}

/* Link styling reset only */
a {
  text-decoration: none;
  color: inherit;
}

a:hover,
a:focus {
  text-decoration: none;
  color: inherit;
}