:root {
    --comipec-red: #FF0000;
    --comipec-green: #008000;
    --comipec-yellow: #FFD700;
}

/* Styles généraux */
.btn-warning {
    background-color: var(--comipec-yellow) !important;
    border-color: var(--comipec-yellow) !important;
    color: #000 !important;
}

.btn-warning:hover {
    background-color: #e6c200 !important;
    border-color: #e6c200 !important;
}

.warning {
    color: var(--comipec-red) !important;
}

.purchas-main {
    background-color: white !important;
}

.purchae-hed {
    color: var(--comipec-green) !important;
    font-weight: bold !important;
    font-size: 24px !important;
}

/* Formulaires */
.form-control:focus {
    border-color: var(--comipec-yellow);
    box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.25);
}

/* Navigation */
.navbar {
    background-color: var(--comipec-green) !important;
}

.nav-link {
    color: white !important;
}

.nav-link:hover {
    color: var(--comipec-yellow) !important;
}

/* Box styling */
.box {
    border-top: 3px solid var(--comipec-red);
}

.box-icon {
    background-color: var(--comipec-green);
}