/* ===========================================================================
   TOKENS — identidade visual da loja (tema Natal).
   Troque APENAS os valores deste arquivo para adaptar a loja a outra marca.
   Nada aqui depende de build, CDN ou servidor.

   Paleta: verde de pinheiro (marca) + vermelho festivo (botão de compra)
   + dourado (selos de destaque). Fundo levemente quente.
   ========================================================================= */
@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 200 800;
  font-display: swap; src: url('fontes/bricolage-grotesque-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 200 800;
  font-display: swap; src: url('fontes/bricolage-grotesque-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700;
  font-display: swap; src: url('fontes/instrument-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Instrument Sans'; font-style: normal; font-weight: 400 700;
  font-display: swap; src: url('fontes/instrument-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
:root {
  /* --- cor (identidade Brasil Natalino) -------------------------------- */
  --c-marca:        #15713F;   /* verde pinheiro: ícones, destaques, seleção */
  --c-marca-escura: #13402C;   /* verde escuro do logo: barra/menu lateral   */
  --c-destaque:     #C8A24A;   /* dourado: selos de desconto e urgência      */
  --c-compra:       #C62828;   /* EXCLUSIVA do botão de compra (vermelho)     */
  --c-compra-ativa: #A51E1E;   /* botão de compra pressionado                */
  --c-texto:        #17201A;   /* texto principal                            */
  --c-apoio:        #596159;   /* texto secundário                           */
  --c-linha:        #E1E6E0;   /* bordas e divisores                         */
  --c-fundo:        #F6F8F4;   /* fundo da página (verde bem claro)          */
  --c-cartao:       #FFFFFF;   /* fundo dos cartões                          */
  --c-estrela:      #C8A24A;   /* estrelas de avaliação (dourado)            */
  --c-ok:           #15713F;   /* ✓ da tabela de comparação                  */
  --c-nao:          #C62828;   /* ✗ da tabela de comparação                  */

  /* derivadas — normalmente não precisa mexer */
  --c-marca-fraca:  color-mix(in srgb, var(--c-marca) 8%, #fff);
  --c-marca-media:  color-mix(in srgb, var(--c-marca) 14%, #fff);
  --c-destaque-fraca: color-mix(in srgb, var(--c-destaque) 10%, #fff);

  /* --- tipografia ------------------------------------------------------ */
  /* Arquivos WOFF2 locais; licenças OFL em fontes/licencas/. */
  --fonte: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --fonte-titulo: 'Bricolage Grotesque', 'Arial Black', Arial, sans-serif;
  --peso-forte: 700;
  --peso-medio: 600;

  /* --- forma ------------------------------------------------------------ */
  --r-cta:    12px;
  --r-cartao: 16px;
  --r-caixa:  12px;
  --r-pilula: 999px;

  /* --- layout ----------------------------------------------------------- */
  --coluna: 480px;          /* largura máxima da coluna central            */
  --respiro: 16px;          /* padding lateral                             */
  --sombra-cartao: 0 1px 2px rgba(10,42,26,.06);
  --sombra-alta:   0 12px 28px rgba(10,42,26,.16);
}