diff --git a/frontend/src/style.css b/frontend/src/style.css
index 88d6d34..05bf4c5 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -1,5 +1,19 @@
 @import "tailwindcss";
-@import "./styles/corrosion.css";
+
+/* Corrosion design tokens — load order matters: fonts → primitives → colors →
+   game themes → elevation → base (base references color/accent tokens).
+   Imported DIRECTLY here (not via a nested ./styles/corrosion.css barrel): a
+   nested @import barrel placed after `@import "tailwindcss"` gets its inner
+   @imports dropped, because once Tailwind v4 expands in place they no longer
+   precede all other statements. Keeping them flat + contiguous fixes that. */
+@import "./styles/tokens/fonts.css";
+@import "./styles/tokens/spacing.css";
+@import "./styles/tokens/typography.css";
+@import "./styles/tokens/motion.css";
+@import "./styles/tokens/colors.css";
+@import "./styles/tokens/game-themes.css";
+@import "./styles/tokens/elevation.css";
+@import "./styles/tokens/base.css";
 
 /* Tailwind utility colors — Oxide ramp (existing views use bg-oxide-*).
    The full design-token system (neutral ramp, surfaces, per-game accents,