feat : new ui et message discord

assets/css/malio.css

@@ -3,17 +3,26 @@
 @tailwind utilities;
 
 @layer base {
-    :root {
-        /* Couleurs en RGB “space separated” pour Tailwind */
-        --m-primary: 34 39 131;       /* Couleur principal*/
-        --m-secondary: 48 73 152;     /* Couleur secondaire */
-        --m-tertiary: 243 244 248;    /* Couleur tertiaire (background) */
-        --m-border: 203 213 225;      /* Couleur des bordures */
-        --m-text: 15 23 42;           /*  Couleur du texte */
-        --m-muted: 100 116 139;       /* Couleur pour les éléments désactivés ou secondaires */
-        --m-bg: 243 244 248;          /* Couleur de fond générale */
-
-        --m-error: 212 0 21;         /* rouge pour les erreurs */
-        --m-success: 15 200 73;       /* vert pour les succès  */
-    }
+  :root {
+    --m-primary: 15 20 40;
+    --m-secondary: 22 30 55;
+    --m-tertiary: 30 41 72;
+    --m-border: 55 70 110;
+    --m-text: 220 225 240;
+    --m-muted: 130 145 175;
+    --m-bg: 10 14 30;
+    --m-error: 255 70 70;
+    --m-success: 0 220 180;
+    --m-accent: 80 140 255;
+    --m-warning: 255 180 50;
+    --m-shadow-opacity: 0.4;
+    --m-glow-opacity: 0.1;
+    --m-card-border-opacity: 0.1;
+    --m-shimmer-from: rgba(80, 140, 255, 0.05);
+    --m-shimmer-to: rgba(80, 140, 255, 0.12);
+    --m-sidebar-from: 15 20 40;
+    --m-sidebar-to: 15 18 35;
+    --m-sidebar-border: rgba(80, 140, 255, 0.08);
+    --m-sidebar-divider: rgba(80, 140, 255, 0.2);
+  }
 }