/* ==========================================================================
   TEMA — YASMIN MARTINS · NUTRICIONISTA
   --------------------------------------------------------------------------
   Paleta definida pela cliente e confirmada pelo material dela (as artes dos
   cards e a parede do consultório nos vídeos): rosé e nude, nada de verde.

     Fundo    #E4D9D7
     Destaque #D99B9A

   O marrom-rosé dos títulos das artes entra como cor de texto/ação, para a
   página falar a mesma língua dos cards que ela enviou.

   Fontes (já linkadas no index.html):
     EB Garamond (títulos)  +  Poppins (textos, botões, rótulos)
   ========================================================================== */

:root {

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

  --bg:           #E4D9D7;   /* rosé claro — fundo da página                */
  --superficie:   #E4D9D7;   /* slides do carrossel (sem cartão visível)    */
  --texto:        #4A3B38;   /* marrom profundo, legível sobre o rosé       */
  --texto-suave:  #7D6862;   /* marrom médio — texto de apoio               */
  --borda:        #C9B8B5;   /* rosé acinzentado — pontos inativos          */
  --contraste:    #FFFFFF;

  --acao:         #A4756C;   /* marrom-rosé dos títulos das artes — botões  */
  --acao-rgb:     164, 117, 108;
  --acento:       #D99B9A;   /* destaque da marca — seleção, ponto ativo    */
  --rotulo-cor:   #A4756C;   /* rótulos em caixa-alta                       */

  --sombra-rgb:   74, 59, 56;   /* sombra amarronzada, nunca cinza          */
  --grad-rodape:  linear-gradient(90deg, #D99B9A 0%, #A4756C 50%, #7D6862 100%);

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

  --fonte-display: "EB Garamond", Georgia, serif;   /* títulos              */
  --fonte-corpo:   "Poppins", system-ui, sans-serif; /* textos e botões     */
  --peso-corpo:    400;
  --peso-titulo:   500;
  --letra:         0;

  /* ---- Hero ------------------------------------------------------------
     A foto do hero tem fundo rosé claro e ela de roupa escura. Por isso o
     overlay é CLARO (véu do próprio rosé), não o escurecido padrão: escurecer
     brigaria com a foto. O texto do hero vira marrom, não branco.           */

  --hero-img:         url("../assets/fundo-hero.jpg");
  --hero-img-mobile:  url("../assets/fundo-hero-mobile.jpg");
  --hero-overlay:     linear-gradient(90deg, rgba(228,217,215,.92) 0%, rgba(228,217,215,.72) 38%, rgba(228,217,215,0) 62%);
  --hero-base:        #E4D9D7;
  --hero-texto:       #4A3B38;
  --hero-linha:       rgba(74,59,56,.6);
  --hero-logo:        150px;
  --hero-logo-mobile: 170px;

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

  --card-overlay: linear-gradient(180deg, rgba(74,59,56,0) 28%, rgba(74,59,56,.7) 100%);
  --card-texto:   #FFFFFF;

  /* ---- Vídeo no carrossel ---------------------------------------------- */

  --video-botao-fundo: rgba(74, 59, 56, .5);
  --video-botao-cor:   #FFFFFF;
  --video-botao-tam:   64px;

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

  --maxw: 880px;
  --raio: 28px;   /* cantos bem arredondados — pedido da cliente */
}