From 8ff4b3101026400c936833892730c361c5ee8662 Mon Sep 17 00:00:00 2001 From: tajniak81 <13187254+tajniak81@users.noreply.github.com> Date: Mon, 17 Aug 2026 11:40:45 +0200 Subject: [PATCH] Web App: order the fonts @import before Tailwind so Archivo loads MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Tailwind v4 inlines @import "tailwindcss" into many rules, which pushed the Google Fonts @import after them and violated CSS's "imports must come first" — PostCSS dropped it and the Archivo/DM Mono webfonts never loaded. Move the fonts import above the Tailwind import. Co-Authored-By: Claude Opus 4.8 --- Web App/web/src/style.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/Web App/web/src/style.css b/Web App/web/src/style.css index 3416878..45557ce 100644 --- a/Web App/web/src/style.css +++ b/Web App/web/src/style.css @@ -1,8 +1,10 @@ -@import "tailwindcss"; - -/* DriverVault webfonts — Archivo (UI + display, italic 800 is the brand voice) + DM Mono (data/labels). */ +/* DriverVault webfonts — Archivo (UI + display, italic 800 is the brand voice) + DM Mono (data/labels). + Must precede @import "tailwindcss": Tailwind v4 inlines its import into many + rules, so any @import after it would violate CSS's "imports must come first". */ @import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,600;1,700;1,800&family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap"); +@import "tailwindcss"; + /* Tailwind v4 defaults dark: to a prefers-color-scheme media query. We need theme to be user-selectable (light/dark/system), so switch it to a class strategy — prefs.js toggles .dark on based on the saved preference. */