/* Pra Vida Produtos Naturais — marca base (etapa 1, proposta não oficial, 13/11/2026).
   Cores medidas no logo atual (id/logo-atual/perfil-instagram.jpg): verde do fundo #11602A, creme do aro e do
   nome #F4ECD5, verde-claro da faixa "produtos naturais" #7DA648 e a dobra da faixa #66883C. O marrom vem do
   🤎 das legendas e da madeira da loja. Contraste (WCAG): creme/verde 6,5:1 · verde/creme 6,5:1 ·
   tinta/creme 12,6:1 · mata/faixa 5,2:1 · marrom/creme 6,9:1 · faixa/mata 5,2:1 · creme/mata 12,0:1. */
:root {
  --verde: #11602A;        /* fundo do logo */
  --mata: #072E14;         /* verde fechado: texto sobre a faixa, rodapé */
  --faixa: #7DA648;        /* faixa "produtos naturais" */
  --faixa-dobra: #66883C;
  --creme: #F4ECD5;        /* aro e nome do logo */
  --papel: #FAF5E6;        /* creme claro para fundo de leitura */
  --tinta: #17301F;        /* texto no claro */
  --marrom: #6B4A2B;       /* madeira da loja, 🤎 */

  --fonte: "Open Sans", "Segoe UI", system-ui, sans-serif; /* fonte das artes e a mais próxima do logo; OFL 1.1 */
  --peso-pra: 300;   /* "pra" leve */
  --peso-vida: 800;  /* "vida" forte */

  --esp-1: .5rem; --esp-2: 1rem; --esp-3: 1.5rem; --esp-4: 2rem; --esp-6: 3rem; --esp-8: 4rem; --esp-12: 6rem; --esp-16: 8rem;
  --raio: 1.25rem;
  --raio-pilula: 999px;
  --sombra: 0 18px 40px -22px rgba(7, 46, 20, .55);
  --dur-curta: .2s; --dur-media: .6s; --dur-longa: 1.1s;
  --curva: cubic-bezier(.22, 1, .36, 1);
  --escalonamento: 80ms;
}