refactor: Consolidate CSS variable usage

Author: sman591

app/assets/stylesheets/general/_button.sass

@@ -35,10 +35,9 @@
       color: var(--button--text--hover)
       outline-color: var(--button--background--hover)
   &:disabled
-    @include css4
-      color: var(--primary-lightest)
-      border: 1px solid var(--primary-lightest)
-      @include box-shadow(inset 0 0 0 0 var(--primary-light))
+    color: #bbb
+    border: 1px solid #bbb
+    @include box-shadow(inset 0 0 0 0)
     background: transparent
     cursor: default
 

app/assets/stylesheets/general/_status-colors.sass

@@ -6,7 +6,7 @@
   color: darken(#0df, 7%)
 .acc-status-late_waitlist
   @include css4
-    color: var(--primary-darkest)
+    color: #ac5408
 .acc-status-pending
   @include css4
     color: var(--primary)

app/assets/stylesheets/general/_variables.scss

@@ -29,11 +29,7 @@ $variables: (
    * Standardized colors
    ***************************************************************************/
     --primary: #f58625,
-  --primary-light: lighten(#f58625, 5%),
-  --primary-lighter: lighten(#f58625, 10%),
-  --primary-lighterer: lighten(#f58625, 15%),
-  --primary-lightest: lighten(#f58625, 40%),
-  --primary-darkest: darken(#f58625, 20%),
+  --primary-light: lighten(#f58625, 12%),
   /*
    * General colors
    ***************************************************************************/
@@ -68,15 +64,15 @@ $variables: (
    * Links
    ***************************************************************************/
     --link--text: var(--primary),
-  --link--text--hover: var(--primary-lighter),
+  --link--text--hover: var(--primary-light),
   /*
    * Buttons
    ***************************************************************************/
     --button--background: var(--primary),
   --button--border: var(--primary),
   --button--text: var(--white-pure),
-  --button--background--hover: var(--primary-lighterer),
-  --button--border--hover: var(--primary-lighterer),
+  --button--background--hover: var(--primary-light),
+  --button--border--hover: var(--primary-light),
   --button--text--hover: var(--white-pure),
   /*
    * Forms