/* ==========================================================================
   TEMA — ESTÉTICA AVANÇADA
   --------------------------------------------------------------------------
   Paleta e tipografia derivadas da referência visual da cliente: camelo,
   bronze e creme quente, serif de alto contraste sobre foto, apoio em
   geométrica leve. Clima de clínica premium, não de spa colorido.

   Fontes (já linkadas no index.html):
     Cormorant Garamond (display)  +  Jost (corpo)
   ========================================================================== */

:root {

  /* ---- Paleta ---------------------------------------------------------- */

  --bg:           #F5EFE7;   /* creme quente                                */
  --superficie:   #FBF7F2;   /* cards do carrossel, um tom acima            */
  --texto:        #4A3B31;   /* marrom profundo                             */
  --texto-suave:  #7A6455;   /* marrom médio                                */
  --borda:        #E0D3C4;   /* areia                                       */
  --contraste:    #FFFFFF;

  --acao:         #8A6742;   /* bronze — botões (contraste ok com branco)   */
  --acao-rgb:     138, 103, 66;
  --acento:       #C9A96B;   /* dourado suave — seleção, detalhes           */
  --rotulo-cor:   #A07A50;   /* camelo — rótulos em caixa-alta              */

  --sombra-rgb:   74, 59, 49;   /* sombra quente, nunca cinza               */
  --grad-rodape:  linear-gradient(90deg, #8A6742 0%, #6E5238 50%, #4A3B31 100%);

  /* ---- Tipografia ------------------------------------------------------ */

  --fonte-display: "Cormorant Garamond", Georgia, serif;
  --fonte-corpo:   "Jost", system-ui, sans-serif;
  --peso-corpo:    400;
  --peso-titulo:   600;
  --letra:         0;

  /* ---- Hero ------------------------------------------------------------
     Layout de duas colunas (ver marca.css): foto à esquerda como cartão,
     texto sobre o fundo da própria página — por isso texto = --texto. */

  --hero-texto:       var(--texto);
  --hero-linha:       rgba(74,59,49,.35);

  /* ---- Forma ----------------------------------------------------------- */

  --maxw: 880px;
  --raio: 14px;   /* canto mais fechado lê como mais sóbrio */
}