:root {

    /* Couleurs - marque */
    --bs-primary: #008678;
    --bs-secondary: #df875c;
    --bs-success: #008678;
    --bs-warning: #fdb370;
    --bs-danger: #c15500;

    /* Couleurs - interface */
    --bs-body-bg: #F0FAF3;
    --bs-body-color: #4a403a;
    --app-bg-light: #F8FDF9;
    --tag-color: #4a403a;
    --tag-bg: #F0FAF3;
    --color-card-bg: #E3F5E8;     
    --color-card-border: #D4EDE7;  
    --color-bubble-other: #e6b800;

    --color-white: #fff;
    --color-text-muted: #625953;
    --color-text-soft: #64584f;
    --color-text-legal: #444;
    --color-info-bg: #eef7ff;
    --color-info-border: #b9dcff;
    --color-info-text: #1f2d3d;
    --color-surface-alt: #E3F5E8;
    --color-overlay: rgba(0, 0, 0, 0.55);
    --color-overlay-soft: rgba(0, 0, 0, 0.14);
    --color-white-92: rgba(255, 255, 255, 0.92);
    --color-white-85: rgba(255, 255, 255, 0.85);
    --color-white-40: rgba(255, 255, 255, 0.4);
    --color-primary-focus: rgba(223, 135, 92, 0.45);
    --color-faq-separator: rgba(74, 64, 58, 0.12);
    --color-faq-body: rgba(74, 64, 58, 0.92);

    /* Dégradés */
    --gradient-hero-home: linear-gradient(
        90deg,
        rgba(74, 64, 58, 0.7) 0%,
        rgba(74, 64, 58, 0.48) 32%,
        rgba(74, 64, 58, 0.2) 58%,
        rgba(74, 64, 58, 0.04) 76%,
        rgba(74, 64, 58, 0) 100%
    );
    --gradient-hero-inner: linear-gradient(
        120deg,
        rgba(74, 64, 58, 0.72) 0%,
        rgba(74, 64, 58, 0.52) 52%,
        rgba(74, 64, 58, 0.35) 100%
    );
    --gradient-map-overlay: linear-gradient(
        rgba(242, 249, 247, 0.94),
        rgba(242, 249, 247, 0.94)
    );

    /* Rayons */
    --radius-pill: 999px;
    --radius-round: 50%;
    --radius-sm: 8px;
    --radius-md: 10px;
    --radius-lg: 12px;
    --radius-xl: 14px;
    --radius-2xl: 16px;
    --radius-section-top: 24px 24px 0 0;

    /* Espacements */
    --space-1: 6px;
    --space-2: 8px;
    --space-3: 10px;
    --space-4: 12px;
    --space-5: 16px;
    --space-6: 20px;
    --space-7: 22px;
    --space-8: 24px;
    --space-9: 28px;

    /* Typographie */
    --fs-xs: 0.75rem;
    --fs-sm: 0.95rem;
    --fs-md: 1rem;
    --fs-lg: 1.15rem;

    /* Bordures */
    --border-subtle: 1px solid rgba(74, 64, 58, 0.08);
    --border-soft: 1px solid rgba(0, 0, 0, 0.08);
    --border-accent-soft: 1px solid rgba(223, 135, 92, 0.3);
    --border-primary-soft: 1px solid rgba(0, 134, 120, 0.18);

    /* Ombres */
    --shadow-nav: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-card: 0 16px 40px rgba(74, 64, 58, 0.08);
    --shadow-card-hover: 0 20px 44px rgba(74, 64, 58, 0.12);
    --shadow-news: 0 10px 25px rgba(0, 0, 0, 0.08);
    --shadow-news-hover: 0 8px 24px rgba(0, 0, 0, 0.13);
    --shadow-fab: 0 12px 28px rgba(74, 64, 58, 0.18);
    --shadow-fab-hover: 0 16px 32px rgba(74, 64, 58, 0.22);
    --shadow-dialog: 0 18px 50px rgba(0, 0, 0, 0.28);
    --shadow-float-btn: 0 4px 12px rgba(0, 0, 0, 0.2);

    /* Compat héritée */
    --bs-btn-border-radius: var(--radius-sm);
    --img-border-radius: var(--radius-lg);
}

.btn-primary {

    --bs-btn-bg: #008678;
    --bs-btn-border-color: #008678;

    --bs-btn-hover-bg: #006e63;
    --bs-btn-hover-border-color: #006e63;

    --bs-btn-active-bg: #005a51;
    --bs-btn-active-border-color: #005a51;
}

.btn-outline-primary {
    --bs-btn-border-color: #008678;
    --bs-btn-color: #008678;

    --bs-btn-hover-bg: #006e63;
    --bs-btn-hover-border-color: #006e63;

    --bs-btn-active-bg: #005a51;
    --bs-btn-active-border-color: #005a51;
}

.btn-other {
    --bs-btn-bg: #4A403A;
    --bs-btn-border-color: #4A403A;

    --bs-btn-color: #ffffff;

    --bs-btn-hover-bg: #352d28;
    --bs-btn-hover-border-color: #352d28;
    --bs-btn-hover-color: #ffffff;

    --bs-btn-active-bg: #2b241f;
    --bs-btn-active-border-color: #2b241f;

    --bs-btn-disabled-bg: #4A403A;
    --bs-btn-disabled-border-color: #4A403A;
}

.btn-secondary {

    --bs-btn-bg: #DF875C;
    --bs-btn-border-color: #DF875C;

    --bs-btn-color: #ffffff;

    --bs-btn-hover-bg: #C15500;
    --bs-btn-hover-border-color: #C15500;

    --bs-btn-active-bg: #a84700;
    --bs-btn-active-border-color: #a84700;

    --bs-btn-disabled-bg: #DF875C;
    --bs-btn-disabled-border-color: #DF875C;
}