From 5f3172fc89ef4fbba6b0678c6891c626ee5c8483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20Herg=C3=A8s?= <william@herges.fr>
Date: Fri, 3 Oct 2025 21:27:52 +0200
Subject: feat(frontend): text more readable

---
 frontend/scss/general.scss | 11 ++++++++++-
 frontend/scss/main.scss    |  8 +++++---
 frontend/scss/special.scss |  2 +-
 3 files changed, 16 insertions(+), 5 deletions(-)

(limited to 'frontend')

diff --git a/frontend/scss/general.scss b/frontend/scss/general.scss
index efc447c..bc15cf5 100644
--- a/frontend/scss/general.scss
+++ b/frontend/scss/general.scss
@@ -8,7 +8,7 @@ body {
 }
 
 body * {
-  line-height: 1.4em;
+  line-height: var(--line-height);
 }
 
 main, article {
@@ -18,8 +18,13 @@ main, article {
 
 h1, h2, h3 {
   font-weight: 500;
+  line-height: var(--line-height-smaller);
 
   margin-bottom: 0.5rem;
+
+  & > a {
+    line-height: var(--line-height-smaller);
+  }
 }
 
 h1 {
@@ -52,6 +57,10 @@ a {
   }
 }
 
+nav > a {
+  line-height: var(--line-height-smaller);
+}
+
 em, cite {
   font-style: italic;
 }
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
index a2e446b..621c792 100644
--- a/frontend/scss/main.scss
+++ b/frontend/scss/main.scss
@@ -5,19 +5,21 @@
 
 :root {
   --color-dark: hsl(202, 25%, 9%);
-  --color-light: #EFF7F6;
+  --color-light: #dce4e4;
   --color-gray: #BCB3BB; /* quote and legend */
   --color-rose: #F2B5D4; /* link accent */
   --color-light-rose: hsl(330, 55%, 70%, 0.2); /* link accent hover and highlight */
 
   --font-size-tiny: 0.85rem; /* quote, legend, code */
+  --line-height: 1.75em;
+  --line-height-smaller: 1.4em; /* titles, nav links */
 
-  --width-content: 700px; /* main, article */
+  --width-content: 750px; /* main, article */
   --width-deco: 900px; /* header, footer, large image */
   --height-header: 8rem; /* header, footer, introduction */
 
   --margin-base: 1.5rem;
   --margin-header: calc(var(--height-header) / 2);
 
-  font-size: 20px;
+  font-size: 18px;
 }
diff --git a/frontend/scss/special.scss b/frontend/scss/special.scss
index 1d92eb3..1812130 100644
--- a/frontend/scss/special.scss
+++ b/frontend/scss/special.scss
@@ -42,7 +42,7 @@ footer {
   height: var(--height-header);
 
   margin: var(--margin-header) auto 0 auto;
-  padding-top: 2rem;
+  padding: 2rem 0;
 
   border-top: var(--color-light) 2px solid;
 
-- 
cgit v1.2.3