/* Definición de fuentes personalizadas */

/* JosefinSans Bold */
@font-face {
  font-family: "JosefinSans";
  src: url("/fonts/JosefinSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

/* JosefinSans Light */
@font-face {
  font-family: "JosefinSans";
  src: url("/fonts/JosefinSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

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

/* Safira March */
@font-face {
  font-family: "SafiraMarch";
  src: url("/fonts/Safira March Personal Use Only.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Variables CSS para las tipografías */
:root {
  /* Familias de fuentes */
  --font-josefin: "JosefinSans", sans-serif;
  --font-romanovsky: "Romanovsky", serif;
  --font-safira: "SafiraMarch", cursive;

  /* Pesos de fuente */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-bold: 700;
}

/* Clases de utilidad para aplicar las fuentes */
.font-josefin {
  font-family: var(--font-josefin);
}

.font-romanovsky {
  font-family: var(--font-romanovsky);
}

.font-safira {
  font-family: var(--font-safira);
  letter-spacing: 2px;
}

/* Clases para pesos de fuente */
.font-light {
  font-weight: var(--font-weight-light);
}

.font-regular {
  font-weight: var(--font-weight-regular);
}

.font-bold {
  font-weight: var(--font-weight-bold);
}