Update CSS order (#724)

.changeset/red-yaks-clean.md

@@ -0,0 +1,5 @@
+---
+'@crowdstrike/glide-core': patch
+---
+
+System CSS variables are no longer overridden by light or dark mode variables.

src/styles/variables.css

@@ -1,8 +1,11 @@
 /*
-  Order matters here. "light" is our default. "dark" uses the same
-  variable names but different values. So it must come after "light".
+  Order matters here. "system.css" comes first due to its
+  "root:" and ":host" selectors and "color-scheme: normal".
+  Then our color stylesheets: "light.css" is our default so
+  comes it before "dark.css". Then "miscellaneous.css" with
+  only a root selector.
 */
+@import './variables/system.css';
 @import './variables/light.css';
 @import './variables/dark.css';
 @import './variables/miscellaneous.css';
-@import './variables/system.css';