/* ==========================================================================
   TEMA — NUTRIÇÃO
   --------------------------------------------------------------------------
   Paleta e tipografia derivadas da referência visual da cliente: verde-sálvia
   e oliva sobre creme, serif itálica de traço fino, apoio em sans humanista.
   Clima calmo e educativo — o oposto de "dieta agressiva".

   Fontes (já linkadas no index.html):
     Playfair Display (display, com itálico)  +  Montserrat (corpo)
   ========================================================================== */

:root {

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

  --bg:           #F4F9E2;   /* creme-verde claro                           */
  --superficie:   #F4F9E2;   /* cards do carrossel (sem cartão visível)     */
  --texto:        #333A2C;   /* oliva profundo                              */
  --texto-suave:  #5A6350;   /* oliva médio                                 */
  --borda:        #D5D8C7;   /* sálvia clara                                */
  --contraste:    #FFFFFF;

  --acao:         #5F6E4C;   /* sálvia escura — botões                      */
  --acao-rgb:     95, 110, 76;
  --acento:       #93A17B;   /* sálvia — seleção, detalhes                  */
  --rotulo-cor:   #6E7D59;   /* rótulos em caixa-alta                       */

  --sombra-rgb:   51, 58, 44;
  --grad-rodape:  linear-gradient(90deg, #5F6E4C 0%, #4A573A 50%, #38432B 100%);

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

  --fonte-display: "Playfair Display", Georgia, serif;
  --fonte-corpo:   "Montserrat", system-ui, sans-serif;
  --peso-corpo:    400;
  --peso-titulo:   500;
  --letra:         0;

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

  --hero-img:         url("../assets/fundo-hero.jpg");
  --hero-img-mobile:  url("../assets/fundo-hero-mobile.jpg");
  --hero-overlay:     linear-gradient(90deg, rgba(45,52,38,.72) 0%, rgba(45,52,38,.42) 42%, rgba(45,52,38,0) 62%);
  --hero-base:        #4A573A;
  --hero-texto:       #F6F4EC;
  --hero-linha:       rgba(246,244,236,.7);
  --hero-logo:        150px;
  --hero-logo-mobile: 170px;

  /* ---- Cards ----------------------------------------------------------- */

  --card-overlay: linear-gradient(180deg, rgba(45,52,38,0) 28%, rgba(45,52,38,.74) 100%);
  --card-texto:   #F6F4EC;

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

  --maxw: 880px;
  --raio: 16px;
}