Move colors to _variables.scss; Fix SCSS syntax

Author: adriendupuis

docs/css/pills.css

@@ -21,3 +21,12 @@ $color-light-400: #ECECF1;
 
 $color-dark: #131C26;
 $color-dark-400: #71767C;
+
+$color-headless: #C4234A;
+$color-experience: #D3822B;
+$color-commerce: #A32768;
+$color-lts-update: #5DA7C0;
+$color-new-feature: #2C9445;
+$color-first-release: #2C9445;
+
+$color-new-doc: #3562A0;

scss/_variables.scss

@@ -1,15 +1,6 @@
 @use 'variables';
 @use 'sass:list';
 
-$color-headless: #C4234A;
-$color-experience: #D3822B;
-$color-commerce: #A32768;
-$color-lts-update: #5DA7C0;
-$color-new-feature: #2C9445;
-$color-first-release: #2C9445;
-
-$color-new-doc: #3562A0
-
 .pill {
     font-size: 12px;
     font-weight: initial;
@@ -51,7 +42,7 @@ $color-new-doc: #3562A0
     &--new {
       margin-right: 15px;
       align-self: center;
-      color: $color-new-doc;
+      color: variables.$color-new-doc;
       text-transform: lowercase;
     }
 }