/**
 * ========================================
 * TIPOGRAFIA - Estilos de Elementos HTML
 * Sistema de Gestão Hospitalar SAFE
 * ========================================
 *
 * Este arquivo aplica as variáveis de tipografia aos elementos HTML.
 * As variáveis estão definidas em: variables.css
 *
 * ⚠️ NÃO definir :root aqui - use variables.css
 */

/* Sem "font boosting" do celular: o Chrome do Android (e o Safari do iPhone)
   AUMENTA sozinho o texto que acha pequeno, DEPOIS de montar a página — a letra
   aparecia de um tamanho e logo pulava para outro (relato de 09/10/2026). O
   tamanho é do sistema: quem quer maior usa o "Tamanho da tela" do menu do nome
   (global/js/font-scaler.js). */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* Aplicar fonte base no body */
body {
  font-family: var(--font-family-base);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-base);
  color: var(--color-text-primary);
  letter-spacing: var(--letter-spacing-normal);
}

/* Hierarquia de títulos */
h1, .h1 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h1);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-tight);
}

h2, .h2 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h2);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
}

h3, .h3 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
}

h4, .h4 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
}

h5, .h5 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h5);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
}

h6, .h6 {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-h6);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
}

/* Texto monoespaçado */
code, kbd, pre, samp {
  font-family: var(--font-family-monospace);
  font-size: var(--font-size-sm);
}