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

/* --- Light mode overrides --- */
:root, :root.light {
  --eb-primary: #2563eb;
  --eb-primary-light: #DEE8FC;
  --eb-primary-dim: #C9D8FA;
  --eb-primary-hover: #1E4FBC;
  --eb-success: #10b981;
  --eb-success-light: #DBF5EC;
  --eb-success-hover: #0D9467;
  --eb-warning: #f97316;
  --eb-warning-light: #FEEADC;
  --eb-warning-hover: #C75C12;
  --eb-danger: #ff0000;
  --eb-danger-light: #FFD9D9;
  --eb-danger-hover: #CC0000;
  --eb-danger-bg: #FFD9D9;

  /* Sidebar */
  --eb-sidebar-bg: #0f172a;
  --eb-sidebar-color: #f2c4c4;
  --eb-sidebar-text: #f2c4c4;
  --eb-sidebar-text-hover: #F7D9D9;
  --eb-sidebar-text-bright: #F7D9D9;
  --eb-sidebar-text-dim: #977F86;
  --eb-sidebar-nav-section: #816E77;
  --eb-sidebar-nav-text: #f2c4c4;
  --eb-sidebar-nav-hover-text: #F7D9D9;
  --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: #FF2828;
  --eb-sidebar-active-bg: rgba(37,99,235,0.15);
  --eb-sidebar-chevron: rgba(255,255,255,0.30);
  --eb-sidebar-chevron-active: #3b82f6;
  --eb-sidebar-border: rgba(255,255,255,0.08);

  /* Popovers ancres au rail (menu utilisateur, flyout des sous-menus) */
  --eb-sidebar-menu-bg: #1e293b;
  --eb-sidebar-menu-border: rgba(255,255,255,0.12);
  --eb-sidebar-menu-color: #f2c4c4;
  --eb-sidebar-menu-color-bright: #F7D9D9;
  --eb-sidebar-menu-color-dim: #9D868D;
  --eb-sidebar-menu-hover-bg: rgba(255,255,255,0.08);
  --eb-sidebar-toggle: #47505E;
  --eb-sidebar-toggle-dot: #9D868D;

  /* 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: #ff0000;
  --txt-color13: #1e40af;
  --txt-color21: #2563eb;
  --txt-color22: #3b82f6;
  --txt-color28: #10b981;
  --txt-color67: #3b82f6;
  --txt-color71: #1e40af;
  --bkg-color9: #f8f8f9;
}

/* --- Dark mode overrides --- */
:root.dark {
  --eb-primary: #58A9FF;
  --eb-primary-light: #0F285E;
  --eb-primary-dim: #0F285E;
  --eb-primary-hover: #4F8FFF;
  --eb-success: #3DFFD0;
  --eb-success-light: #053827;
  --eb-success-hover: #3DFFD0;
  --eb-warning: #FFBE45;
  --eb-warning-light: #4B2307;
  --eb-warning-hover: #FFBE45;
  --eb-danger: #FF2828;
  --eb-danger-light: #4D0000;
  --eb-danger-hover: #FF2828;
  --eb-danger-bg: #4D0000;

  /* 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: #0f172a;
  --eb-sidebar-color: #f2c4c4;
  --eb-sidebar-text: #f2c4c4;
  --eb-sidebar-text-hover: #F7D9D9;
  --eb-sidebar-text-bright: #F7D9D9;
  --eb-sidebar-text-dim: #977F86;
  --eb-sidebar-nav-section: #816E77;
  --eb-sidebar-nav-text: #f2c4c4;
  --eb-sidebar-nav-hover-text: #F7D9D9;
  --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: #FF2828;
  --eb-sidebar-active-bg: rgba(37,99,235,0.20);
  --eb-sidebar-chevron: rgba(255,255,255,0.30);
  --eb-sidebar-chevron-active: #75D1FF;
  --eb-sidebar-border: rgba(255,255,255,0.08);

  /* Popovers ancres au rail */
  --eb-sidebar-menu-bg: #0f172a;
  --eb-sidebar-menu-border: rgba(255,255,255,0.12);
  --eb-sidebar-menu-color: #f2c4c4;
  --eb-sidebar-menu-color-bright: #F7D9D9;
  --eb-sidebar-menu-color-dim: #977F86;
  --eb-sidebar-menu-hover-bg: rgba(255,255,255,0.08);
  --eb-sidebar-toggle: #3A4150;
  --eb-sidebar-toggle-dot: #977F86;

  /* 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: #75D1FF;
  --txt-color21: #58A9FF;
  --txt-color22: #75D1FF;
  --txt-color28: #3DFFD0;
  --txt-color67: #75D1FF;
}

/* --- Accent color usage --- */
.btn-primary, .btn-primary:focus { background-color: #2563eb !important; border-color: #2563eb !important; }
.btn-primary:hover { background-color: #1E4FBC !important; border-color: #1E4FBC !important; }
a { color: #2563eb; }
a:hover { color: #1E4FBC; }
:root.dark a { color: #58A9FF; }
:root.dark a:hover { color: #4F8FFF; }

/* --- 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); }