/* ==========================================================================
   TEMA · Priscila Viotto (psicóloga)
   Paleta da sugestão enviada (ORIGINAIS/paleta-sugerida.jpeg): verde sálvia
   #526B55, bege #E9E2D5, off-white #FAF8F3, taupe #B5A591. O fundo da página
   é o creme da arte do logo (#F5EDE4), para a abertura emendar sem corte.
   ========================================================================== */

:root {

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

  --bg:           #F5EDE4;
  --superficie:   #FAF8F3;
  --texto:        #2F3B2E;
  --texto-suave:  #6A6E60;
  --borda:        #E9E2D5;
  --contraste:    #FAF8F3;

  --acao:         #526B55;
  --acao-rgb:     82, 107, 85;    /* mantenha igual a --acao */
  --acento:       #E9E2D5;
  --rotulo-cor:   #A08E76;

  --sombra-rgb:   58, 70, 54;

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

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

  /* ---- Hero: ela à direita da arte, texto à esquerda (como a Yasmin) ----
     Artes do Allyson: PC 2560x1080 e celular 1080x3557 (ORIGINAIS/capa/).  */

  --hero-img:         url("../assets/capa-ultrawide.webp");
  --hero-img-mobile:  url("../assets/capa-mobile.webp");
  --hero-overlay:     linear-gradient(180deg, rgba(245,237,228,0) 80%, #F5EDE4 97%),
                      linear-gradient(90deg, rgba(245,237,228,.55) 0%, rgba(245,237,228,.4) 34%, rgba(245,237,228,0) 52%);
  --hero-base:        #F5EDE4;
  --hero-texto:       #2F3B2E;
  --hero-linha:       rgba(47,59,46,.45);
  --hero-logo:        300px;
  --hero-logo-mobile: 230px;

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

  --maxw: 980px;
  --raio: 22px;
}