Switch to CSS vars for variables

gallery/themes/default/components/banner.sass

@@ -4,8 +4,8 @@
 
     position: relative
 
-    background-color: $black
-    color: $white
+    background-color: RGB($bg-300)
+    color: RGB($fg-white)
 
     overflow: hidden
     transition: opacity 0.3s ease-in-out
@@ -18,7 +18,7 @@
         width: 100%
         height: 100%
 
-        background-color: $black2
+        background-color: RGB($bg-200)
 
         object-fit: cover
         object-position: center center
@@ -31,7 +31,7 @@
         width: 100%
         height: 100%
 
-        background: linear-gradient(to right, rgba($primary, 1), rgba($primary, 0))
+        background: linear-gradient(to right, RGB($primary), transparent)
 
         z-index: +1
 
@@ -57,7 +57,7 @@
             font-weight: 800
             text-align: left
 
-            color: $primary
+            color: RGB($primary)
 
         p
             margin: 0