@import url("reset.css");
@import url("principal.css");
@import url("nossaMissao.css");
@import url("rumoAoFuturo.css");
@import url("entreEmContato.css");
@import url("/style/projetos/heroProjetos.css");
@import url("/style/projetos/nossaMissao.css");


@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: 'Roboto', sans-serif;
}

:root {
    --azul-principal: #213367;
    --amarelo-principal:#FAD604;
    --amarelo-claro-2:#F0C846;
    --amarelo-escuro:#BC9245;
    --cinza:#D9D9D9;
  }

.amarelo-principal{
    color: #FAD604;
}
.medium{
    font-weight: 500;
}

.msg {
  padding: 1rem;
  border-radius: 5px;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.msg.erro {
  background-color: #ff4d4d;
  color: white;
}

.msg.sucesso {
  background-color: #4caf50;
  color: white;
}


html {
    font-size: 62.5%; 
  }
  
  @media (max-width: 1200px) {
    html {
      font-size: 56.25%; 
    }
  }
  
  @media (max-width: 992px) {
    html {
      font-size: 50%; 
    }
  }
  
  @media (max-width: 768px) {
    html {
      font-size: 43.75%;
    }
  }
  
  @media (max-width: 576px) {
    html {
      font-size: 37.5%; /* 1rem = 6px */
    }
  }