/**
 * Scale2Clinic — Fluid Typography
 * Escala fluida de 320px a 1280px com clamp().
 */
:root {
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 0.95rem);
  --text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);
  --text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.5rem);
  --text-5xl: clamp(3rem, 2.25rem + 3.75vw, 5rem);
}

h1 { font-size: var(--text-4xl); font-family: var(--font-heading, Nunito, sans-serif); font-weight: 800; line-height: 1.1; }
h2 { font-size: var(--text-3xl); font-family: var(--font-heading, Nunito, sans-serif); font-weight: 700; line-height: 1.2; }
h3 { font-size: var(--text-2xl); font-family: var(--font-heading, Nunito, sans-serif); font-weight: 700; line-height: 1.3; }
h4 { font-size: var(--text-xl); font-family: var(--font-heading, Nunito, sans-serif); font-weight: 600; }
p, li { font-size: var(--text-base); font-family: var(--font-body, Inter, sans-serif); line-height: 1.6; }