/* Tokens da LP Black Friday Bip.Marketing: o único lugar com cores, fonte e medidas.
   Cores do site bip.marketing (gradiente roxo e laranja) conferidas por amostragem de pixels
   nas peças de /dev/ref (média 5×5 px). Todas as classes da página usam o prefixo "bp-". */
:root {
  /* Fundo: gradiente radial do site bip.marketing */
  --bp-purple: #4A1370;      /* centro do gradiente do site */
  --bp-mid: #320354;         /* meio */
  --bp-deep: #1A0229;        /* borda/base */
  --bp-vivid: #5A179A;       /* roxo das peças e do logo (medido #5A179A / #5A179B) */
  --bp-card: #3C0366;        /* cartões sobre o roxo */

  /* Destaque */
  --bp-orange: #FF6900;      /* botões e pílulas (site; peças medem #FF6E00 / #FE6C01) */
  --bp-orange-hover: #FF8126;
  --bp-orange-text: #FF7A1A; /* texto laranja sobre roxo: contraste AA em títulos grandes */
  --bp-orange-ink: #1A0229;  /* texto sobre o laranja */

  /* Vidro dos cards de notificação (peças: preenchimento #AB91C7, borda #C9B9D9) */
  --bp-glass: rgba(214, 196, 236, .72);
  --bp-glass-border: rgba(236, 226, 248, .85);
  --bp-glass-ink: #1F0A33;

  /* Texto */
  --bp-text: #FFFFFF;
  --bp-text-soft: #D9C8F0;   /* lilás claro para textos de apoio */
  --bp-muted: #A994C6;
  --bp-line: rgba(228, 210, 255, .16);

  /* Canais */
  --bp-whatsapp: #25D366;
  --bp-mail: #1E9BF0;

  /* Tipografia: a mesma do site bip.marketing (fonte do sistema, sem arquivo para baixar) */
  --bp-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Movimento */
  --bp-ease: cubic-bezier(.16, 1, .3, 1);

  /* Layout */
  --bp-container: 1200px;
  --bp-header-h: 68px;
  --bp-gutter: 16px;
  --bp-radius: 18px;
  --bp-pill: 999px;
}

@media (min-width: 768px) {
  :root { --bp-gutter: 32px; }
}