/* ================================================================
   CUSTOM THEME: Mon thème (base: blue)
   Generated from theme_custom #1
   ================================================================ */

/* --- Light mode overrides --- */
:root, :root.light {
  --eb-primary: #1E3A8A;
  --eb-primary-light: #DDE1ED;
  --eb-primary-dim: #C7CEE2;
  --eb-primary-hover: #182E6E;
  --eb-success: #10B981;
  --eb-success-light: #DBF5EC;
  --eb-success-hover: #0D9467;
  --eb-warning: #F97316;
  --eb-warning-light: #FEEADC;
  --eb-warning-hover: #C75C12;
  --eb-danger: #EF4444;
  --eb-danger-light: #FDE3E3;
  --eb-danger-hover: #BF3636;
  --eb-danger-bg: #FDE3E3;

  /* Sidebar */
  --eb-sidebar-bg: #0A1128;
  --eb-sidebar-color: #B8C9E8;
  --eb-sidebar-text: #B8C9E8;
  --eb-sidebar-text-hover: #D1DCF0;
  --eb-sidebar-text-bright: #D1DCF0;
  --eb-sidebar-text-dim: #727F9B;
  --eb-sidebar-nav-section: #616D88;
  --eb-sidebar-nav-text: #B8C9E8;
  --eb-sidebar-nav-hover-text: #D1DCF0;
  --eb-sidebar-nav-hover-bg: rgba(255,255,255,0.06);
  --eb-sidebar-soft-bg: rgba(255,255,255,0.04);
  --eb-sidebar-scroll-thumb: rgba(255,255,255,0.15);
  --eb-sidebar-ok: #3DFFD0;
  --eb-sidebar-warn: #FFBE45;
  --eb-sidebar-ko: #FF8080;
  --eb-sidebar-active-bg: rgba(30,58,138,0.15);
  --eb-sidebar-chevron: rgba(255,255,255,0.30);
  --eb-sidebar-chevron-active: #2563EB;
  --eb-sidebar-border: rgba(255,255,255,0.08);

  /* Popovers ancres au rail (menu utilisateur, flyout des sous-menus) */
  --eb-sidebar-menu-bg: #111D42;
  --eb-sidebar-menu-border: rgba(255,255,255,0.12);
  --eb-sidebar-menu-color: #B8C9E8;
  --eb-sidebar-menu-color-bright: #D1DCF0;
  --eb-sidebar-menu-color-dim: #7584A6;
  --eb-sidebar-menu-hover-bg: rgba(255,255,255,0.08);
  --eb-sidebar-toggle: #3C4664;
  --eb-sidebar-toggle-dot: #7584A6;

  /* Logo du rail */
  --eb-logo-pole: 255,255,255;
  --eb-logo-ink-2: #e8edf5;
  --eb-logo-ink-3: #a8b6cc;
  --eb-logo-shine-blend: screen;

  /* Legacy token mapping */
  --txt-color6: #EF4444;
  --txt-color13: #1E3370;
  --txt-color21: #1E3A8A;
  --txt-color22: #2563EB;
  --txt-color28: #10B981;
  --txt-color67: #2563EB;
  --txt-color71: #1E3370;
  --bkg-color9: #f8f8f9;
}

