/* Gerado pela API a partir do que o lojista escolheu no painel.
   Editar este texto nao adianta: ele e remontado a cada resposta. */

/* A loja: cores da marca e a paleta calculada a partir do fundo. */
[data-loja]{
  --marca:#D87706;
  --apoio:#D87706;
  --sobre-marca:#361e02;
  --fundo:#0A0A0A;
  --superficie:#101010;
  --superficie-alta:#151515;
  --texto:#d2d2d2;
  --texto-2:#909090;
  --texto-3:#7e7e7e;
  --linha:rgba(255,255,255,0.06);
  --linha-forte:rgba(255,255,255,0.16);
  --veu:rgba(255,255,255,0.03);
  --veu-forte:rgba(255,255,255,0.05);
  --luz:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,transparent 60%);
  --vidro:rgba(10,10,10,.72);
  --vidro-forte:rgba(10,10,10,.86);
  --cortina:rgba(2,2,2,.7);
  --cortina-leve:rgba(2,2,2,.65);
  --sombra:0 18px 40px rgba(0,0,0,.45);
  --sombra-cartao:0 10px 24px rgba(0,0,0,.35);
  --sombra-cartao-alta:0 18px 36px rgba(0,0,0,.5);
  --sombra-faixa:0 14px 34px rgba(0,0,0,.4);
  --sombra-foto:0 14px 18px rgba(0,0,0,.55);
  --nicho-alto:#2a2a2a;
  --nicho-meio:#131313;
  --nicho-baixo:#060606;
  --erro:#B4394E;
  --erro-texto:#ff7d8c;
  --erro-clara:#f6838f;
  --erro-brilho:#fb9fa6;
  --ok:#4cb88b;
  --alerta:#d89a2a;
  --marca-texto:var(--marca-clara);
  --apoio-texto:var(--apoio-clara);
  --marca-realce:var(--marca-brilho);
  --erro-realce:var(--erro-brilho);
  --halo:color-mix(in srgb,var(--apoio) 20%,transparent);
  --produto-traco:color-mix(in srgb,var(--marca) 34%,transparent);
  --ok-fundo:color-mix(in srgb,var(--ok) 12%,transparent);
  --ok-texto:var(--ok);
  --erro-fundo:color-mix(in srgb,var(--erro-texto) 16%,transparent);
  --alerta-fundo:color-mix(in srgb,var(--alerta) 14%,transparent);
  --alerta-texto:var(--alerta);
  --cabecalho-tabela:#0c0c0c;
  --trilho:#131313;
  --coluna:#0e0e0e;
  --quadro-da-foto:do-produto;
  --esquema:dark;
  --topo-fundo:var(--marca);
  --topo-tinta:var(--sobre-marca);
  --topo-realce:var(--sobre-marca);
  --topo-campo:var(--fundo);
  --topo-selo:var(--fundo);
  --topo-selo-tinta:var(--texto);
}

/* O painel, com a cara claro que quem opera o balcao escolheu. */
[data-painel]{
  --marca:#D87706;
  --apoio:#D87706;
  --sobre-marca:#361e02;
  --esquema:light;
}