:root {
    --verde-principal: #4CAF50;
    --verde-escuro: #45a049;
    --verde-claro: #81C784;
    --verde-limao: #8BC34A;
    --verde-sucesso: #4CAF50;
    --vermelho-erro: #FF5252;
    --amarelo-aviso: #FFC107;
    --texto-escuro: #333333;
    --texto-claro: #666666;
    --texto-botao-sem-bg: #000000;
    --texto-botao-com-bg: #FFFFFF;
    --fundo-claro: #f5f5f5;
    --superficie: #FFFFFF;
    --borda: #E0E0E0;
}

body {
    background-color: var(--fundo-claro);
    color: var(--texto-escuro);
}

.navbar {
    background-color: var(--verde-principal);
}

.navbar-brand {
    color: var(--texto-botao-com-bg) !important;
}

.nav-link {
    color: var(--texto-botao-com-bg) !important;
}

.card {
    background-color: var(--superficie);
    border: 1px solid var(--borda);
    border-radius: 8px;
    margin-bottom: 20px;
    transition: transform 0.2s;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.btn-primary,
.btn-success {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
}

.btn-primary:hover,
.btn-success:hover {
    background-color: var(--verde-escuro) !important;
    border-color: var(--verde-escuro) !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-secondary {
    color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
}

.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-secondary:hover {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
    color: var(--texto-botao-com-bg) !important;
}

/* Estilos específicos para botões selecionados */
.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-outline-success,
.btn-check:checked + .btn-outline-secondary {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
    color: var(--texto-botao-com-bg) !important;
}

/* Estilos específicos para botões de grupo */
.btn-group .btn-outline-primary,
.btn-group .btn-outline-success,
.btn-group .btn-outline-secondary {
    color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
}

.btn-group .btn-outline-primary:hover,
.btn-group .btn-outline-success:hover,
.btn-group .btn-outline-secondary:hover {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
    color: var(--texto-botao-com-bg) !important;
}

.btn-group .btn-check:checked + .btn-outline-primary,
.btn-group .btn-check:checked + .btn-outline-success,
.btn-group .btn-check:checked + .btn-outline-secondary {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
    color: var(--texto-botao-com-bg) !important;
}

.btn-outline-danger {
    color: var(--vermelho-erro);
    border-color: var(--vermelho-erro);
}

.btn-outline-danger:hover {
    background-color: var(--vermelho-erro);
    border-color: var(--vermelho-erro);
}

.alert-info {
    background-color: var(--verde-claro);
    border-color: var(--verde-claro);
    color: var(--texto-escuro);
}

.btn-outline-light {
    color: var(--texto-botao-com-bg);
    border-color: var(--texto-botao-com-bg);
}

.btn-outline-light:hover {
    background-color: var(--texto-botao-com-bg);
    color: var(--verde-principal);
}

.badge {
    background-color: var(--verde-principal) !important;
}

.badge.bg-success {
    background-color: var(--verde-principal) !important;
}

.card-header {
    background-color: var(--verde-principal) !important;
    color: var(--texto-botao-com-bg) !important;
}

.form-check-input:checked {
    background-color: var(--verde-principal) !important;
    border-color: var(--verde-principal) !important;
}

.bi-star-fill,
.bi-star-half {
    color: var(--verde-principal) !important;
}