/* Lili Presentes — marca base (etapa 1, proposta não oficial, 11/11/2026)
   Cores do logo atual: fita vermelha (#E53434 na amostra) e etiqueta marrom (#866444 na amostra),
   sobre papel claro; rosa dos produtos da loja como apoio. */
:root{
  --papel:#FAF4EC;       /* fundo base */
  --kraft:#EBDCC8;       /* papel de presente, fundo alternado — tinta 12,43:1 */
  --tinta:#2A1A12;       /* texto e fundo escuro — 15,31:1 no papel */
  --fita:#E53434;        /* vermelho da fita: só grafismo e fundo grande */
  --fita-texto:#C62828;  /* vermelho para texto e botão — 5,14:1 no papel; branco 5,62:1 */
  --etiqueta:#866444;    /* marrom da etiqueta: grafismo */
  --etiqueta-texto:#7A4A2E; /* marrom para texto — 6,75:1; branco 7,38:1 */
  --rosa:#F2C9C4;        /* rosa dos produtos: fundo de apoio */
  --cinza:#6B5A50;       /* texto secundário — 6,0:1 */

  --f-titulo:"Montserrat", system-ui, sans-serif;   /* mais próxima de "PRESENTES" do logo */
  --f-texto:"Montserrat", system-ui, sans-serif;
  --f-acento:"Instrument Serif", Georgia, serif;    /* itálico, só acento */

  --t-hero:clamp(2.8rem, 1.4rem + 5.4vw, 6.6rem);
  --t-h2:clamp(2rem, 1.3rem + 3vw, 4.2rem);
  --t-h3:clamp(1.2rem, 1.05rem + .7vw, 1.6rem);
  --t-corpo:clamp(1rem, .96rem + .2vw, 1.1rem);
  --t-mini:.76rem;

  --e1:8px; --e2:16px; --e3:24px; --e4:32px; --e6:48px; --e8:64px; --e12:96px; --e16:128px;
  --raio:18px;
  --sombra:0 1px 2px rgb(42 26 18 / .08), 0 22px 44px -22px rgb(42 26 18 / .4);

  --ease:cubic-bezier(.22,.8,.24,1);
  --d-rapida:.2s; --d-media:.6s; --d-lenta:1.1s; --escalonado:.075s;
}