/* ==========================================================================
   TEMA DO SITE
   Para um cliente novo, trocar só este arquivo (e o link das fontes em
   includes/site.php, chave 'tema'). O style.css não tem nenhuma cor fixa:
   tudo sai daqui.

   Cada cor usada com transparência tem duas formas:
     --destaque: #A0574B;       cor sólida
     --destaque-rgb: 160 87 75;  mesmos valores em RGB, separados por espaço
   Ao trocar uma, trocar a outra. Conversor: qualquer "hex to rgb".
   ========================================================================== */

:root {
  /* ---------- Marca ---------- */
  --destaque:            #A0574B;   /* botões, ícones, detalhes */
  --destaque-rgb:        160 87 75;
  --destaque-escuro:     #83433A;   /* trecho em destaque dos títulos, rodapé */
  --destaque-escuro-rgb: 131 67 58;
  --destaque-claro:      #E8B4A6;   /* destaque sobre fundo escuro, anéis */
  --destaque-claro-rgb:  232 180 166;

  /* ---------- Fundos ---------- */
  --fundo:               #F8F3EE;   /* fundo geral (quase-branco quente, nunca #FFF puro) */
  --fundo-rgb:           248 243 238;
  --fundo-alt:           #EFE5DC;   /* seções alternadas */
  --fundo-alt-escuro:    #E2D3C6;   /* bordas de trilha, manchas do hero */
  --fundo-alt-escuro-rgb: 226 211 198;
  --superficie:          #FFFCF9;   /* cards */
  --superficie-rgb:      255 252 249;

  /* ---------- Texto ---------- */
  --tinta:               #2B211E;   /* títulos e seção escura */
  --tinta-rgb:           43 33 30;
  --texto:               #5A4D48;   /* parágrafos */
  --texto-rgb:           90 77 72;
  --linha:               #DDCFC4;   /* bordas e divisórias */
  --linha-rgb:           221 207 196;
  --link:                #1A5FB4;   /* link dentro do texto dos artigos */

  /* ---------- Texto sobre fundos coloridos ---------- */
  --sobre-escuro:        #D9CCC5;   /* parágrafo na seção escura */
  --sobre-escuro-titulo: #FFF6F1;   /* título na seção escura */
  --sobre-destaque:      #FBEDE8;   /* texto em card de cor de destaque */
  --rodape-texto:        #F4DCD5;   /* texto do rodapé */

  /* ---------- Tipografia ----------
     Display com personalidade (nunca Roboto/Inter/Arial no título).
     O link do Google Fonts fica em includes/site.php. */
  --display: "Fraunces", Georgia, serif;
  --corpo:   "Figtree", system-ui, sans-serif;

  /* ---------- Forma ---------- */
  --raio:   14px;
  --sombra: 0 18px 40px -22px rgb(var(--tinta-rgb) / .35);
}