/* Black Brands Antecipada 2026: tokens da campanha.
   Deriva do design system da Brands (clientes/brandsdecoded/design-system/tokens.css).
   O coral da campanha e o medido na etiqueta aprovada, nao o coral de site. */

/* fontes hospedadas junto da página (sem esperar o Google Fonts).
   Fixture Condensed (Sudtipos, licença da Brands) = display; Barlow Condensed fica só no logo da campanha (tag.js). */
@font-face { font-family: 'Fixture Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/fixture-condensed-700.woff2) format('woff2'); }
@font-face { font-family: 'Fixture Condensed'; font-style: normal; font-weight: 800; font-display: swap; src: url(fonts/fixture-condensed-800.woff2) format('woff2'); }
@font-face { font-family: 'Fixture Condensed'; font-style: normal; font-weight: 900; font-display: swap; src: url(fonts/fixture-condensed-900.woff2) format('woff2'); }
@font-face { font-family: 'Fixture Condensed'; font-style: italic; font-weight: 900; font-display: swap; src: url(fonts/fixture-condensed-900-italic.woff2) format('woff2'); } /* só a faixa corrida */
@font-face { font-family: 'Barlow Condensed'; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/barlow-condensed-700.woff2) format('woff2'); }
@font-face { font-family: 'Barlow Condensed'; font-style: italic; font-weight: 900; font-display: swap; src: url(fonts/barlow-condensed-900-italic.woff2) format('woff2'); }
@font-face { font-family: 'Plus Jakarta Sans'; font-style: normal; font-weight: 200 800; font-display: swap; src: url(fonts/plus-jakarta-sans.woff2) format('woff2'); }

:root {
  /* cor: 70 preto / 20 creme / 10 coral */
  --bb-black: #161513;        /* corpo da etiqueta */
  --bb-ink: #0F0D0C;          /* fundo de pagina/banner (preto Brands) */
  --bb-cream: #FEF6E7;        /* texto sobre preto, fundo de card claro */
  --bb-coral: #FD5430;        /* canhoto, estrela, linha de apoio, CTA */
  --bb-coral-deep: #E8421A;   /* hover/pressed (coral Brands) */
  --bb-cream-muted: rgba(254, 246, 231, 0.62);
  --bb-line: rgba(254, 246, 231, 0.14);

  /* tipografia */
  --bb-display: 'Fixture Condensed', 'Arial Narrow', sans-serif; /* 900 reto (sem itálico), caixa alta */
  --bb-body: 'Plus Jakarta Sans', system-ui, sans-serif;

  /* escala display (px de referencia desktop) */
  --bb-d1: clamp(56px, 8vw, 112px);
  --bb-d2: clamp(40px, 5.2vw, 72px);
  --bb-d3: clamp(28px, 3.2vw, 44px);
  --bb-label: clamp(19px, .4vw + 17px, 23px); /* display 700, caixa alta, tracking .08em; maior a pedido do meet 29/09 */

  /* forma */
  --bb-tilt: -6deg;           /* inclinacao do modo adesivo */
  --bb-radius: 4px;           /* cantos quase retos: etiqueta, nao app */
  --bb-dash: 14px 12px;       /* picote */
}