@codecademy/gamut

Index: package/dist/AccordionButtonDeprecated/styles.module.scss
===================================================================
--- package/dist/AccordionButtonDeprecated/styles.module.scss
+++ package/dist/AccordionButtonDeprecated/styles.module.scss
@@ -1,31 +1,29 @@
-@use "~@codecademy/gamut-styles/utils" as *;
-
 .accordionButton {
   align-items: center;
   display: flex;
   justify-content: space-between;
   padding: 0.375rem 1rem;
   width: 100%;
 
   &.blue {
-    color: $color-blue-200;
+    color: #a5befa;
   }
 
   &.yellow {
-    background-color: $color-yellow-200;
-    border: solid $color-yellow-400;
+    background-color: #fff2b3;
+    border: solid #ffe359;
     border-width: 1px 0;
     font-weight: normal;
     transition: background-color 0.15s ease-in-out;
 
     &:focus-visible {
-      border-color: $color-yellow-800;
+      border-color: #b37620;
     }
 
     &:focus,
     &:hover {
-      background-color: $color-yellow-300;
+      background-color: #ffec8c;
     }
   }
 
   &.large {
@@ -39,9 +37,9 @@
     .expansionIcon {
       margin-left: 1rem;
     }
 
-    @include md-viewport {
+    @media only screen and (min-width: 64rem) {
       font-size: 1.75rem;
     }
   }
 }