/* ============================================================
   BOSQE — Sistema tipográfico
   Tipografía primaria:    Gilroy (descripción de productos / UI)
   Tipografía secundaria:  Dense (espacios limitados / formal)
   Tipografía secundaria:  Yanone Kaffeesatz (limitada / informal-orgánica)
   ============================================================ */

/* ---------- Gilroy ---------- */
@font-face {
  font-family: "Gilroy";
  src: url("assets/fonts/Gilroy-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("assets/fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("assets/fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("assets/fonts/Gilroy-ExtraBold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

/* ---------- Yanone Kaffeesatz ---------- */
@font-face {
  font-family: "Yanone Kaffeesatz";
  src: url("assets/fonts/YanoneKaffeesatz-Variable.ttf") format("truetype-variations"),
       url("assets/fonts/YanoneKaffeesatz-Regular.ttf") format("truetype");
  font-weight: 200 700;
  font-style: normal;
  font-display: swap;
}

/* ---------- Tokens BOSQE ---------- */
:root {
  /* Familias */
  --font-primary: "Gilroy", system-ui, -apple-system, sans-serif;
  --font-display: "Dense", "Gilroy", sans-serif;
  --font-accent:  "Yanone Kaffeesatz", "Gilroy", sans-serif;

  /* Roles semánticos */
  --font-body:    var(--font-primary);
  --font-ui:      var(--font-primary);
  --font-title:   var(--font-display);
  --font-tag:     var(--font-accent);
}