:root { 
  /* A cor principal e uma variação dela, serve para o gradient do Banner */
  --corDefault: #004982;
  --corDefaultDark: #002c4e;
  /* Cor Botão */
  --corButtonBanner: hsl(43, 100%, 50%);
  --collorTextButton: hsl(44, 100%, 8%) ;
  /* Cor para textos*/
  --collorTitleText: hsl(209, 100%, 8%);
  --collorText: hsl(0, 0%, 31%);
  /* Usado para a borda do número no Banner */
  --corDefaultOpacity: #b4b4b4;
  /* Cor dos Ícones */
  --corDefaultIcons: hsl(43, 100%, 50%);
  --collorIcon: hsl(44, 38%, 25%) ;
  /* Cor do Rodapé */
  --corFooter: #303030;
  /* Usado para a borda no rodapé */
  --corDefaultIconsOpacity: rgba(255, 255, 255, 0.15);
}