diff --git a/assets/css/main.scss b/assets/css/main.scss
index ec9ea68..af6159b 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -5,6 +5,9 @@ search: false
 
 @charset "utf-8";
 
+// Import variables before skin so color variables are available
+@import "minimal-mistakes/variables";
+
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
 @import "minimal-mistakes"; // main partials