/* TEMA do Dr. Leonardo Campos · parte do tema BOUTIQUE do modelo (escolha do próprio Leonardo em 22/09/2026, entre boutique e clínico)
   Cores do marca.md: azul do logo #2959A4 no lugar do verde-escuro do tema; azul escuro #14294D nos blocos escuros.
   Fontes do tema boutique: Fraunces (títulos, com serifa) e Manrope (texto).
   <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
   Botões de agendar e barra fixa do celular na cor da marca (--cta-* e --barra-*), como o tema boutique define; a bolinha do computador segue no verde do WhatsApp.
   Contraste conferido: --accent sobre --bg 6,2:1 · --muted sobre --bg 4,9:1 · texto do botão 6,9:1 · botão no escuro 7,9:1. */
:root {
  /* Cores */
  --bg: #f6f3ee;              /* fundo da página */
  --bg-alt: #ffffff;          /* fundo da seção alternada (Sobre) */
  --hero-bg: #f6f3ee;         /* fundo do topo */
  --surface: #ffffff;         /* cartões */
  --line: #ebe6de;            /* borda de cartão */
  --line-strong: #d9d2c6;     /* divisórias */
  --ink: #14294d;             /* texto principal */
  --ink-2: #3c4b66;           /* texto de apoio */
  --muted: #5f6b7d;           /* texto secundário (mínimo 4,5:1 sobre --bg) */
  --accent: #2959a4;          /* cor de destaque: rótulos, ícones, links */
  --accent-hover: #1f4685;
  --accent-soft: #e8eff9;     /* fundo de ícone */
  --dark: #14294d;            /* fundo dos blocos escuros */
  --dark-card: #1e3a66;       /* cartão dentro do bloco escuro */
  --on-dark: #f6f3ee;         /* texto sobre escuro */
  --on-dark-muted: #a9b8d0;
  --accent-on-dark: #9cc2f2;  /* destaque sobre escuro */
  --star: #f4c542;

  /* Botão de agendar na cor da marca (mais refinado que o verde vivo). A bolinha do computador segue no verde oficial.
     Apagar estas linhas devolve o botão ao verde oficial do WhatsApp. */
  --cta-bg: #2959a4;
  --cta-hover: #1f4685;
  --cta-text: #ffffff;
  --cta-shadow: 0 8px 24px rgba(41, 89, 164, 0.22);
  --cta-text-shadow: none;
  --cta-dark-bg: #9cc2f2;     /* botão dentro de bloco escuro */
  --cta-dark-text: #14294d;
  /* Barra fixa do celular na mesma cor dos outros botões (pedido do Guilherme em 24/09/2026) */
  --barra-bg: var(--cta-bg);
  --barra-hover: var(--cta-hover);
  --barra-text: var(--cta-text);
  --barra-text-shadow: none;

  /* Tipografia */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Manrope', system-ui, -apple-system, sans-serif;
  --h-weight: 500;
  --h-tracking: -0.01em;
  --stat-weight: 600;
  --body-size: 16px;
  --h1-max: 62px;
  --h2-max: 44px;
  --btn-size: 17px;

  /* Forma e respiro */
  --radius-card: 20px;
  --radius-photo: 28px;
  --radius-icon: 12px;
  --card-shadow: none;
  --section: 96px;            /* respiro entre seções no computador */
  --section-m: 44px;          /* no celular */
}