/* ==========================================================================
   Design system — Dr. Ives Cavalcante Passos
   Valores extraídos do CSS do site em Elementor. Não alterar sem atualizar
   o documento do projeto.
   ========================================================================== */

:root {
  /* --- cor -------------------------------------------------------------- */
  --dourado:        #C59C61;   /* marca: divisores, botões, destaques        */
  --dourado-claro:  #EDCB99;   /* dourado sobre fundo escuro                 */
  --dourado-escuro: #8F6A32;   /* texto dourado sobre fundo claro — WCAG AA  */
  --dourado-texto:  #FAEFE1;   /* dourado legível sobre foto com overlay     */
  --tinta-botao:    #2B2318;   /* texto sobre o dourado da marca — 6.1:1     */
  --ardosia:        #446380;   /* overlay sobre fotografia                   */
  --ardosia-escura: #2E4457;

  --branco:         #FFFFFF;
  --fundo-alt:      #F4F5F9;   /* seção alternada                            */
  --fundo-fundo:    #E9ECF3;

  --texto:          #3A3A3A;
  --texto-suave:    #68717C;
  --texto-claro:    #FFFFFF;
  --linha:          #E2E6EE;

  /* O overlay é uma dupla camada: um escurecimento por baixo e a ardósia
     por cima. Só a ardósia não bastava — as fotos do consultório têm paredes
     brancas, e sobre elas o texto branco ficava em 3,8:1. Com o escurecimento
     vai a 5,1:1 e a fotografia continua visível. */
  --overlay-preto:   rgba(0, 0, 0, .38);
  --overlay-ardosia: rgba(68, 99, 128, .78);

  /* --- tipografia ------------------------------------------------------- */
  --fonte-titulo: "Roboto Slab", Georgia, "Times New Roman", serif;
  --fonte-texto:  "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;

  --t-hero:    clamp(2.25rem, 6vw, 3.75rem);
  --t-secao:   clamp(1.6rem, 3.4vw, 2.25rem);
  --t-sub:     1.5625rem;      /* 25px — o tamanho do site atual            */
  --t-corpo:   1.0625rem;
  --t-peq:     0.9375rem;
  --t-micro:   0.8125rem;

  --lh-titulo: 1.25;
  --lh-corpo:  1.7;

  /* --- espaço ----------------------------------------------------------- */
  --e-1: .25rem;  --e-2: .5rem;   --e-3: .75rem;  --e-4: 1rem;
  --e-5: 1.5rem;  --e-6: 2rem;    --e-7: 3rem;    --e-8: 4rem;
  --e-9: 5.5rem;

  --secao-y:   clamp(3.5rem, 8vw, 6rem);
  --largura:   1180px;
  --leitura:   68ch;

  /* --- outros ----------------------------------------------------------- */
  --divisor-h:  3px;           /* a régua dourada sob os títulos            */
  --divisor-w:  56px;
  --transicao:  .25s ease;
  --sombra:     0 2px 14px rgba(46, 68, 87, .09);
  --sombra-alta: 0 8px 28px rgba(46, 68, 87, .16);
}