/* Montserrat servida daqui mesmo (cópia do brandkit), para o catálogo abrir sem internet depois de instalado. */
@font-face { font-family: 'Montserrat'; font-weight: 400; font-display: swap; src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 500; font-display: swap; src: url('../fonts/Montserrat-Medium.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 600; font-display: swap; src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 700; font-display: swap; src: url('../fonts/Montserrat-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 800; font-display: swap; src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 900; font-display: swap; src: url('../fonts/Montserrat-Black.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-weight: 900; font-style: italic; font-display: swap; src: url('../fonts/Montserrat-BlackItalic.ttf') format('truetype'); }

/* Tokens: cores do CSS do site (loja de fundo preto) e do brandkit da Boca Nutrition. */
:root {
  --preto: #111111;
  --texto-escuro: #121212;
  --linha-escura: #262626;
  --borda-escura: #3A3A3A;
  --apoio-escuro: #BDBDBD;
  --fraco-escuro: #9A9A9A;
  --claro: #F4F4F4;
  --branco: #FFFFFF;
  --linha-clara: #E4E4E4;
  --borda-clara: #CFCFCF;
  --apoio-claro: #4A4A4A;
  --fraco-claro: #6B6B6B;
  --verde: #17B45B;
  --vermelho: #E8232A;
  --raio: 3px;
  --fonte: 'Montserrat', Arial, sans-serif;
}