FIX: uses core discourse variables where possible

FIX: uses core discourse variables where possible

diff --git a/assets/stylesheets/discourse-algolia-base.scss b/assets/stylesheets/discourse-algolia-base.scss
index 817cad2..825e4f4 100644
--- a/assets/stylesheets/discourse-algolia-base.scss
+++ b/assets/stylesheets/discourse-algolia-base.scss
@@ -27,9 +27,9 @@ body.algolia-enabled {
   }
 
   .algolia-holder .aa-input {
-    color: #919191;
+    color: var(--primary-medium);
     font-family: Open Sans, Arial, sans-serif;
-    border: solid 1px rgba(137,149,199,0.2);
+    border: solid 1px var(--primary-low);
     border-radius: 6px;
     font-size: 13px;
     line-height: 13px;
diff --git a/assets/stylesheets/discourse-algolia-layout.scss b/assets/stylesheets/discourse-algolia-layout.scss
index 21eceaf..5952b1f 100644
--- a/assets/stylesheets/discourse-algolia-layout.scss
+++ b/assets/stylesheets/discourse-algolia-layout.scss
@@ -13,13 +13,13 @@
 }
 
 .aa-dropdown-menu {
-  border: 1px solid $aa-border-color;
+  border: 1px solid var(--primary-low);
   .left-container {
-    background-color: $aa-background-color;
+    background-color: var(--primary-low);
   }
   .right-container {
-    border-left: 1px solid $aa-border-color;
-    background-color: $aa-panel-background-color;
+    border-left: 1px solid var(--primary-low);
+    background-color: var(--primary-very-low);
   }
 }
 
@@ -41,11 +41,11 @@
 }
 
 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
-  background-color: $aa-cursor-color;
+  background-color: var(--primary-very-low);
 }
 
 .algolia-autocomplete .aa-dropdown-menu .aa-suggestion em {
-  background-color: $aa-highlight-background-color;
+  background-color: var(--highlight);
   font-weight: bold;
   font-style: normal;
   font-weight: inherit;
@@ -53,7 +53,7 @@
 
 .algolia-autocomplete .aa-empty {
   padding: 12px;
-  color: $aa-light-font-color;
+  color: var(--primary-medium);
 }
 
 .aa-dataset-users {
@@ -74,8 +74,8 @@
     font-weight: bold;
   }
   .hit-user-name {
-    font-size: $aa-small-font;
-    color: $aa-light-font-color;
+    font-size: $font-down-1;
+    color: var(--primary-medium);
   }
   .hit-user-name, .hit-user-username-holder {
     max-width: $aa-dropdown-right-panel-width - 78px;
@@ -88,65 +88,64 @@
     border-radius: 50%;
   }
   .hit-user-custom-ranking {
-    color: $aa-light-font-color;
-    font-size: $aa-small-font;
+    color: var(--primary-medium);
+    font-size: $font-down-1;
   }
   .hit-user-like-heart {
-    color: $aa-heart-color;
+    color: var(--love);
   }
 }
 
 .aa-dataset-tags {
   .aa-suggestion {
     padding: 8px 12px;
-    border-top: 1px solid $aa-border-color;
+    border-top: 1px solid var(--primary-low);
   }
   .hit-tag-name {
     font-weight: bold;
   }
   .hit-tag-topic_count {
-    color: $aa-light-font-color;
-    font-size: $aa-small-font;
+    color: var(--primary-medium);
+    font-size: $font-down-1;
   }
 }
 
 .aa-dataset-posts {
   .aa-suggestion {
     padding: 12px;
-    border-bottom: 1px solid $aa-border-color;
+    border-bottom: 1px solid var(--primary-low);
     &:last-child {
       border-bottom: none;
     }
   }
   .hit-post {
     .hit-post-topic-title {
-      font-size: $aa-large-font;
+      font-size: $font-up-1;
       font-weight: bold;
     }
     .hit-post-topic-views {
-      font-size: $aa-small-font;
-      color: $aa-light-font-color;
+      font-size: $font-down-1;
+      color: var(--primary-medium);
     }
     .hit-post-category-tags {
       margin: 2px 0 4px;
     }
     .hit-post-tag {
-      color: $aa-light-font-color;
-      font-size: $aa-small-font;
+      color: var(--primary-medium);
+      font-size: $font-down-1;
       padding: 0 3px;
     }
     .hit-post-category-name {
-      color: $aa-dark-font-color;
-      font-size: $aa-normal-font;
+      color: var(--primary);
       font-weight: normal;
     }
     .hit-post-content-holder {
-      color: $aa-light-font-color;
-      font-size: $aa-small-font;
+      color: var(--primary-medium);
+      font-size: $font-down-1;
     }
     .hit-post-content {
       word-break: break-word;
-      font-size: $aa-small-font;
+      font-size: $font-down-1;
     }
   }
 }
diff --git a/assets/stylesheets/variables.scss b/assets/stylesheets/variables.scss
index c669d22..4ebeb1b 100644
--- a/assets/stylesheets/variables.scss
+++ b/assets/stylesheets/variables.scss
@@ -1,22 +1,3 @@
-$algolia-blue: rgb(0,174,255);
-$titan-white: rgb(248,250,255);
-$athens-gray: rgb(238, 240, 247);
-$ghost: rgb(196, 200, 216);
-
-$aa-large-font: 15px;
-$aa-normal-font: 13px;
-$aa-small-font: 11.5px;
-
-$aa-dark-font-color: #222;
-$aa-light-font-color: #919191;
-$aa-heart-color: #fa6c8d;
-
 $aa-dropdown-left-panel-width: 450px;
 $aa-dropdown-right-panel-width: 225px;
 $aa-dropdown-width: $aa-dropdown-right-panel-width + $aa-dropdown-left-panel-width;
-
-$aa-cursor-color: $athens-gray;
-$aa-background-color: lighten($titan-white, 1%);
-$aa-panel-background-color: lighten($athens-gray, 3%);
-$aa-border-color: lighten($ghost, 10%);
-$aa-highlight-background-color: lighten($algolia-blue, 40%);

GitHub sha: 57a1e285