fonts: add --font-body/--font-display vars, use them everywhere

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

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;

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;

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);

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;