/* ============================================================
   BOTICA NATURAL — tokens
   Valores estruturais extraídos da referência (AllFeams/Replo,
   dissecação 2026-08-13); paleta trocada para verde botânico +
   creme (decisão Marcelo — neutra p/ avatares M e F).
   Mapa de substituição:
     #002B7A (navy primário)  -> --verde
     #cd2550 (acento rosa)    -> --terra
     brancos de fundo         -> --crema / branco alternado
     #16A34A CTA, #FBB754 estrelas, #E35668 urgência: mantidos
   ============================================================ */
:root {
  /* paleta */
  --verde:      #14452F;
  --verde-cl:   #1E6244;
  --verde-bg:   #F7FFF6;   /* fundo do card selecionado (literal da ref) */
  --verde-sel:  #008900;   /* borda do card selecionado (literal da ref) */
  --terra:      #C2643A;
  --terra-cl:   #DD7C4E;
  /* O creme da ref era quase branco (#F8F3E8 / #FFF9F0) e no nosso layout
     sumia contra o branco das seções vizinhas — as faixas "creme" não liam
     como creme. Descido pra bege de verdade (Marcelo 2026-08-13: "está mt
     branco"). Segue servindo de TINTA sobre o verde escuro: contraste ~11:1. */
  --crema:      #F4EDDD;
  --crema-rev:  #FAF4E8;   /* fundo da seção de reviews */
  --cta:        #16A34A;   /* verde do botão ATC (literal da ref) */
  --cta-hover:  #15803D;
  --estrella:   #FBB754;
  --urgencia:   #E35668;
  --rojo:       #DC2626;   /* disco do ✗ — o urgencia é rosado demais p/ selo */
  --tinta:      #000000;
  --tinta-2:    #333333;
  --tinta-3:    #1F2937;
  --muted:      #575757;
  --muted-az:   #707988;
  --borde:      #D8DADF;

  /* sombras (literais da ref) */
  --sombra-card:   0px 2px 5px 0px #0000001A;
  --sombra-review: 0px 0px 15px 0px #00000040;

  /* raios (mapa da ref: 10/8/14/50%/100px) */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 14px;
  --r-pill: 100px;

  /* movimento (única transição da ref, 54 ocorrências) */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --trans: all 300ms var(--ease);

  /* tipografia */
  --f-base:  'Poppins', sans-serif;
  --f-num:   'Inter', sans-serif;         /* countdown + tabela comparativa */
  --f-serif: 'DM Serif Display', serif;   /* títulos de reviews */

  /* badge "Más popular" (literais do CSS custom da loja) */
  --badge-pop-bg: rgb(255, 214, 122);
  --badge-val-bg: rgb(189, 212, 255);
}