/* Tema Padrão - Mantém cores originais */
:root {
    --colorPrimary: #9bbf3b;
    --colorPrimaryDark: #87a535;
    --colorPrimaryLight: #d7e6b0;
    --logoUrl: url('/assets/images/logos/logopos.png');
    --loginBackground: url('/assets/images/backgrounds/login-bg-default.jpg');
}

/* Sobrescrever variáveis CSS existentes */
.btn-primary,
.bg-primary {
    background-color: var(--colorPrimary) !important;
    border-color: var(--colorPrimary) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--colorPrimaryDark) !important;
    border-color: var(--colorPrimaryDark) !important;
}

.text-primary {
    color: var(--colorPrimary) !important;
}

/* Login background customization */
.login-background,
.auth-background {
    background-image: var(--loginBackground) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Logo customization */
.logo-img img,
.brand-logo img {
    content: var(--logoUrl) !important;
}

/* Headers e elementos com cor primária */
.modal-header.bg-primary,
.card-header.bg-primary,
.navbar.bg-primary {
    background-color: var(--colorPrimary) !important;
}

/* Links e elementos interativos */
a.text-primary:hover {
    color: var(--colorPrimaryDark) !important;
}

/* Badges e elementos de status */
.badge.bg-primary {
    background-color: var(--colorPrimary) !important;
}

/* Form controls com foco na cor primária */
.form-control:focus,
.form-select:focus {
    border-color: var(--colorPrimary) !important;
    box-shadow: 0 0 0 0.2rem rgba(76, 175, 80, 0.25) !important;
}