Fix the reversed layer order — find the bug

body { margin: 0; padding: 28px; font-family: system-ui, sans-serif; background: #f8fafc; color: #0f172a; }
@layer theme, base;
@layer theme { #text { color: blue; } }
@layer base { #text { color: red; } }