/*
 * CarbonLab : thème Bootstrap 5
 * À charger après bootstrap.min.css
 * Couleurs extraites du logo (_claude/_src/v1.png)
 */

:root {
    /* Charte */
    --cl-green: #498643;        /* vert principal (texte du logo) */
    --cl-green-dark: #2f5c2b;
    --cl-green-light: #8bbd4a;  /* vert clair (feuilles) */
    --cl-blue: #39a7d8;         /* bleu clair */
    --cl-blue-dark: #1f6a99;    /* bleu foncé */
    --cl-bg: #f6f8f5;

    /* Surcharges Bootstrap */
    --bs-primary: var(--cl-green);
    --bs-primary-rgb: 73, 134, 67;
    --bs-secondary: var(--cl-blue-dark);
    --bs-secondary-rgb: 31, 106, 153;
    --bs-info: var(--cl-blue);
    --bs-info-rgb: 57, 167, 216;
    --bs-success: var(--cl-green-light);
    --bs-success-rgb: 139, 189, 74;
    --bs-link-color: var(--cl-green);
    --bs-link-color-rgb: 73, 134, 67;
    --bs-link-hover-color: var(--cl-green-dark);
    --bs-link-hover-color-rgb: 47, 92, 43;
    --bs-body-bg: var(--cl-bg);
    --bs-border-radius: .5rem;
}

/* Boutons : Bootstrap ne dérive pas les boutons des variables CSS */
.btn-primary {
    --bs-btn-bg: var(--cl-green);
    --bs-btn-border-color: var(--cl-green);
    --bs-btn-hover-bg: var(--cl-green-dark);
    --bs-btn-hover-border-color: var(--cl-green-dark);
    --bs-btn-active-bg: var(--cl-green-dark);
    --bs-btn-active-border-color: var(--cl-green-dark);
    --bs-btn-disabled-bg: var(--cl-green);
    --bs-btn-disabled-border-color: var(--cl-green);
}

.btn-outline-primary {
    --bs-btn-color: var(--cl-green);
    --bs-btn-border-color: var(--cl-green);
    --bs-btn-hover-bg: var(--cl-green);
    --bs-btn-hover-border-color: var(--cl-green);
    --bs-btn-active-bg: var(--cl-green-dark);
    --bs-btn-active-border-color: var(--cl-green-dark);
}

.btn-secondary {
    --bs-btn-bg: var(--cl-blue-dark);
    --bs-btn-border-color: var(--cl-blue-dark);
    --bs-btn-hover-bg: #185479;
    --bs-btn-hover-border-color: #185479;
}

.form-control:focus,
.form-select:focus {
    border-color: var(--cl-green-light);
    box-shadow: 0 0 0 .25rem rgba(73, 134, 67, .2);
}

.form-check-input:checked {
    background-color: var(--cl-green);
    border-color: var(--cl-green);
}

/* Composants applicatifs */
.navbar-brand img {
    height: 40px;
    width: auto;
}

.card {
    border: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);
}