chore: build

frontend-prep/src/index.css

@@ -1,68 +1,11 @@
-/* Réinitialiser les styles globaux */
+/* Reset et optimisation mobile */
-html,
-body,
-#root {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-    min-height: 100vh;
-    overflow-x: hidden;
-}
-#root {
-    width: 100%;
-    height: 100%;
-}
-.app {
-    width: 100%;
-    min-height: 100vh;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-.app h1 {
-    color: white;
-    font-size: clamp(2rem, 8vw, 3.5rem);
-    margin: 0;
-    text-align: center;
-    padding: 0 1rem;
-}
-/* Reset global pour tous les éléments */
-* {
-    box-sizing: border-box;
-}
-/* Add this to your global CSS file (App.css, index.css, or main.css) */
-.toast-container {
-    position: fixed;
-    bottom: 20px;
-    right: 20px;
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-    z-index: 9999;
-    pointer-events: none;
-}
-.toast-container .toast {
-    pointer-events: auto;
-}
-/* Stagger animation for multiple toasts */
-.toast:nth-child(2) {
-    animation-delay: 0.1s;
-}
-.toast:nth-child(3) {
-    animation-delay: 0.2s;
-}
-.toast:nth-child(4) {
-    animation-delay: 0.3s;
-} /* Reset et optimisation mobile */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     -webkit-tap-highlight-color: transparent;
 }
+
 :root {
     font-family:
         -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
@@ -75,6 +18,7 @@ body,
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     font-size: 16px;
+
     --bg: #09090b;
     --surface: #111115;
     --surface-2: #1c1c22;
@@ -90,6 +34,7 @@ body,
     --radius: 10px;
     --transition: 0.22s cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 [data-theme="light"] {
     color-scheme: light;
     --bg: #f4f4f8;
@@ -106,12 +51,6 @@ body,
     --text-muted: #52525b;
 }
 
-/* ============================================================
-   html / body / #root — fond garanti partout, y compris dans la
-   zone d'overscroll (bounce) sur iOS/Android, pour éviter tout
-   flash d'une couleur différente (blanc par défaut) quand on
-   scrolle au-delà des limites du contenu.
-   ============================================================ */
 html,
 body {
     margin: 0;
@@ -122,8 +61,8 @@ body {
     /* Désactiver le scroll bounce sur iOS */
     overscroll-behavior: none;
     -webkit-overflow-scrolling: touch;
-    background-color: var(--bg);
 }
+
 body {
     position: fixed;
     width: 100%;
@@ -131,32 +70,37 @@ body {
     background-color: var(--bg);
     color: var(--text);
 }
+
 #root {
     width: 100%;
     height: 100%;
     overflow: auto;
-    background-color: var(--bg);
-    overscroll-behavior: none;
 }
+
 a {
     font-weight: 500;
     color: #646cff;
     text-decoration: inherit;
     -webkit-tap-highlight-color: transparent;
 }
+
 a:active {
     opacity: 0.7;
 }
+
 h1 {
     font-size: clamp(1.8rem, 5vw, 3.2rem);
     line-height: 1.1;
 }
+
 h2 {
     font-size: clamp(1.5rem, 4vw, 2.5rem);
 }
+
 p {
     font-size: clamp(0.9rem, 2.5vw, 1.1rem);
 }
+
 button {
     border-radius: 8px;
     border: 1px solid transparent;
@@ -170,10 +114,12 @@ button {
     -webkit-tap-highlight-color: transparent;
     touch-action: manipulation;
 }
+
 button:active {
     transform: scale(0.95);
     opacity: 0.8;
 }
+
 /* Désactiver le hover sur mobile */
 @media (hover: none) {
     button:hover {