/* =====================================================================
   themes/saude/theme.css — Tema Saúde
   Hospitais filantrópicos, APAEs, associações de pacientes, reabilitação.
   Alto contraste e leitura fácil; tem barra de acessibilidade (theme.php).
   ===================================================================== */

:root {
  --color-bg: #FFFFFF;
  --color-surface: #F5F9FB;
  --color-surface-alt: #EEF6F9;
  --color-text: #102A43;
  --color-muted: #486581;            /* 6,0:1 sobre branco */
  --color-line: #D9E4EC;
  --color-primary: #0B4F7C;          /* 8,6:1 com branco */
  --color-primary-contrast: #FFFFFF;
  --color-accent: #0E7C76;           /* 4,9:1 com branco */
  --color-header-bg: #FFFFFF;
  --color-footer-bg: #0B2A40;
  --color-footer-text: #D7E4EE;
  --color-footer-muted: #9DB4C6;

  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Figtree", "Segoe UI", system-ui, sans-serif;
  --font-heading-weight: 800;
  --heading-tracking: -0.02em;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --button-radius: 8px;
  --card-radius: 10px;
  --hero-media-radius: 12px;
  --highlight-bg: #0B4F7C;
  --highlight-text: #FFFFFF;
  --band-bg: #0E7C76;
  --band-text: #FFFFFF;
  --photo-bg: #D6E8F0;
  --photo-art: #0E7C76;
}

body { font-size: 1.125rem; }
.hero { background: var(--color-surface-alt); border-bottom: 1px solid var(--color-line); --hero-veil: var(--color-surface-alt); }
.hero h1 { font-size: clamp(2.2rem, 4.4vw, 3.5rem); }
.hero-panel { background: #FFFFFF; }
.card-title { font-size: 1.3rem; }
.card { border-top: 4px solid var(--color-accent); }
.steps li::before { background: var(--color-accent); }
.site-nav a { font-family: var(--font-heading); font-weight: 600; }
.brand-mark { color: var(--color-accent); }