/* ==========================================================================
   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: #4F6B5A;       cor sólida
     --destaque-rgb: 79 107 90;  mesmos valores em RGB, separados por espaço
   Ao trocar uma, trocar a outra. Conversor: qualquer "hex to rgb".

   Paleta deste modelo: sálvia escura sobre areia clara, com um toque de
   argila rosada no destaque sobre fundo escuro.
   ========================================================================== */

:root {
  /* ---------- Marca ---------- */
  --destaque:            #4F6B5A;   /* botões, ícones, detalhes */
  --destaque-rgb:        79 107 90;
  --destaque-escuro:     #34503F;   /* trecho em destaque dos títulos, rodapé */
  --destaque-escuro-rgb: 52 80 63;
  --destaque-claro:      #D9B8A5;   /* destaque sobre fundo escuro, anéis */
  --destaque-claro-rgb:  217 184 165;

  /* ---------- Fundos ---------- */
  --fundo:               #F6F3EE;   /* fundo geral (quase-branco quente, nunca #FFF puro) */
  --fundo-rgb:           246 243 238;
  --fundo-alt:           #EBE8DF;   /* seções alternadas */
  --fundo-alt-escuro:    #D8D5C8;   /* bordas de trilha, manchas do hero */
  --fundo-alt-escuro-rgb: 216 213 200;
  --superficie:          #FCFBF8;   /* cards */
  --superficie-rgb:      252 251 248;

  /* ---------- Texto ---------- */
  --tinta:               #1F2A24;   /* títulos e seção escura */
  --tinta-rgb:           31 42 36;
  --texto:               #4D5751;   /* parágrafos */
  --texto-rgb:           77 87 81;
  --linha:               #D5D2C6;   /* bordas e divisórias */
  --linha-rgb:           213 210 198;
  --link:                #1A5FB4;   /* link dentro do texto dos artigos */

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

  /* ---------- Tipografia ----------
     Roboto em tudo, por decisão do Renato em 22/09/2026 (achou a Bodoni Moda
     ruim). Diverge do _docs/design.md, que veta Roboto no título: é escolha
     consciente, não esquecimento. O link do Google Fonts fica em includes/site.php. */
  --display: "Roboto", system-ui, Arial, sans-serif;
  --corpo:   "Roboto", system-ui, Arial, sans-serif;

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