/*
 * Surcharge de la charte graphique EKKA-XR.
 * Primaire : #F77527 (orange) — utilisé partout où le thème utilise "primary".
 * Noir (#000000) réservé au sidebar uniquement.
 * Chargé après app.min.css : mêmes sélecteurs/spécificité pour garantir la priorité en cascade.
 */

:root,
[data-bs-theme=light] {
    --theme-primary: #F77527;
    --theme-primary-rgb: 247, 117, 39;
    --theme-primary-text-emphasis: #c1590e;
    --theme-primary-bg-subtle: #fce4d6;
    --theme-primary-border-subtle: #f7b98c;
    --theme-link-color: #F77527;
    --theme-link-color-rgb: 247, 117, 39;
    --theme-link-hover-color: #c1590e;
    --theme-link-hover-color-rgb: 193, 89, 14;
    --theme-chart-primary: #F77527;
    --theme-chart-primary-rgb: 247, 117, 39;
}

[data-bs-theme=dark] {
    --theme-primary-text-emphasis: #f9a877;
    --theme-primary-bg-subtle: rgba(247, 117, 39, 0.2);
    --theme-primary-border-subtle: #7a3a10;
}

/* Sidebar toujours noir, quel que soit le preset de couleur choisi par le customizer du thème */
html[data-menu-color=dark],
html[data-bs-theme=dark][data-menu-color=dark],
html[data-menu-color=gray],
html[data-bs-theme=dark][data-menu-color=gray] {
    --theme-sidenav-bg: #000000;
    --theme-sidenav-border-color: #000000;
    --theme-sidenav-item-color: #b7b7b7;
    --theme-sidenav-item-hover-color: #ffffff;
    --theme-sidenav-item-hover-bg: #1a1a1a;
    --theme-sidenav-item-active-color: #ffffff;
    --theme-sidenav-item-active-bg: #F77527;
}

.side-nav-title {
    color: #7a7a7a;
}