:root {
    /* Variables personnalisées du thème */
    --color-primary: #8B7150;
    --color-primary-rgb: 139, 113, 80;
    /* Survol : même couleur, décalée en clarté. Voir le calcul plus haut —
       un bouton réagit par son FOND, jamais par la couleur de son texte. */
    --color-primary-hover: #755f43;
    --color-text-light: #ffffff;
    --color-text-dark: #333333;
    --background-primary: #8B7150;
    --bg-primary-rgb: 86,84,85;
    --background-header: #c87e5a;
    --color-secondary: #c87e5a;
    --color-secondary-rgb: 200, 126, 90;

    /* Texte lisible posé sur la primaire et sur la secondaire, calculé par luminance */
    --color-on-primary: #ffffff;
    --color-on-secondary: #111111;
    /* La primaire comme couleur de TEXTE, lisible à 4,5:1 sur fond sombre / clair. */
    --color-primary-sur-sombre: #977f62;
    --color-primary-sur-clair: #786145;

    /* Variables Bootstrap 5 - Primary */
    --bs-primary: #8B7150;
    --bs-primary-rgb: 139, 113, 80;
    --bs-primary-text-emphasis: #372d20;
    --bs-primary-bg-subtle: #f3f0ed;
    --bs-primary-border-subtle: #dcd4ca;

        /* Bootstrap 5 - Override complet des boutons primaires */
        --bs-link-color: var(--color-primary) !important;
        --bs-link-hover-color: rgba(var(--color-primary-rgb), 0.8) !important;
        
        --bs-btn-color: #fff !important;
        --bs-btn-bg: var(--color-primary) !important;
        --bs-btn-border-color: var(--color-primary) !important;
        --bs-btn-hover-color: #fff !important;
        --bs-btn-hover-bg: rgba(var(--color-primary-rgb), 0.85) !important;
        --bs-btn-hover-border-color: rgba(var(--color-primary-rgb), 0.85) !important;
        --bs-btn-active-color: #fff !important;
        --bs-btn-active-bg: rgba(var(--color-primary-rgb), 0.75) !important;
        --bs-btn-active-border-color: rgba(var(--color-primary-rgb), 0.75) !important;
        --bs-btn-disabled-bg: rgba(var(--color-primary-rgb), 0.5) !important;
        --bs-btn-disabled-border-color: rgba(var(--color-primary-rgb), 0.5) !important;
        --bs-btn-border-width: 1px;
        --btn-border-color: #8B7150;


    /* Variables Bootstrap 5 - Secondary */
    --bs-secondary: #c87e5a;
    --bs-secondary-rgb: 200, 126, 90;

    /* Variables additionnelles */
    --radius-soft: 1.25rem;
    --transition-fast: 0.25s ease;
    --transition-slow: 0.5s ease;
    --shadow-soft: 0 10px 24px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 16px 32px rgba(0, 0, 0, 0.12);
    --gradient-accent: linear-gradient(135deg, var(--color-primary), #6366f1);
}

/* Surcharge btn-secondary avec SECONDARY_COLOR */
.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--color-secondary);
    --bs-btn-border-color: var(--color-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(var(--color-secondary-rgb), 0.85);
    --bs-btn-hover-border-color: rgba(var(--color-secondary-rgb), 0.85);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(var(--color-secondary-rgb), 0.75);
    --bs-btn-active-border-color: rgba(var(--color-secondary-rgb), 0.75);
    --bs-btn-disabled-bg: rgba(var(--color-secondary-rgb), 0.5);
    --bs-btn-disabled-border-color: rgba(var(--color-secondary-rgb), 0.5);
}

/* Surcharge badge-bandeau avec SECONDARY_COLOR */
.badge-bandeau {
    background-color: var(--color-secondary) !important;
    color: #fff;
}