/* ============================================================
   Identidade visual — Dr. Nelson Seixas Jr. (out/2026)
   Arquivo único de cores e tipografia do site.
   As fontes são carregadas por <link> no <head> de cada página
   (Playfair Display 500/600 e Montserrat 400/500/600).
   ============================================================ */
:root {
  /* paleta oficial */
  --azul-marinho:     #1F3345;  /* cor principal, títulos, rodapé e fundos escuros */
  --azul-acinzentado: #3E5166;  /* elementos secundários e textos de apoio */
  --bronze:           #A88F76;  /* monograma, detalhes, linhas, ícones */
  --bege-claro:       #E8DCCB;  /* fundos secundários: seções alternadas, cartões */
  --off-white:        #F7F4EE;  /* fundo principal */
  --marca-dagua:      #283C52;  /* coração-S sutil sobre o azul-marinho */

  /* papéis fixos */
  --cor-fundo:            var(--off-white);
  --cor-fundo-secundario: var(--bege-claro);
  --cor-texto:            var(--azul-marinho);
  --cor-texto-secundario: var(--azul-acinzentado);
  --cor-acao:             var(--azul-marinho);
  --cor-acao-texto:       var(--off-white);
  --cor-destaque:         var(--bronze);          /* só linhas e detalhes, nunca texto */
  --cor-foco:             var(--azul-acinzentado);

  /* seções escuras e rodapé */
  --cor-escuro-fundo:     var(--azul-marinho);
  --cor-escuro-texto:     var(--off-white);
  --cor-escuro-apoio:     var(--bege-claro);
  --cor-escuro-foco:      var(--bege-claro);

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

  --tipo-h1:       600 clamp(32px,4vw,46px)/1.12 var(--fonte-display);
  --tipo-h2:       600 clamp(25px,3vw,32px)/1.25 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 */
}