/* =========================================================
   Neue Haas Grotesk Display — full family, single family name
   Upload this file + all .woff2 files to:
   /wp-content/uploads/fonts/
   Then use ONE link in the theme:
   https://YOURDOMAIN.com/wp-content/uploads/fonts/fonts.css
   In the theme, pick "Neue Haas Display" and choose the weight.
   IMPORTANT: replace YOURDOMAIN.com with your real domain.
   ========================================================= */

/* 100 — XX Thin */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayXXThin.woff2') format('woff2');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayXXThinItalic.woff2') format('woff2');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

/* 200 — X Thin */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayXThin.woff2') format('woff2');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayXThinItalic.woff2') format('woff2');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

/* 300 — Thin */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayThin.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayThinItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

/* 350 — Light */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayLight.woff2') format('woff2');
  font-weight: 350;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayLightItalic.woff2') format('woff2');
  font-weight: 350;
  font-style: italic;
  font-display: swap;
}

/* 400 — Roman (Regular) */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayRoman.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayRomanItalic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* 500 — Medium  (note: source .ttf is named "Mediu" — keep the .woff2 named to match) */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayMedium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayMediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

/* 700 — Bold */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayBold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayBoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* 900 — Black */
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayBlack.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neue Haas Display';
  src: url('https://YOURDOMAIN.com/wp-content/uploads/fonts/NeueHaasDisplayBlackItalic.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}