/**
 * ========================================
 * 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
 */

/* 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);
}