DEV: Convert scss variables to CSS Custom properties

assets/stylesheets/common/wizard-admin.scss

@@ -714,20 +714,20 @@
 }
 
 .btn.btn-pavilion-pro {
-  background: $pavilion-primary;
+  background: var(--pavilion-primary);
-  color: $pavilion-secondary;
+  color: var(--pavilion-secondary);
 
   .d-icon {
-    color: $pavilion-secondary;
+    color: var(--pavilion-secondary);
   }
 
   &:hover,
   &:focus {
-    background: darken($pavilion-primary, 5%);
+    background: darken(var(--pavilion-primary), 5%);
     
     &[href],
     svg.d-icon {
-      color: darken($pavilion-secondary, 10%);
+      color: darken(var(--pavilion-secondary), 10%);
     }
   }
 }

assets/stylesheets/common/wizard-variables.scss

@@ -1,2 +1,4 @@
-$pavilion-primary: #3c1c8c;
+:root {
-$pavilion-secondary: #fff;
+  --pavilion-primary: rgb(60, 28, 140);
+  --pavilion-secondary: rgb(255, 255, 255);
+}