/* Fonte */
body, html {
  font-family: "Jost", system-ui, sans-serif;
  letter-spacing: 0;
}

/* Título principal */
h1, .titulo-principal {
  font-size: clamp(3rem, 8vw, 9rem); /* 48–144px */
  font-weight: 400;
  line-height: 0.94;
}

/* Títulos de secção */
h2, .titulo-seccao {
  font-size: clamp(2.25rem, 5vw, 5.5rem); /* 36–88px */
  font-weight: 400;
  line-height: 0.98;
}

/* Introdução / texto destacado */
.intro-text, .texto-destacado {
  font-size: 1.125rem; /* 18px */
  line-height: 1.625;
}

/* Introdução em ecrãs grandes */
@media (min-width: 1024px) {
  .intro-text, .texto-destacado {
    font-size: 1.25rem; /* 20px */
  }
}

/* Títulos de cartões */
h3, .card-title {
  font-size: 1.875rem; /* 30px */
  line-height: 1.25;
}

/* Títulos de cartões em ecrãs grandes */
@media (min-width: 1024px) {
  h3, .card-title {
    font-size: 2.25rem; /* 36px */
  }
}

/* Nomes e perguntas */
h4, .names-questions {
  font-size: 1.25rem; /* 20px */
  line-height: 1.375;
}

/* Nomes e perguntas em ecrãs grandes */
@media (min-width: 1024px) {
  h4, .names-questions {
    font-size: 1.5rem; /* 24px */
  }
}

/* Texto normal */
body, p, .texto-normal {
  font-size: 1rem; /* 16px */
  line-height: 1.625;
}

/* Texto normal em ecrãs grandes */
@media (min-width: 1024px) {
  body, p, .texto-normal {
    font-size: 1.125rem; /* 18px */
  }
}

/* Navegação e informação secundária */
nav, .nav-text, .secondary-info, small {
  font-size: 0.875rem; /* 14px */
  font-weight: 500;
}

/* Legendas superiores / etiquetas */
.top-labels, .tags, .etiquetas {
  font-size: 0.75rem; /* 12px */
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}