Refactor: consolider toutes les variables CSS dans variables.css

- variables.css : z-index, couleurs et font-sizes au même endroit
- layout.css, buttons.css : z-index: 1 → var(--z-base)
- Suppression de src/style.css (fichier mort, jamais importé)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

src/styles/variables.css

@@ -1,6 +1,25 @@
 /* CSS Variables */
 :root {
-  /* Base font sizes for desktop */
+  /* Colors */
+  --color-primary: #04fea0;
+  --color-primary-hover: #03d98c;
+  --color-background: #000;
+  --color-text: #fff;
+
+  /* Z-INDEX SCALE
+   * --z-base     : éléments décoratifs (lignes verticales, bg)
+   * --z-content  : contenu de slides (textes, overlays légers)
+   * --z-menu     : overlay menu plein écran
+   * --z-header   : barre de navigation (toujours au-dessus du menu)
+   * --z-cursor   : curseur personnalisé (toujours au-dessus de tout)
+   */
+  --z-base:    1;
+  --z-content: 5;
+  --z-menu:    100;
+  --z-header:  200;
+  --z-cursor:  9999;
+
+  /* Font sizes — desktop */
   --font-size-paragraph: 18px;
   --font-size-paragraph-small: 16px;
   --font-size-subtitle: 20px;
@@ -10,7 +29,7 @@
   --font-size-button: 13px;
   --font-size-caption: 12px;
 
-  /* Mobile font sizes */
+  /* Font sizes — mobile */
   --font-size-paragraph-mobile: 16px;
   --font-size-paragraph-small-mobile: 12px;
   --font-size-subtitle-mobile: 16px;
@@ -20,7 +39,7 @@
   --font-size-button-mobile: 11px;
   --font-size-caption-mobile: 10px;
 
-  /* Tablet font sizes */
+  /* Font sizes — tablet */
   --font-size-paragraph-tablet: 16px;
   --font-size-paragraph-small-tablet: 14px;
   --font-size-subtitle-tablet: 18px;
@@ -29,10 +48,4 @@
   --font-size-title-hero-tablet: 64px;
   --font-size-button-tablet: 12px;
   --font-size-caption-tablet: 11px;
-
-  /* Colors */
-  --color-primary: #04fea0;
-  --color-primary-hover: #03d98c;
-  --color-background: #000;
-  --color-text: #fff;
 }