From b1831c58d16e94b8cbd6df52b5c4b88704505e97 Mon Sep 17 00:00:00 2001
From: Archicratia <area.technik@proton.me>
Date: Fri, 15 May 2026 09:23:19 +0200
Subject: [PATCH] =?UTF-8?q?polish(ui):=20affiner=20sobrement=20les=20pages?=
 =?UTF-8?q?=20d=E2=80=99entr=C3=A9e?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/global.css | 69 ++++++++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 30 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index bb65f5d..57324b6 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -727,10 +727,19 @@ html{ scroll-behavior: smooth; }
   }
 
   .landing{
+    --landing-accent: #00cfea;
+    --landing-accent-strong: #00d9ff;
+    --landing-panel-border: rgba(127,127,127,0.19);
+    --landing-panel-bg: rgba(127,127,127,0.038);
+    --landing-panel-glow: rgba(0,217,255,0.075);
+    --landing-card-bg: rgba(127,127,127,0.036);
+    --landing-card-hover-bg: rgba(127,127,127,0.064);
+    --landing-card-hover-border: rgba(0,217,255,0.18);
+
     display: grid;
-    gap: clamp(18px, 3vw, 30px);
+    gap: clamp(18px, 2.6vw, 28px);
     width: 100%;
-    padding: 14px 0 10px;
+    padding: 12px 0 10px;
   }
 
   .landing-hero,
@@ -739,33 +748,33 @@ html{ scroll-behavior: smooth; }
     position: relative;
     z-index: 0;
     overflow: hidden;
-    border: 1px solid rgba(127,127,127,0.22);
-    border-radius: 24px;
+    border: 1px solid var(--landing-panel-border);
+    border-radius: 22px;
     background:
-      radial-gradient(circle at 12% 0%, rgba(0,217,255,0.12), transparent 36%),
-      rgba(127,127,127,0.045);
+      radial-gradient(circle at 12% 0%, var(--landing-panel-glow), transparent 38%),
+      var(--landing-panel-bg);
   }
 
   .landing-hero{
-    padding: clamp(24px, 4vw, 46px);
+    padding: clamp(22px, 3.6vw, 42px);
   }
 
   .landing-kicker{
     margin: 0 0 8px;
-    color: #00d9ff;
-    font-size: .78rem;
+    color: var(--landing-accent);
+    font-size: .76rem;
     line-height: 1.2;
     font-weight: 850;
-    letter-spacing: .08em;
+    letter-spacing: .075em;
     text-transform: uppercase;
   }
 
   .landing-hero h1{
     margin: 0;
-    font-size: clamp(2.45rem, 7vw, 5.4rem);
-    line-height: .95;
-    letter-spacing: -.055em;
-    text-shadow: 0 0 34px rgba(0,217,255,.10);
+    font-size: clamp(2.35rem, 6.2vw, 4.85rem);
+    line-height: .98;
+    letter-spacing: -.048em;
+    text-shadow: 0 0 28px rgba(0,217,255,.075);
   }
 
   .landing-lead{
@@ -790,9 +799,9 @@ html{ scroll-behavior: smooth; }
     justify-content: center;
     min-height: 38px;
     padding: 7px 14px;
-    border: 1px solid rgba(127,127,127,0.38);
+    border: 1px solid rgba(127,127,127,0.34);
     border-radius: 999px;
-    background: rgba(127,127,127,0.06);
+    background: rgba(127,127,127,0.052);
     font-weight: 850;
     text-decoration: none;
     transition:
@@ -808,14 +817,14 @@ html{ scroll-behavior: smooth; }
   }
 
   .landing-btn--primary{
-    border-color: rgba(0,217,255,0.42);
-    background: rgba(0,217,255,0.10);
-    color: #00d9ff;
+    border-color: rgba(0,217,255,0.34);
+    background: rgba(0,217,255,0.075);
+    color: var(--landing-accent-strong);
   }
 
   .landing-section,
   .edition-note{
-    padding: clamp(18px, 3vw, 28px);
+    padding: clamp(18px, 2.7vw, 26px);
   }
 
   .landing-section__head,
@@ -849,10 +858,10 @@ html{ scroll-behavior: smooth; }
     display: grid;
     gap: 8px;
     min-width: 0;
-    padding: 16px;
-    border: 1px solid rgba(127,127,127,0.22);
-    border-radius: 18px;
-    background: rgba(127,127,127,0.045);
+    padding: 15px 16px;
+    border: 1px solid var(--landing-panel-border);
+    border-radius: 17px;
+    background: var(--landing-card-bg);
     text-decoration: none;
     transition:
       transform 120ms var(--ease-out),
@@ -862,14 +871,14 @@ html{ scroll-behavior: smooth; }
 
   .landing-card:hover{
     transform: translateY(-1px);
-    background: rgba(127,127,127,0.075);
-    border-color: rgba(0,217,255,0.24);
+    background: var(--landing-card-hover-bg);
+    border-color: var(--landing-card-hover-border);
     text-decoration: none;
   }
 
   .landing-card strong{
-    color: #00d9ff;
-    font-size: 1.05rem;
+    color: var(--landing-accent);
+    font-size: 1.02rem;
     line-height: 1.22;
   }
 
@@ -880,9 +889,9 @@ html{ scroll-behavior: smooth; }
   }
 
   .landing-card small{
-    color: #00d9ff;
+    color: var(--landing-accent);
     font-weight: 800;
-    opacity: .92;
+    opacity: .86;
   }
 
   .presentation-next{