From dddfc8554be0a108cfcc746975bb0118cd270a28 Mon Sep 17 00:00:00 2001
From: Pontoporeia <pontoporeia@happyngreen.fr>
Date: Tue, 7 Apr 2026 14:15:40 +0200
Subject: [PATCH] fonts: add --font-body/--font-display vars, use them
 everywhere

---
 TODO.md                         | 10 ++++------
 public/assets/css/apropos.css   |  8 ++++----
 public/assets/css/common.css    |  4 ++--
 public/assets/css/tfe.css       |  4 ++--
 public/assets/css/variables.css |  4 ++++
 5 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/TODO.md b/TODO.md
index 7f67d51..6b4d02f 100644
--- a/TODO.md
+++ b/TODO.md
@@ -3,12 +3,10 @@
 ## Completed
 
 - [x] Apply correct fonts site-wide
-  - Registered `Combined` (@font-face, replaces old `police1`) and all 4 weights of `BBBDMSans` in `common.css`
-  - `body` now uses `BBBDMSans` as base font
-  - Header brand logo keeps `Combined`
-  - `tfe.css`: `.tfe-title` and `.tfe-author` use `Combined`
-  - `apropos.css`: prose body → `BBBDMSans`; h1/h2/h3, `.apropos-section-title`, `.apropos-licences h2` → `Combined`
-  - Code blocks keep `Courier New` monospace
+  - Registered `Combined` and all 4 weights of `BBBDMSans` via `@font-face` in `common.css`
+  - Added `--font-body` and `--font-display` CSS variables in `variables.css`
+  - All font usages across `common.css`, `tfe.css`, `apropos.css` use `var(--font-body)` / `var(--font-display)`
+  - Code blocks keep `Courier New` monospace (intentional)
 
 - [x] Répertoire: rename search.php → repertoire.php, 6-column layout (AP + Orientations split, Finalité du Master added), HTMX server-side intersection filter, faded entries disabled, URL-shareable state
 - [x] Match Accueil.png mockup
diff --git a/public/assets/css/apropos.css b/public/assets/css/apropos.css
index e841602..51d4146 100644
--- a/public/assets/css/apropos.css
+++ b/public/assets/css/apropos.css
@@ -35,7 +35,7 @@
 /* ------------------------------------------------------------------ */
 
 .prose {
-  font-family: "BBBDMSans", sans-serif;
+  font-family: var(--font-body);
   font-size: 1.55rem;
   line-height: 1.45;
   color: var(--text-primary);
@@ -50,7 +50,7 @@
 .prose h1,
 .prose h2,
 .prose h3 {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-weight: 400;
   margin: 1.5em 0 0.5em 0;
 }
@@ -96,7 +96,7 @@
 }
 
 .apropos-section-title {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-size: 1.55rem;
   font-weight: 400;
   color: var(--text-primary);
@@ -149,7 +149,7 @@
 }
 
 .apropos-licences h2 {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-size: 1.55rem;
   font-weight: 400;
   margin: 0 0 0.75rem 0;
diff --git a/public/assets/css/common.css b/public/assets/css/common.css
index 4ff7efe..1ad9465 100644
--- a/public/assets/css/common.css
+++ b/public/assets/css/common.css
@@ -54,7 +54,7 @@ body {
 }
 
 body {
-  font-family: "BBBDMSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-family: var(--font-body);
   background: var(--bg-primary);
   color: var(--text-primary);
 }
@@ -108,7 +108,7 @@ header nav {
 }
 
 header nav > a {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-size: 1.1rem;
   letter-spacing: 0.12em;
   text-transform: uppercase;
diff --git a/public/assets/css/tfe.css b/public/assets/css/tfe.css
index c2e237f..20a0f8a 100644
--- a/public/assets/css/tfe.css
+++ b/public/assets/css/tfe.css
@@ -42,7 +42,7 @@
 
 /* Title (h1) — primary heading, very large */
 .tfe-title {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-size: 2.2rem;
   font-weight: 400;
   color: var(--text-primary);
@@ -53,7 +53,7 @@
 
 /* Author (p) — large but secondary */
 .tfe-author {
-  font-family: "Combined", sans-serif;
+  font-family: var(--font-display);
   font-size: 1.9rem;
   font-weight: 400;
   color: var(--text-primary);
diff --git a/public/assets/css/variables.css b/public/assets/css/variables.css
index 95d32e5..ac9c35e 100644
--- a/public/assets/css/variables.css
+++ b/public/assets/css/variables.css
@@ -3,6 +3,10 @@
    ============================================================ */
 
 :root {
+  /* Fonts */
+  --font-body:    "BBBDMSans", sans-serif;
+  --font-display: "Combined", sans-serif;
+
   /* Backgrounds */
   --bg-primary:   #ffffff;
   --bg-secondary: #f5f5f5;