From e79ffeeffaa85cc3490ccf209b37e875be74d084 Mon Sep 17 00:00:00 2001
From: mrtoine <anthony.violet@outlook.be>
Date: Mon, 15 Dec 2025 13:45:25 +0100
Subject: [PATCH] =?UTF-8?q?Am=C3=A9lioration=20des=20styles=20typographiqu?=
 =?UTF-8?q?es=20(H1=E2=80=93H6)=20et=20gestion=20responsive=20de=20l'?=
 =?UTF-8?q?=C3=A9l=C3=A9ment=20burger=20dans=20les=20media=20queries.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 VERSION.txt        |  2 +-
 static/css/app.css | 29 +++++++++++++++++++++++++++--
 2 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/VERSION.txt b/VERSION.txt
index 9cc3383..e3b55ea 100644
--- a/VERSION.txt
+++ b/VERSION.txt
@@ -1 +1 @@
-1.0.2 (b3f201d)
\ No newline at end of file
+1.0.2 (8668690)
\ No newline at end of file
diff --git a/static/css/app.css b/static/css/app.css
index 9aa06af..508c4be 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -466,6 +466,11 @@ body {
     border-radius: var(--r-2);
 }
 
+/* Hide burger on large screens explicitly */
+@media (min-width: 1025px) {
+    .nav-toggle { display: none !important; }
+}
+
 @media (max-width: 1024px) {
     .site-nav {
         position: sticky;
@@ -710,17 +715,37 @@ section {
     font-size: 1.5rem;
 }
 
+/* --- Headings system (H1–H6) --- */
+/* Base: consistent rhythm, weight, and accessibility across themes */
+:where(h1,h2,h3,h4,h5,h6) {
+    font-family: var(--font-sans);
+    font-weight: 700;
+    line-height: 1.2;
+    margin: 0 0 var(--space-4);
+    color: var(--fg);
+    letter-spacing: -0.01em;
+}
+
 h1 {
+    font-size: clamp(2rem, 4.5vw, 2.75rem);
     color: var(--primary);
-    font-size: clamp(1.8rem, 4vw, 2.5rem);
+    border-left: 4px solid var(--accent);
     padding-left: var(--space-3);
 }
 
 h2 {
+    font-size: clamp(1.5rem, 3.5vw, 2rem);
     color: var(--accent);
-    font-size: clamp(1.3rem, 3vw, 1.8rem);
+    border-bottom: 1px solid var(--border);
+    padding-bottom: 6px;
+    margin-top: var(--space-6);
 }
 
+h3 { font-size: clamp(1.25rem, 3vw, 1.5rem); color: var(--fg); }
+h4 { font-size: clamp(1.1rem, 2.2vw, 1.25rem); color: var(--fg); }
+h5 { font-size: clamp(1rem, 2vw, 1.1rem); color: var(--muted); text-transform: uppercase; letter-spacing: .04em; }
+h6 { font-size: 0.95rem; color: var(--muted); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; }
+
 img {
     max-width: 100%;
     height: auto;