:root {
    --cor-fundo-geral: #07283f;
    --cor-fundo-navbar: #07263e;
    --cor-fundo-card: #ffffff;
    --cor-primaria: #2bfdbe;
    --cor-texto-primario: #ffffff;
    --cor-titulo: #173b5e;
    --cor-texto-secundario: #EBEBEB;
    --cor-destaque-claro: #fffcf0;
    --cor-texto-preto: #000000;
  }
  
  body {
    background-color: var(--cor-fundo-geral);
    color: var(--cor-texto-primario);
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    padding: 0;
  }
  
  .navbar {
    background-color: var(--cor-fundo-navbar) !important;
  }
  
  .box1 h2 .color {
    color: var(--cor-primaria);
  }
  
  .ver-mais p {
    color: var(--cor-primaria);
  }
  
  .card-custom {
    width: 13rem;
    background-color: var(--cor-fundo-card);
    border: 3px solid var(--cor-primaria);
    border-radius: 8px;
    padding: 16px;
    margin: 15px;
    display: flex;
    flex-direction: column;
    height: 300px;
  }
  
  .card-custom .btn-curso {
    background-color: transparent;
    color: var(--cor-texto-preto);
    border: 2px solid var(--cor-primaria);
    text-align: center;
    padding: 6px 0;
    margin-top: auto;
    text-decoration: none;
  }
  
  .card-custom .btn-curso:hover {
    background-color: var(--cor-primaria);
    color: var(--cor-fundo-card);
  }
  
  footer {
    background-color: var(--cor-fundo-navbar);
    color: var(--cor-texto-primario);
  }