/* Configuração Global */
body {
    font-family: 'Raleway', sans-serif;
    font-weight: 300; /* Tipografia fina */
    background-color: #ECECEC; /* Cor principal exigida */
    color: #4a4a4a; /* Contraste suave para leitura */
}

/* Modificadores de Peso da Fonte */
h1, h2, h3, h4, h5 {
    font-weight: 300;
}

strong, .fw-bold {
    font-weight: 600;
}

/* Navbar Customizada */
.custom-navbar {
    background-color: #ffffff;
}

.custom-navbar .navbar-brand {
    font-weight: 400;
    color: #4EBFA3; /* Detalhe na logo/texto */
    letter-spacing: 1px;
}

.custom-navbar .nav-link {
    color: #666666;
    font-weight: 400;
    transition: color 0.3s ease;
}

.custom-navbar .nav-link:hover, 
.custom-navbar .nav-link.active {
    color: #4EBFA3; /* Destaque no hover */
}

/* Customização do botão hamburguer (Mobile) */
.custom-toggler {
    border-color: rgba(78, 191, 163, 0.5);
}

.custom-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(78, 191, 163, 0.25);
}

/* Botão ou link de destaque (Ex: Sair) */
.btn-sair {
    color: #4EBFA3 !important;
    border: 1px solid #4EBFA3;
    border-radius: 4px;
    padding: 0.3rem 1rem !important;
}

.btn-sair:hover {
    background-color: #4EBFA3;
    color: #ffffff !important;
}

/* Customização dos Cards */
.custom-card {
    background-color: #ffffff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Sombra elegante */
}

.highlight-text {
    color: #4EBFA3;
    font-weight: 400;
}