/* THÈME 1-2 : Palette Moderne & Professionnelle Contours */

:root {
    --theme-primary: #2563eb;
    --theme-primary-rgb: 37 99 235;
    /* Bleu moderne */
    --theme-success: #10b981;
    /* Vert émeraude */
    --theme-info: #0891b2;
    /* Cyan profond */
    --theme-warning: #f59e0b;
    /* Ambre */
    --theme-danger: #ef4444;
    /* Rouge moderne */
    --theme-secondary: #6b7280;
    /* Gris */
}


/* Remplacer les classes Bootstrap */

.btn-primary,
.bg-primary,
.badge-primary,
.btn-primary.btn-circle,
a.btn-primary,
a.btn.btn-primary,
button.btn-primary {
    --bs-primary: var(--theme-primary) !important;
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: white !important;
}

.btn-success,
.bg-success,
.badge-success,
.btn-success.btn-circle,
a.btn-success,
a.btn.btn-success,
button.btn-success {
    --bs-success: var(--theme-success) !important;
    background-color: var(--theme-success) !important;
    border-color: var(--theme-success) !important;
    color: white !important;
}

.btn-info,
.bg-info,
.badge-info,
.btn-info.btn-circle,
a.btn-info,
a.btn.btn-info,
button.btn-info {
    --bs-info: var(--theme-info) !important;
    background-color: var(--theme-info) !important;
    border-color: var(--theme-info) !important;
    color: white !important;
}

.btn-warning,
.bg-warning,
.badge-warning,
.btn-warning.btn-circle,
a.btn-warning,
a.btn.btn-warning,
button.btn-warning {
    --bs-warning: var(--theme-warning) !important;
    background-color: var(--theme-warning) !important;
    border-color: var(--theme-warning) !important;
    color: white !important;
}

.btn-danger,
.bg-danger,
.badge-danger,
.btn-danger.btn-circle,
a.btn-danger,
a.btn.btn-danger,
button.btn-danger {
    --bs-danger: var(--theme-danger) !important;
    background-color: var(--theme-danger) !important;
    border-color: var(--theme-danger) !important;
    color: white !important;
}


/* Accents de couleurs */

h1 {
    color: var(--theme-primary) !important;
}

a {
    color: var(--theme-primary);
}

a:hover {
    color: var(--theme-info);
}