diff --git a/frappe/public/scss/variables.scss b/frappe/public/scss/variables.scss
new file mode 100644
index 0000000000..c734e165aa
--- /dev/null
+++ b/frappe/public/scss/variables.scss
@@ -0,0 +1,2 @@
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
diff --git a/frappe/public/scss/website.scss b/frappe/public/scss/website.scss
index d4521496ba..c3ff5ee338 100644
--- a/frappe/public/scss/website.scss
+++ b/frappe/public/scss/website.scss
@@ -1,3 +1,4 @@
+@import "variables";
 @import "~bootstrap/scss/bootstrap";
 @import "multilevel-dropdown";