/* ==========================================================================
   TEMA — Entre Raízes e Flores
   Paleta tirada do logo: verde-musgo (Entre), terracota (Raízes),
   dourado (Flores), petróleo (folhas) sobre o creme do fundo do logo.
   Hero claro: sem foto, só o creme do logo (logo.webp com fundo transparente).
   ========================================================================== */

:root {

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

  --bg:           #fdf5e3;
  --superficie:   #fffaf0;
  --texto:        #22371f;
  --texto-suave:  #5b6b57;
  --borda:        #e3d4b4;
  --contraste:    #ffffff;

  --acao:         #b6400d;
  --acao-rgb:     182, 64, 13;    /* mantenha igual a --acao */
  --acento:       #c17914;
  --rotulo-cor:   #356160;

  --sombra-rgb:   34, 55, 31;
  --grad-rodape:  linear-gradient(90deg, #22371f 0%, #356160 50%, #22371f 100%);

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

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

  /* ---- Hero ------------------------------------------------------------ */

  --hero-img:        none;
  --hero-overlay:    none;
  --hero-base:       #fdf5e3;     /* o mesmo creme do fundo do logo */
  --hero-texto:      #22371f;
  --hero-linha:      rgba(34,55,31,.45);
  --hero-logo:        340px;
  --hero-logo-mobile: 300px;

  /* Cards em arte (PNG 3:2, 1260x840 com o texto desenhado): não usam
     --card-prop nem --card-overlay. */

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

  --raio: 20px;
}