/* assets/css/fonts.css
   Tipografías locales (WOFF)
   Nota: no invento pesos que no existen en tus archivos.
*/

/* =========================
   PANTON (Title / Display)
   Archivos:
   - Panton-Thin.woff
   - Panton-ExtraLight.woff
   - Panton-Light.woff
   - Panton-Regular.woff
   - Panton-ExtraBold.woff
   - Panton-Black.woff
========================= */

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Panton";
  src: url("/assets/fonts/Panton-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}


/* =========================
   PROXIMA NOVA (Body / Text)
   Archivos:
   - ProximaNova-Thin.woff
   - ProximaNova-Light.woff
   - ProximaNova-Regular.woff
   - ProximaNova-Extrabld.woff
========================= */

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/ProximaNova-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/ProximaNova-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/ProximaNova-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Proxima Nova";
  src: url("/assets/fonts/ProximaNova-Extrabld.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* =========================
   Helpers (opcional pero útil)
   - No reemplaza Tailwind, solo te deja
     usarlo también en CSS normal.
========================= */

:root {
  --font-title: "Panton", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --font-body: "Proxima Nova", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Liberation Sans", sans-serif;
}

.font-title { font-family: var(--font-title); }
.font-body  { font-family: var(--font-body); }