/* Tipografías para los mensajes en pantalla (licencia OFL, autoalojadas).
   La clave elegida por el cliente se aplica como clase .f-<clave>. */
@font-face { font-family: "CS Playfair"; font-weight: 800; font-display: swap; src: url(/assets/fonts/playfair-display-latin-800.woff2) format("woff2"); }
@font-face { font-family: "CS Pacifico"; font-weight: 400; font-display: swap; src: url(/assets/fonts/pacifico-latin-400.woff2) format("woff2"); }
@font-face { font-family: "CS Bebas"; font-weight: 400; font-display: swap; src: url(/assets/fonts/bebas-neue-latin-400.woff2) format("woff2"); }
@font-face { font-family: "CS Fredoka"; font-weight: 600; font-display: swap; src: url(/assets/fonts/fredoka-latin-600.woff2) format("woff2"); }
@font-face { font-family: "CS Righteous"; font-weight: 400; font-display: swap; src: url(/assets/fonts/righteous-latin-400.woff2) format("woff2"); }

.f-poppins   { --msg-font: var(--font-display); --msg-weight: 800; --msg-track: -.04em; --msg-scale: 1; }
.f-playfair  { --msg-font: "CS Playfair", Georgia, serif; --msg-weight: 800; --msg-track: -.02em; --msg-scale: 1; }
.f-pacifico  { --msg-font: "CS Pacifico", cursive; --msg-weight: 400; --msg-track: 0; --msg-scale: .92; }
.f-bebas     { --msg-font: "CS Bebas", Impact, sans-serif; --msg-weight: 400; --msg-track: .01em; --msg-scale: 1.32; }
.f-fredoka   { --msg-font: "CS Fredoka", var(--font-display); --msg-weight: 600; --msg-track: -.01em; --msg-scale: 1; }
.f-righteous { --msg-font: "CS Righteous", var(--font-display); --msg-weight: 400; --msg-track: 0; --msg-scale: 1; }

/* Muestra del nombre de cada tipografía en el selector */
.font-sample { font-family: var(--msg-font); font-weight: var(--msg-weight); letter-spacing: var(--msg-track); }