/* Tokens do tema: tudo vem do theme.json (e da variação styles/vibrante.json).
   Os nomes são os mesmos do protótipo, então loja.css funciona igual nos dois. */
:root {
  --cor-fundo: var(--wp--preset--color--fundo);
  --cor-superficie: var(--wp--preset--color--superficie);
  --cor-areia: var(--wp--preset--color--areia);
  --cor-texto: var(--wp--preset--color--texto);
  --cor-texto-2: var(--wp--preset--color--texto-2);
  --cor-linha: var(--wp--preset--color--linha);
  --cor-destaque: var(--wp--preset--color--destaque);
  --cor-promo: var(--wp--preset--color--promo);
  --cor-pix: var(--wp--preset--color--pix);
  --cor-botao: var(--wp--preset--color--texto);
  --cor-botao-texto: var(--wp--preset--color--fundo);
  --cor-aviso: var(--wp--preset--color--texto);
  --cor-aviso-texto: var(--wp--preset--color--fundo);
  --cor-selo-novo: var(--wp--preset--color--texto);
  --cor-selo-novo-texto: var(--wp--preset--color--fundo);
  --fonte-titulo: var(--wp--preset--font-family--titulo);
  --fonte-texto: var(--wp--preset--font-family--texto);
  --titulo-peso: 400; --titulo-caixa: none; --titulo-espaco: -0.01em; --rotulo-espaco: 0.16em;
  --fs-xs: var(--wp--preset--font-size--xs); --fs-s: var(--wp--preset--font-size--s); --fs-m: var(--wp--preset--font-size--m);
  --fs-l: var(--wp--preset--font-size--l); --fs-xl: var(--wp--preset--font-size--xl); --fs-xxl: var(--wp--preset--font-size--xxl);
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 72px; --e-9: 112px;
  --gutter: 16px; --largura: 1360px;
  --raio-s: var(--wp--custom--raio--s); --raio-m: var(--wp--custom--raio--m); --raio-botao: var(--wp--custom--raio--botao); --raio-card: var(--wp--custom--raio--card);
  --sombra-1: var(--wp--preset--shadow--suave); --sombra-2: var(--wp--preset--shadow--gaveta);
  --toque: 44px; --dur: .28s; --curva: cubic-bezier(.2, .7, .2, 1);
}
@media (min-width: 900px) { :root { --gutter: 40px; } }
.direcao-vibrante { --titulo-caixa: uppercase; --titulo-espaco: 0.005em; --cor-botao-texto: var(--wp--preset--color--areia);
  --cor-aviso: var(--wp--preset--color--areia); --cor-aviso-texto: var(--wp--preset--color--texto);
  --cor-selo-novo: var(--wp--preset--color--areia); --cor-selo-novo-texto: var(--wp--preset--color--texto); }