/* ============================================
   INVESTIDOR PACIENTE — Design Tokens
   Azul-marinho + Ouro envelhecido + Azul-ardósia + Off-white
   Paleta extraída do logo (#14233C, #B08D57, #3E5A7A, #F4F1EA)
   ============================================ */

:root {
  /* ---------- Cores de marca ---------- */
  --cor-primaria: #8C6B36;          /* ouro escurecido p/ contraste AA (CTAs, links) */
  --cor-primaria-hover: #735628;
  --cor-primaria-suave: #F1E9DA;

  --cor-secundaria: #B08D57;        /* ouro do logo (acento decorativo) */
  --cor-secundaria-hover: #9A7A47;
  --cor-secundaria-suave: #EFE6D5;

  --cor-acento: #3E5A7A;             /* azul-ardósia da tagline — uso pontual */
  --cor-acento-suave: #DCE4EC;

  --cor-sucesso: #3F6B57;            /* verde sóbrio */
  --cor-erro: #9B3A3A;

  /* ---------- Neutros ---------- */
  --cor-dark: #14233C;              /* azul-marinho do logo */
  --cor-dark-elevado: #1C2F4E;
  --cor-titulo: #14233C;
  --cor-corpo: #2B3648;             /* azul-acinzentado como corpo */
  --cor-corpo-suave: #5B667A;
  --cor-texto-claro: #FAF8F3;
  --cor-borda: #E2DCCD;             /* borda areia */
  --cor-borda-suave: #ECE7DB;
  --cor-fundo: #FAF8F3;             /* off-white quente (principal) */
  --cor-fundo-alt: #F4F1EA;
  --cor-fundo-suave: #EAE4D6;       /* areia suave (blocos) */

  /* ---------- Gradientes (uso pontual) ---------- */
  --gradiente-marca: linear-gradient(135deg, #8C6B36 0%, #735628 100%);
  --gradiente-suave: linear-gradient(180deg, #FAF8F3 0%, #F4F1EA 100%);
  --gradiente-hero: linear-gradient(135deg, #FAF8F3 0%, #F4F1EA 55%, #E6DAC3 100%);

  /* ---------- Tipografia ---------- */
  --fonte-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fonte-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  --tamanho-corpo: 16px;
  --tamanho-pequeno: 13px;
  --tamanho-h1: clamp(28px, 4vw, 42px);
  --tamanho-h2: clamp(22px, 2.8vw, 30px);
  --tamanho-h3: clamp(18px, 2vw, 22px);

  --lh-corpo: 1.65;
  --lh-titulo: 1.2;

  /* ---------- Layout ---------- */
  --largura-max: 1200px;
  --largura-leitura: 680px;
  --padding-container: 5%;

  --gap-pequeno: 8px;
  --gap-medio: 16px;
  --gap-grande: 32px;
  --gap-secao: 56px;

  --radius-pequeno: 6px;
  --radius-medio: 12px;
  --radius-grande: 16px;
  --radius-redondo: 999px;

  /* ---------- Sombras sutis ---------- */
  --sombra-pequena: 0 1px 2px rgba(20, 35, 60, 0.04);
  --sombra-media: 0 2px 8px rgba(20, 35, 60, 0.06);
  --sombra-grande: 0 8px 24px rgba(20, 35, 60, 0.08);
  --sombra-vinho: 0 4px 16px rgba(20, 35, 60, 0.18);
  --sombra-header: 0 1px 0 rgba(20, 35, 60, 0.05);

  --transicao: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --transicao-lenta: 320ms cubic-bezier(0.4, 0, 0.2, 1);
}

@media (max-width: 1024px) {
  :root {
    --padding-container: 20px;
    --gap-secao: 40px;
  }
}

@media (max-width: 767px) {
  :root {
    --tamanho-corpo: 15px;
    --gap-secao: 32px;
  }
}