/* ============================================================
   Identidade visual — Dra. Mariana Borduchi (out/2026)
   Arquivo único de cores e tipografia do site.
   As fontes são carregadas por <link> no <head> de cada página
   (Cormorant Garamond 500/600 e Montserrat 400/500/600).
   ============================================================ */
:root {
  /* paleta oficial */
  --verde-salvia:       #A3B18A;  /* detalhes, ícones, linhas — nunca texto */
  --off-white:          #F8F6F0;  /* fundo principal */
  --bege-areia:         #E8DCCB;  /* fundos secundários, cartões */
  --marrom-acinzentado: #756B61;  /* coração do monograma, linhas, subtítulos */
  --grafite:            #343A36;  /* textos, letras do monograma */
  --verde-profundo:     #4B5843;  /* seções escuras: topo da página, rodapé */
  --champanhe:          #DCCBA6;  /* logo e títulos sobre o verde profundo */

  /* papéis fixos */
  --cor-fundo:            var(--off-white);
  --cor-fundo-secundario: var(--bege-areia);
  --cor-texto:            var(--grafite);
  --cor-texto-secundario: var(--marrom-acinzentado); /* sobre fundo bege, usar grafite */
  --cor-acao:             var(--verde-profundo);
  --cor-acao-texto:       var(--off-white);
  --cor-destaque:         var(--verde-salvia);       /* só linhas e detalhes, nunca texto */
  --cor-foco:             var(--verde-profundo);

  /* seções escuras e rodapé */
  --cor-escuro-fundo:     var(--verde-profundo);
  --cor-escuro-titulo:    var(--champanhe);
  --cor-escuro-texto:     var(--off-white);
  --cor-escuro-foco:      var(--champanhe);

  /* tipografia */
  --fonte-display: 'Cormorant Garamond', Georgia, serif;
  --fonte-texto:   'Montserrat', Arial, sans-serif;
  --fonte-dados:   'Montserrat', Arial, sans-serif;

  --tipo-h1:       600 clamp(36px,4.6vw,54px)/1.08 var(--fonte-display);
  --tipo-h2:       600 clamp(29px,3.4vw,38px)/1.18 var(--fonte-display);
  --tipo-h3:       600 19px/1.4 var(--fonte-texto);
  --tipo-destaque: 400 19px/1.65 var(--fonte-texto);
  --tipo-corpo:    400 17px/1.7 var(--fonte-texto);
  --tipo-apoio:    400 15px/1.55 var(--fonte-texto);
  --tipo-dados:    500 15px/1.5 var(--fonte-dados); /* caixa-alta, letter-spacing: .08em */
}