:root {
  --font-Poppins: 'Poppins', sans-serif;
  --font-HankenGrotesk: 'HankenGrotesk', sans-serif;
  --font-WorkSans: 'Work Sans', sans-serif;
}

/* Regular 400 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Medium 500 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}

/* SemiBold 600 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

/* Bold 700 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* ExtraBold 800 */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}



/* Regular 400 ← NUEVO */
@font-face {
  font-family: 'HankenGrotesk';
  src: url('../fonts/HankenGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* =========================
   Hanken Grotesk
========================= */

/* Bold 700 */
@font-face {
  font-family: 'HankenGrotesk';  /* ← Sin espacio */
  src: url('../fonts/HankenGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* =========================
   WORK SANS  ← NUEVA FUENTE
========================= */

/* Regular 400 */
@font-face {
  font-family: 'Work Sans';
  src: url('../fonts/WorkSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}