/* Paleta da LOJA -- catálogo público e vitrine do cliente.
 *
 * Fonte única: este arquivo. Cada app o serve pelo próprio /static (symlink),
 * então não há cópia pra divergir.
 *
 * Separada de propósito da paleta do Gira (gira/static/gira-tokens.css): o
 * sistema interno muda só cor e logo, a loja pode mudar inteira -- é ela que
 * ganha templates no whitelabel.
 *
 * Trocar a cor de marca do cliente = trocar --pink e --pink2 aqui.
 */
:root{
  /* ---- marca ---- */
  --pink:#ee2671;      /* primária */
  --pink2:#f0687d;     /* primária clara (hover) */

  /* ---- superfícies e texto ---- */
  --cream:#fffaee;     /* fundo da página */
  --card:#FFFFFF;      /* fundo de card */
  --dark:#1b1918;      /* texto forte */
  --ink:#1b1918;       /* texto corrente */
  --muted:#888;        /* texto secundário */
  --border:#E2DDD5;

  /* ---- apoio (faixa xadrez, categorias, avisos) ---- */
  --amarelo:#e3e552;
  --coral:#f06262;
  --lavanda:#8294ca;
  --petroleo:#1e7f91;
  --vermelho:#ed404e;
  --danger:#c0392b;
  --whats:#25d366;
}

/* Tema escuro: hoje só a vitrine liga (atributo data-theme no <html>). Fica
 * disponível pro catálogo sem efeito nenhum enquanto ele não ligar. */
:root[data-theme="dark"]{
  --ink:#F0EAF2;
  --dark:#1A1620;
  --cream:#141117;
  --card:#201C28;
  --border:#332C3B;
  --muted:#978FA0;
  --pink:#FF5C93;
  --pink2:#FF86AB;
  --petroleo:#5FBFD2;
  --lavanda:#9AA9DC;
}
