/* THM Saúde — Design tokens v1.0 */
@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..600&family=Hanken+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
:root{
  /* Cor — marca */
  --thm-teal:#0E7FA1;        /* primária: botões, links, destaques */
  --thm-teal-700:#0A6583;    /* hover / pressed */
  --thm-teal-900:#07465C;    /* fundos profundos, gradiente */
  --thm-sky:#BDEDFB;         /* destaque sobre fundo escuro */
  --thm-tint:#E6F3F9;        /* fundos de ícone, estados ativos */
  /* Cor — neutros */
  --thm-ink:#081E29;         /* texto principal, fundo escuro */
  --thm-slate:#4A5E68;       /* texto secundário */
  --thm-line:#CBD6DB;        /* bordas, divisores */
  --thm-mist:#EDF1F2;        /* fundo de página */
  --thm-surface:#F6F9FA;     /* cards */
  --thm-white:#FFFFFF;
  --thm-alert:#D64545;       /* erro / sair */
  /* Gradiente assinatura */
  --thm-gradient:linear-gradient(135deg,#0E7FA1 0%,#07465C 100%);
  --thm-gradient-hero:radial-gradient(120% 140% at 85% 10%,#0E6F8C 0%,#0A4A60 38%,#081E29 78%);
  /* Tipografia */
  --thm-font-display:'Newsreader',Georgia,serif;          /* títulos; itálico para a palavra de ênfase */
  --thm-font-body:'Hanken Grotesk',system-ui,sans-serif;  /* texto corrido, UI */
  --thm-font-mono:'JetBrains Mono',ui-monospace,monospace;/* eyebrows/labels em CAIXA ALTA, tracking .22em */
  --thm-fs-display:clamp(2.5rem,5vw,4.5rem);
  --thm-fs-h1:clamp(2rem,3.6vw,3rem);
  --thm-fs-h2:1.75rem; --thm-fs-body:1.0625rem; --thm-fs-small:.875rem; --thm-fs-eyebrow:.75rem;
  /* Forma */
  --thm-radius-sm:4px; --thm-radius:6px; --thm-radius-lg:14px;
  --thm-shadow:0 12px 30px rgba(8,30,41,.12);
  --thm-shadow-lg:0 30px 80px rgba(8,30,41,.25);
  --thm-space:8px; /* grid base 8 */
}
.thm-eyebrow{font-family:var(--thm-font-mono);font-size:var(--thm-fs-eyebrow);text-transform:uppercase;letter-spacing:.22em;color:var(--thm-teal)}
.thm-display{font-family:var(--thm-font-display);font-weight:600;letter-spacing:-.02em;line-height:1.02;color:var(--thm-ink)}
.thm-display em{font-style:italic;font-weight:500;color:var(--thm-teal)}
.thm-btn{font-family:var(--thm-font-body);font-weight:600;background:var(--thm-teal);color:#fff;border-radius:var(--thm-radius);padding:.9rem 1.5rem;box-shadow:var(--thm-shadow)}
.thm-btn:hover{background:var(--thm-teal-700)}