/* FONTE OPEN SANS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/* FOLHAS DE ESTILOS */
@import url(cabecalho.css);
@import url(hero.css);
@import url(incentivo.css);
@import url(planos.css);
@import url(sobre.css);
@import url(login.css);
@import url(cadastro.css);
@import url(perfil.css);
@import url(rodape.css);

/* VARIÁVEIS CSS */
:root {
  --cor-botoes: #68D868;
  --cor-botoes-sombra: #4C9F38;
  --cor-botoes-hover: #4C9F38;
  --cor-gradiente: #dadada;
  --cor-fundo: #FFFDD0;
  --cor-card-incentivo: #4C9F38;
  --cor-ponto-lista: #4C9F38;
  --cor-card-planos: #4E3629;
  --cor-card-servicos: #4E3629;
  --cor-card-our: #4E3629;
  --cor-destaque: #E15C38;
  --cor-card-formulario: #DADADA;
  --cor-sombra-card: #00000040;
  --cor-link-cadastro: #E15C38;
  --cor-titulo: #E15C38;
  --cor-texto-claro: #6D7579;
  --cor-detalhe: #e0e0e0;
  --cor-escura: #000;
  --cor-clara: #fff;
  --font-principal: "Open Sans", sans-serif;
}

/* RESET CSS BÁSICO */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-principal);
  font-size: 62.5%;
  height: 100vh;
}

main {
  background-color: var(--cor-fundo);
}