/* ===== Helvetica Neue Family ===== */

@font-face {
  font-display: swap;
  font-family: "HVN normal";
  font-weight: 400;
  src: url("../src/fonts/HelveticaNeue-Roman.woff2") format("woff2"),;

}

@font-face {
  font-display: swap;
  font-family: "HVN Medium";
  font-weight: 500;
  src: url("../src/fonts/HelveticaNeue-Medium.woff2") format("woff2"),;
 
}

@font-face {
  font-display: swap;
  font-family: "HVN Bold";
  font-weight: 700;
  src: url("../src/fonts/HelveticaNeue-Bold.woff2") format("woff2"),;
     
}

/* ===== Global Font Variables ===== */
:root {
  --fn: "HVN normal", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fm: "HVN Medium", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fb: "HVN Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* ===== Base Font Assignments ===== */
body {
  font-family: var(--fn);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.about-title,
.vm-title,
.vm2-title,
.product-name,
.hl,
.stat-val {
  font-family: var(--fb);
  font-weight: 700;
}

.eyebrow-text,
.nav-item a,
.fs-link,
.product-eyebrow,
.section-label,
.right-label {
  font-family: var(--fm);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

p,
.about-body,
.vm-body,
.vm2-body,
.product-desc,
.hero-subtitle,
.stat-label {
  font-family: var(--fn);
  font-weight: 400;
  line-height: 1.8;
}