/* ============================================================== 
     # EtsWiDo Official Brand Color Theme
     # Vert-Bleu: #0482A0 | Bleu Foncé: #10487C | Jaune: #FBC333
=================================================================== */

:root {
    /* Brand Primary & Secondary */
    --color-primary: #0482A0;
    --color-secondary: #10487C;
    --color-accent: #FBC333;
    --color-style-ten: #FBC333;

    /* Dark & Accent background adjustments */
    --dark: #10487C;
    --bg-gray: #EBF4F7;
    --bg-gray-secondary: #F0F6F8;
    --bg-gradient: linear-gradient(45deg, #0482A0 0%, #10487C 100%);
    --bg-gradient-accent: linear-gradient(45deg, #FBC333 0%, #F5A623 100%);
}

/* Primary buttons and highlights */
.btn-theme, 
a.btn-theme, 
button.btn-theme,
.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #ffffff;
}

.btn-theme:hover, 
a.btn-theme:hover, 
button.btn-theme:hover {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #ffffff;
}

/* Accent Yellow CTA buttons */
.btn-accent,
a.btn-accent,
button.btn-accent,
.btn-warning {
    background-color: #FBC333 !important;
    border-color: #FBC333 !important;
    color: #10487C !important;
    font-weight: 600;
}

.btn-accent:hover,
a.btn-accent:hover,
button.btn-accent:hover {
    background-color: #e5b02b !important;
    border-color: #e5b02b !important;
    color: #0482A0 !important;
}

/* Top bar, navbar accents and headers */
.top-bar-area.bg-gray {
    background-color: #F0F6F8 !important;
}

.navbar-style-two.bg-dark,
nav.navbar.bg-dark {
    background-color: #10487C !important;
}

/* Badges & sub-titles */
.sub-title {
    color: #0482A0 !important;
}

/* Shape backgrounds & icons */
.bg-theme {
    background-color: #0482A0 !important;
}

.bg-dark-theme {
    background-color: #10487C !important;
}