lore

src/layouts/GameLayout.astro

@@ -1,8 +1,11 @@
 ---
 import { ClientRouter } from "astro:transitions";
+import Footer from "../components/Footer.astro";
+
 interface Props {
     title: string;
 }
+
 const { title } = Astro.props;
 ---
 
@@ -18,10 +21,12 @@ const { title } = Astro.props;
         <main>
             <slot />
         </main>
+        <Footer />
     </body>
 </html>
 
 <style is:global>
+    @import url("https://fonts.googleapis.com/css2?family=Mrs+Eaves&family=Playfair+Display:ital,wght@0,700;1,700&family=Roboto+Condensed:wght@700&display=swap");
     @import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap");
 
     :root {
@@ -29,6 +34,10 @@ const { title } = Astro.props;
         --color-ink: #4a4130;
         --color-gold: #c89b3c;
         --color-gold-dark: #b8860b;
+        --color-ancient-blue: #3f51b5; /* Le bleu dominant */
+        --color-ancient-purple: #673ab7; /* Les ombres de l'illustration */
+        --color-ancient-gold: #f4d03f; /* Les touches de lumière ocre */
+        --color-bg-canvas: #fdf6e8; /* Ton parchemin actuel */
     }
 
     /* Reset de base */
@@ -43,6 +52,18 @@ const { title } = Astro.props;
         overflow-x: hidden;
     }
 
+    hr {
+        border: 0;
+        height: 1px;
+        background-image: linear-gradient(
+            to right,
+            transparent,
+            #dcd0b9,
+            transparent
+        );
+        margin: 2.5rem 0;
+    }
+
     /* LE FIX DES MARGES : C'est ce bloc qui centre tout ton site */
     main {
         width: 100%;
@@ -169,11 +190,10 @@ const { title } = Astro.props;
 
     /* LE STYLE DES CARTES (FORCE LE LOOK D'INDEX) */
     .gold-button {
-        flex: 1 1 300px;
         max-width: 400px;
         min-height: 120px;
         background: white !important;
-        border: 2px solid var(--color-gold) !important;
+        border: 1px solid var(--color-gold) !important;
         border-radius: 12px !important;
         padding: 20px !important;
         text-decoration: none !important;