/* ============================================================
   Tipografías de marca ANPIC
   Ethnocentric  → display techno (títulos, wordmark)
   Lexend Zetta  → cuadrada espaciada (etiquetas, marquee)
   Gotham        → cuerpo
   Este archivo se carga DESPUÉS de styles.css y sobreescribe
   las variables tipográficas. Para volver a las fuentes de
   Google, basta con quitar el <link> a este archivo.
   ============================================================ */

@font-face {
  font-family: "Ethnocentric";
  src: url("../fonts/Ethnocentric-Regular.ttf") format("truetype");
  font-weight: 100 900; /* un solo archivo cubre todos los pesos (sin bold sintético) */
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamBook.ttf") format("truetype");
  font-weight: 100 400;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamMedium.ttf") format("truetype");
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: url("../fonts/GothamBold.ttf") format("truetype");
  font-weight: 700 900;
  font-display: swap;
}

@font-face {
  font-family: "Lexend Zetta";
  src: url("../fonts/LexendZetta-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-display: "Ethnocentric", "Orbitron", sans-serif;
  --font-square:  "Lexend Zetta", "Michroma", sans-serif;
  --font-body:    "Gotham", "Poppins", system-ui, sans-serif;
}