/* Cores principais */
:root {
    --cor-header: #181818; /* preto escuro */
    --cor-footer: #23272b; /* cinza escuro */
    --cor-detalhe-verde: #28a745; /* verde */
    --cor-detalhe-limao: #bfff00; /* verde limão */
    --cor-fundo: #fff;
    --cor-texto: #222;
    --cor-link: #28a745;
    --cor-link-hover: #bfff00;
}

body {
    background: var(--cor-fundo);
    color: var(--cor-texto);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.header, header.bg-light {
    background: var(--cor-header) !important;
    color: #fff !important;
}

.navbar, .navbar-light {
    background: transparent !important;
}

.navbar .navbar-brand span {
    color: var(--cor-detalhe-verde) !important;
}

.navbar .btn-outline-primary {
    border-color: var(--cor-detalhe-verde);
    color: var(--cor-detalhe-verde);
}

.navbar .btn-outline-primary:hover, .navbar .btn-outline-primary:focus {
    background: var(--cor-detalhe-verde);
    color: #fff;
}

.navbar .btn-outline-success {
    border-color: var(--cor-detalhe-limao);
    color: var(--cor-detalhe-limao);
}

.navbar .btn-outline-success:hover, .navbar .btn-outline-success:focus {
    background: var(--cor-detalhe-limao);
    color: #222;
}

.navbar .btn-success, .navbar .btn-success:focus {
    background: var(--cor-detalhe-verde);
    border-color: var(--cor-detalhe-verde);
    color: #fff;
}

.navbar .btn-success:hover {
    background: var(--cor-detalhe-limao);
    border-color: var(--cor-detalhe-limao);
    color: #222;
}

.footer, .footer.bg-light {
    background: var(--cor-footer) !important;
    color: #fff !important;
}

.footer .text-muted {
    color: #b0b0b0 !important;
}

a, .link {
    color: var(--cor-link);
    text-decoration: none;
}

a:hover, .link:hover {
    color: var(--cor-link-hover);
}

.btn-primary {
    background: var(--cor-detalhe-verde);
    border-color: var(--cor-detalhe-verde);
}

.btn-primary:hover, .btn-primary:focus {
    background: var(--cor-detalhe-limao);
    border-color: var(--cor-detalhe-limao);
    color: #222;
}

.btn-success {
    background: var(--cor-detalhe-verde);
    border-color: var(--cor-detalhe-verde);
}

.btn-success:hover, .btn-success:focus {
    background: var(--cor-detalhe-limao);
    border-color: var(--cor-detalhe-limao);
    color: #222;
}

.btn-outline-warning {
    border-color: var(--cor-detalhe-limao);
    color: var(--cor-detalhe-limao);
}

.btn-outline-warning:hover, .btn-outline-warning:focus {
    background: var(--cor-detalhe-limao);
    color: #222;
}

.modal-content {
    border-radius: 12px;
}

input, select, textarea {
    border-radius: 6px !important;
}