/* --- Dark mode overrides --- */
:root.dark {
  --eb-primary: #4F73DB;
  --eb-primary-light: #0C1737;
  --eb-primary-dim: #0C1737;
  --eb-primary-hover: #4764B7;
  --eb-success: #3DFFD0;
  --eb-success-light: #053827;
  --eb-success-hover: #3DFFD0;
  --eb-warning: #FFBE45;
  --eb-warning-light: #4B2307;
  --eb-warning-hover: #FFBE45;
  --eb-danger: #FF8080;
  --eb-danger-light: #481414;
  --eb-danger-hover: #FF8080;
  --eb-danger-bg: #481414;

  /* Sidebar dark — meme rail que le mode clair : ses couleurs sont CHOISIES,
     elles ne se deduisent pas du mode. Seuls l'accent et les voiles bougent. */
  --eb-sidebar-bg: #0A1128;
  --eb-sidebar-color: #B8C9E8;
  --eb-sidebar-text: #B8C9E8;
  --eb-sidebar-text-hover: #D1DCF0;
  --eb-sidebar-text-bright: #D1DCF0;
  --eb-sidebar-text-dim: #727F9B;
  --eb-sidebar-nav-section: #616D88;
  --eb-sidebar-nav-text: #B8C9E8;
  --eb-sidebar-nav-hover-text: #D1DCF0;
  --eb-sidebar-nav-hover-bg: rgba(255,255,255,0.08);
  --eb-sidebar-soft-bg: rgba(255,255,255,0.05);
  --eb-sidebar-scroll-thumb: rgba(255,255,255,0.15);
  --eb-sidebar-ok: #3DFFD0;
  --eb-sidebar-warn: #FFBE45;
  --eb-sidebar-ko: #FF8080;
  --eb-sidebar-active-bg: rgba(30,58,138,0.20);
  --eb-sidebar-chevron: rgba(255,255,255,0.30);
  --eb-sidebar-chevron-active: #58A9FF;
  --eb-sidebar-border: rgba(255,255,255,0.08);

  /* Popovers ancres au rail */
  --eb-sidebar-menu-bg: #0A1128;
  --eb-sidebar-menu-border: rgba(255,255,255,0.12);
  --eb-sidebar-menu-color: #B8C9E8;
  --eb-sidebar-menu-color-bright: #D1DCF0;
  --eb-sidebar-menu-color-dim: #727F9B;
  --eb-sidebar-menu-hover-bg: rgba(255,255,255,0.08);
  --eb-sidebar-toggle: #363C4F;
  --eb-sidebar-toggle-dot: #727F9B;

  /* Logo du rail */
  --eb-logo-pole: 255,255,255;
  --eb-logo-ink-2: #e8edf5;
  --eb-logo-ink-3: #a8b6cc;
  --eb-logo-shine-blend: screen;

  /* Legacy dark mapping */
  --txt-color13: #58A9FF;
  --txt-color21: #4F73DB;
  --txt-color22: #58A9FF;
  --txt-color28: #3DFFD0;
  --txt-color67: #58A9FF;
}

/* --- Accent color usage --- */
.btn-primary, .btn-primary:focus { background-color: #1E3A8A !important; border-color: #1E3A8A !important; }
.btn-primary:hover { background-color: #182E6E !important; border-color: #182E6E !important; }
a { color: #1E3A8A; }
a:hover { color: #182E6E; }
:root.dark a { color: #4F73DB; }
:root.dark a:hover { color: #4764B7; }

/* --- Menu lateral : rendre au rail ses propres encres ---
   Les entrees du menu sont des <a>. En clair, `a { color }` (specificite
   0-0-1) perd contre `.eb-nav-item` (0-1-0) : le rail garde sa couleur.
   En SOMBRE, `:root.dark a` vaut 0-2-1 et BAT toutes les regles du rail
   (`.eb-nav-item`, `.eb-user-menu a`, le flyout...) : tous les libelles du
   menu repassaient a la couleur des liens et la couleur de texte choisie
   pour le rail etait ignoree. On la reaffirme donc ici, au-dessus.
   Ordre : base, puis survol, puis actif — comme dans dashboard-modern.css,
   ou `.active` l'emporte sur `:hover` a specificite egale. */
:root.dark .eb-nav-item,
:root.dark .eb-nav-sub-item { color: var(--eb-sidebar-nav-text); }
:root.dark .eb-user-menu a,
:root.dark a.eb-nav-flyout-link,
:root.dark .eb-nav-flyout .eb-nav-sub-item { color: var(--eb-sidebar-menu-color); }
:root.dark .eb-nav-flyout-title { color: var(--eb-sidebar-menu-color-bright); }
@media (hover: hover) {
  :root.dark .eb-nav-item:hover,
  :root.dark .eb-nav-sub-item:hover { color: var(--eb-sidebar-nav-hover-text); }
  :root.dark .eb-user-menu a:hover,
  :root.dark .eb-nav-flyout .eb-nav-sub-item:hover { color: var(--eb-sidebar-menu-color-bright); }
  :root.dark a.eb-nav-flyout-link:hover { color: var(--eb-primary); }
}
:root.dark .eb-nav-item.active,
:root.dark .eb-nav-sub-item.active { color: var(--eb-primary); }