From 13a0d32dda6628f30ba85302be6ac0a4746472bf Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan@local>
Date: Sat, 18 Apr 2026 16:22:09 +0200
Subject: [PATCH] fix: style-guide page actually applies tokens and fonts

---
 src/styles/global.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/styles/global.css b/src/styles/global.css
index 8ac8696..1dedfda 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -2,6 +2,9 @@
    Global styles — @font-face, resets, base semantic styles
    ============================================================= */
 
+/* @import must precede all other rules (CSS spec) */
+@import "./tokens.css";
+
 /* --- Fonts (self-hosted, served from /public/fonts/) --- */
 
 @font-face {
@@ -90,8 +93,6 @@
   src: url("/fonts/Newsreader-ExtraBold.ttf") format("truetype");
 }
 
-@import "./tokens.css";
-
 /* --- Reset --- */
 *, *::before, *::after {
   box-sizing: border-box;