/* =========================================================
   IMPORTADO BAHÍA · fuentes.css
   Fuentes de Fontshare (gratis para uso comercial), guardadas en fonts/.
   El navegador solo descarga las que se usan.

   LAS FUENTES SE ELIGEN ACÁ (un solo lugar):
   · por defecto: Clash Display (títulos) + Satoshi (textos)
   · ?fuente=b  : Zodiak + General Sans
   · ?fuente=c  : Gambarino + Switzer
   ========================================================= */
@font-face { font-family: "Clash Display"; src: url("../fonts/clash-display-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Clash Display"; src: url("../fonts/clash-display-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Satoshi"; src: url("../fonts/satoshi-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: "Zodiak"; src: url("../fonts/zodiak-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Zodiak"; src: url("../fonts/zodiak-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("../fonts/general-sans-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("../fonts/general-sans-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("../fonts/general-sans-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: "Gambarino"; src: url("../fonts/gambarino-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../fonts/switzer-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../fonts/switzer-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Switzer"; src: url("../fonts/switzer-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  /* A · Clash Display + Satoshi (la que queda) */
  --f-titulo: "Clash Display", "Satoshi", system-ui, sans-serif;
  --f-texto: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --peso-titulo: 600;      /* títulos grandes */
  --peso-nombre: 600;      /* nombres de perfumes */
  --tracking-titulo: -0.01em;
  --alto-titulo: 0.98;
  --peso-texto-fuerte: 700;
}
/* B · Zodiak + General Sans */
html[data-fuente="b"] {
  --f-titulo: "Zodiak", Georgia, serif;
  --f-texto: "General Sans", system-ui, sans-serif;
  --peso-titulo: 400;
  --peso-nombre: 400;
  --tracking-titulo: -0.015em;
  --alto-titulo: 1.02;
  --peso-texto-fuerte: 600;
}
/* C · Gambarino + Switzer */
html[data-fuente="c"] {
  --f-titulo: "Gambarino", Georgia, serif;
  --f-texto: "Switzer", system-ui, sans-serif;
  --peso-titulo: 400;
  --peso-nombre: 400;
  --tracking-titulo: -0.005em;
  --alto-titulo: 1.04;
  --peso-texto-fuerte: 600;
}