@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZGLightW.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZGMediumW.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZgBoldW.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZGLightExW.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-stretch: expanded;
  font-display: swap;
}

@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZGMediumExW.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-stretch: expanded;
  font-display: swap;
}

@font-face {
  font-family: "UniZG";
  src: url("../assets/fonts/UniZgBoldExW.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-stretch: expanded;
  font-display: swap;
}

@font-face {
  font-family: "UniZG Display";
  src: url("../assets/fonts/UnizgDisplay%20NormalW.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniZG Display";
  src: url("../assets/fonts/UnizgDisplay%20MediumW.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "UniZG Display";
  src: url("../assets/fonts/UnizgDisplay%20BoldW.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

html,
body {
  font-family: "Crimson Pro", Georgia, serif;
  font-size: clamp(1.0625rem, 1rem + 0.5vw, 1.25rem);
  line-height: 1.6;
}

/* Mobile-specific font size boost */
@media (max-width: 768px) {
  html,
  body {
    font-size: clamp(1.0625rem, 1.05rem + 0.15vw, 1.125rem);
    line-height: 1.65;
  }
}

.font-sans {
  font-family: "Crimson Pro", Georgia, serif;
}

.font-serif {
  font-family: "UniZG", system-ui, sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "UniZG", system-ui, sans-serif;
}

h1 {
  font-size: clamp(2.2rem, 1.6rem + 2.4vw, 3.8rem);
  line-height: 1.1;
}

h2 {
  font-size: clamp(1.8rem, 1.3rem + 1.8vw, 3rem);
  line-height: 1.15;
}

h3 {
  font-size: clamp(1.4rem, 1.1rem + 1.2vw, 2.2rem);
  line-height: 1.2;
}

h4 {
  font-size: clamp(1.15rem, 1rem + 0.8vw, 1.6rem);
  line-height: 1.25;
}