fix(frontend,backend): traite la revue de phyri0s sur la PR #93

Corrige les 10 points de la revue du systeme de design : garde-fou de
route explicite pour /docs, /redoc et /static, ton distinct pour les
alertes critical vs high, flex-shrink sur le bon element du badge,
mutualisation du bloc ev-card dans _auth-page.scss, bouton de
deconnexion migre vers ev-button (nouvel input fullWidth), tokens
manquants (--color-danger-hover, --color-warning-text,
--color-text-inverse, --color-critical), test de synchronisation des
deux copies du logo, openapi_avec_logo qui enveloppe application.openapi
au lieu de le reimplementer, doc du frontend et index mis a jour, et
suppression du CSS mort .form-error.

apps/frontend/src/styles/_auth-page.scss

@@ -5,7 +5,8 @@
   min-height: 100vh;
   padding: var(--space-4);
   box-sizing: border-box;
-  background: radial-gradient(circle at 15% 10%, var(--color-primary-light) 0%, transparent 45%),
+  background:
+    radial-gradient(circle at 15% 10%, var(--color-primary-light) 0%, transparent 45%),
     radial-gradient(circle at 85% 90%, var(--color-primary-light) 0%, transparent 40%),
     var(--color-bg);
 }
@@ -13,4 +14,44 @@
 .auth-card-wrapper {
   width: 100%;
   max-width: 420px;
+
+  ev-card {
+    padding: 3rem 2.5rem;
+    box-shadow:
+      0 20px 25px -5px rgba(0, 0, 0, 0.06),
+      0 8px 10px -6px rgba(0, 0, 0, 0.04);
+  }
+
+  .auth-brand {
+    justify-content: center;
+    width: 100%;
+    font-size: 2.1rem;
+    margin-bottom: 1.75rem;
+  }
+
+  h1 {
+    margin: 0;
+    font-size: 1.85rem;
+    font-weight: 700;
+    color: var(--color-text);
+    text-align: center;
+  }
+
+  .auth-subtitle {
+    margin: 0.4rem 0 2rem;
+    color: var(--color-text-muted);
+    font-size: 0.95rem;
+    line-height: 1.4;
+    text-align: center;
+  }
+
+  ev-alert {
+    display: block;
+    margin-top: 0.75rem;
+  }
+
+  ev-button {
+    display: block;
+    margin-top: 1.75rem;
+  }
 }

apps/frontend/src/styles/_forms.scss

@@ -29,9 +29,3 @@
   color: var(--color-disabled);
   margin-top: 0.25rem;
 }
-
-.form-error {
-  margin: var(--space-2) 0 0;
-  color: var(--color-danger);
-  font-size: 0.85rem;
-}

apps/frontend/src/styles/_tokens.scss

@@ -20,8 +20,12 @@
   --color-warning: #f9a825;
   --color-warning-bg: #fef9e7;
   --color-danger: #dc2626;
+  --color-danger-hover: #b91c1c;
   --color-danger-bg: #fef2f2;
   --color-danger-border: #fecaca;
+  --color-critical: #b91c1c;
+  --color-warning-text: #92400e;
+  --color-text-inverse: #ffffff;
 
   // Typo, rayons, ombre
   --font-family: 'Segoe UI', system-ui, sans-serif;