/* Tema "brasa": vermelho-brasa sobre fundo escuro, titulos em cursiva.
   Para criar outro tema: copie este arquivo para tema-<nome>.css, troque os
   valores abaixo (e a fonte de destaque, se quiser) e selecione o tema da loja. */
@font-face{font-family:Manrope;src:url(/m/static/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Galada;src:url(/m/static/galada.woff2) format("woff2");font-weight:400;font-display:swap}
:root{
  --bg:#140a0a;            /* fundo da pagina */
  --surface:#1f1111;       /* cards, folhas */
  --surface-2:#2b1a19;     /* campos, chips */
  --line:#3d2624;          /* bordas */
  --text:#fbf1ee;
  --muted:#c9b0aa;
  --brand:#d92d27;         /* botoes e destaques (texto branco AA) */
  --brand-hover:#bf231e;
  --brand-ink:#fff;        /* texto sobre --brand */
  --brand-text:#ff7a70;    /* marca usada como TEXTO sobre o fundo */
  --accent:#ffb347;        /* precos */
  --ok:#7ddc8f;
  --bad:#ff9a90;
  --bad-bg:#3a1513;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 10px 30px rgba(0,0,0,.45);
  --font:Manrope,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-display:Galada,"Brush Script MT",cursive;
  /* hero estatico: brilho de brasa */
  --hero-bg:radial-gradient(120% 90% at 85% 0%,rgba(217,45,39,.55),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(255,140,40,.22),transparent 65%),#1a0c0b;
}