sze

Bootstrap_new/css/custom.css

@@ -1,3 +1,69 @@
+:root {
+  /* Brand Colors — Charcoal / Gris neutre (zéro vert) */
+  --color-primary:       #212E53; /*#2e3440;*/   /* charcoal foncé */
+  --color-primary-light: #4c566a;   /* slate moyen   */
+  --color-primary-dark:  #1a1d24;   /* quasi-noir     */
+  --color-primary-ghost: rgba(33, 46, 83, 0.05); /* Ajusté sur le Charcoal */
+
+  /* Accent / Status — conservés pour lisibilité fonctionnelle */
+  --color-accent:        #5e6e82;   /* gris-bleu neutre */
+  --color-urgent:        #c0392b;
+  --color-warning:       #e67e22;
+  --color-success:       #27ae60;
+  --color-info:          #2980b9;
+  --color-neutral:       #7f8c8d;
+
+  /* Backgrounds */
+  --bg-base:             #f2f3f5;
+  --bg-surface:          #ffffff;
+  --bg-surface-2:        #f8f9fa;
+  --bg-sidebar:          #7A90A4;/*#1e2228;*/   /* charcoal très sombre */
+  --bg-header:           #ffffff;
+
+  /* Text — contraste maximal */
+  --text-primary:        #1a1d24;
+  --text-secondary:      #4c566a;
+  --text-muted:          #7b8a99;
+  --text-inverse:        #ffffff;
+  
+  /* Borders */
+  --border-light:        #e3e6ea;
+  --border-medium:       #c8cdd4;
+
+  /* Spacing & Radius */
+  --radius-sm:   4px;
+  --radius-md:   6px;
+  --radius-lg:   8px;
+  --radius-xl:   12px;
+  --radius-full: 9999px;
+
+  /* Shadows — neutres, sans teinte colorée */
+  --shadow-xs:           0 1px 2px rgba(0,0,0,.05);
+  --shadow-sm:           0 2px 4px rgba(0,0,0,.05);
+  --shadow-lg:           0 10px 25px rgba(0,0,0,.1);
+  
+  /* Transitions */
+  --transition-fast:   0.15s ease;
+  --transition-base:   0.25s ease;
+  --transition-slow:   0.4s cubic-bezier(.4,0,.2,1);
+
+  /* Layout */
+  --sidebar-width:       240px;
+  --sidebar-collapsed:   60px;
+  --header-height:       60px;
+  --context-width:       320px;
+}
+
+.sidebar, .sidebar-nav .nav-link.collapsed{
+    /*background:#3473ac;*/
+  color:var(--text-primary);
+  width: 100%;
+}
+
+  
+.sidebar-nav .nav-content a {
+  color:white
+}
 
 .active-submenu{
   color:#fff !important;

Bootstrap_new/css/theme-modern.css

@@ -278,15 +278,6 @@ h1, h2, h3, h4, h5, h6, .fw-bold, .fw-semibold {
     padding: 0.5rem 0.5rem;
 }
 
-.sidebar, .sidebar-nav .nav-link.collapsed{
-  color:var(--color-primary);
-  width: 100%;
-}
-
-.sidebar-nav .nav-content a {
-  color:white
-}
-
 /* Sidebar Nav */
 .sidebar-nav {
   list-style: none;