/* toluca-vars.css — CSS custom properties que os arquivos toluca-*.css
 * referenciam (var(--header-background), var(--accent-color), etc).
 *
 * Os valores aqui são EXATAMENTE os mesmos que o Nuvemshop injeta na
 * home do legado bikemaniaitabira.com.br via <style> inline em <head>
 * (extraídos em 2026-05-27 durante o re-platform de paridade visual).
 *
 * Carregado em base.html ANTES de toluca-critical.css pra que as
 * variáveis estejam disponíveis quando o CSS tematizado for parseado.
 * Sem este file, .head-main { background-color: var(--header-background) }
 * resolve pra `initial` (transparente/branco) e o header perde o
 * fundo escuro #252525 do tema.
 *
 * Atualizar este file = re-tematizar a loja inteira.
 */

:root {
  /* Cores principais */
  --main-foreground: #0d0f0f;
  --main-background: #ffffff;
  --accent-color: #81d146;
  --secondary-color: #fbfbfb;

  /* Botões */
  --button-background: #81d146;
  --button-foreground: #0d0f0f;

  /* Labels (badges, tags) */
  --label-background: #81d146;
  --label-foreground: #2d5212;

  /* Adbar (barra promocional superior) */
  --adbar-background: #ffffff;
  --adbar-foreground: #0d0f0f;

  /* Header (logo + busca + utilities row) */
  --header-background: #252525;
  --header-foreground: #81d146;
  --header-badge-background: #707980;
  --header-badge-foreground: #81d146;
  --header-foreground-opacity-10: #81d1461A;
  --header-foreground-opacity-50: #81d14680;

  /* Nav desktop (barra verde sob o header) */
  --nav-desktop-background: #2d5212;
  --nav-desktop-foreground: #ffffff;

  /* Footer */
  --footer-background: #0d0f0f;
  --footer-foreground: #FFFFFF;

  /* Seções de produto (badges) */
  --brands-background: ;
  --brands-foreground: ;
  --featured-background: #FFFFFF;
  --featured-foreground: #333333;
  --new-background: #FFFFFF;
  --new-foreground: #333333;
  --sale-background: #FFFFFF;
  --sale-foreground: #333333;
  --promotion-background: #FFFFFF;
  --promotion-foreground: #333333;
  --best-seller-background: #FFFFFF;
  --best-seller-foreground: #333333;

  /* Newsletter / Welcome / Institutional */
  --newsletter-background: #333333;
  --newsletter-foreground: #FFFFFF;
  --welcome-background: #F4F4F4;
  --welcome-foreground: #333333;
  --institutional-background: #F4F4F4;
  --institutional-foreground: #333333;

  /* Feedback / status */
  --success: #4bb98c;
  --danger: #dd7774;
  --warning: #dc8f38;
  --info: #3d9ccc;

  /* Tipografia */
  --heading-font: "Lato", sans-serif;
  --body-font: "Lato", sans-serif;
  --font-huge: 24px;
  --font-largest: 20px;
  --font-large: 18px;
  --font-big: 16px;
  --font-base: 14px;
  --font-small: 12px;
  --font-smallest: 10px;
  --title-font-weight: 700;

  /* Spacing / layout */
  --gutter: 15px;
  --guter-container: 15px;
  --guter-container-md: 40px;
  --gutter-negative: calc(var(--gutter) * -1);
  --gutter-half: calc(var(--gutter) / 2);
  --gutter-half-negative: calc(var(--gutter) * -1 / 2);
  --gutter-double: calc(var(--gutter) * 2);

  /* Borders */
  --border-radius: 4px;
  --border-radius-half: calc(var(--border-radius) / 2);
  --border-radius-quarter: calc(var(--border-radius) / 4);
  --border-solid: 1px solid;
  --border-dashed: 1px dashed;

  /* Shadow */
  --shadow-distance: 0 0 5px;
}
