/* =============================
   1. Fuentes locales: Garet
============================= */

/* Garet Book = Regular */
@font-face{
  font-family: "Garet";
  src: url("../fonts/garet/Garet-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Garet Heavy = Bold/ExtraBold */
@font-face{
  font-family: "Garet";
  src: url("../fonts/garet/Garet-Heavy.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

/* Alias para 700 (por si usas font-weight:700) */
@font-face{
  font-family: "Garet";
  src: url("../fonts/garet/Garet-Heavy.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =============================
   2. Variables de tipografía
============================= */

:root{
  /* Heebo = tipografía principal (cuerpo) */
  --font-body: "Heebo", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Garet = solo títulos */
  --font-heading: "Garet", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* =============================
   3. Uso de tipografías
============================= */

/* Cuerpo del sitio: Heebo */
body{
  font-family: var(--font-body);
  font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

/* Títulos: Garet */
h1,
h2,
h3,
h4,
h5,
h6{
  font-family: var(--font-heading);
  font-weight: 800; /* o 700 si lo prefieres */
}