diff --git a/paragon/css/core/custom-media-breakpoints.css b/paragon/css/core/custom-media-breakpoints.css
index 62bafc9..9e1ddca 100644
--- a/paragon/css/core/custom-media-breakpoints.css
+++ b/paragon/css/core/custom-media-breakpoints.css
@@ -1,6 +1,6 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Thu, 23 May 2024 13:50:34 GMT
+ * Generated on Thu, 23 May 2024 14:07:52 GMT
  */
 
diff --git a/paragon/css/core/variables.css b/paragon/css/core/variables.css
index b1b3327..22b50a2 100644
--- a/paragon/css/core/variables.css
+++ b/paragon/css/core/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Thu, 23 May 2024 13:50:34 GMT
+ * Generated on Thu, 23 May 2024 14:07:52 GMT
  */
 
 :root {
@@ -65,21 +65,21 @@
   --pgn-typography-display-weight-3: 700;
   --pgn-typography-display-weight-2: 700;
   --pgn-typography-display-weight-1: 700;
-  --pgn-typography-badge-font-weight: 400;
-  --pgn-typography-badge-font-size: 0.75rem;
   --pgn-typography-headings-font-weight: 700;
   --pgn-typography-btn-font-weight: 500;
+  --pgn-typography-badge-font-weight: 400;
+  --pgn-typography-badge-font-size: 0.75rem;
   --pgn-spacing-spacer-base: 1rem;
   --pgn-spacing-spacer-0: 0;
   --pgn-spacing-btn-focus-gap: 2px;
   --pgn-size-popover-border-width: 0px;
   --pgn-size-nav-pills-border-radius: 0;
   --pgn-size-image-thumbnail-border-radius: 0;
-  --pgn-size-dropdown-border-width: 0;
   --pgn-size-input-btn-border-width: 1px;
   --pgn-size-form-input-radius-border-sm: 0;
   --pgn-size-form-input-radius-border-lg: 0;
   --pgn-size-form-input-radius-border-base: 0;
+  --pgn-size-dropdown-border-width: 0;
   --pgn-size-btn-border-radius-sm: 100px;
   --pgn-size-btn-border-radius-lg: 100px;
   --pgn-size-btn-border-radius-base: 100px;
@@ -103,9 +103,12 @@
   --pgn-spacing-spacer-1: calc(1rem * .25);
   --pgn-spacing-caret-vertical-align: calc(.3em * .67);
   --pgn-spacing-caret-base: calc(.3em * 1);
+  --pgn-size-btn-focus-border-radius-sm: 100px;
+  --pgn-size-btn-focus-border-radius-base: calc(100px + calc(2px + 2px));
   --pgn-spacing-grid-gutter-width: calc(1rem * 4);
   --pgn-spacing-dropdown-padding-y-item: calc(1rem * .75);
   --pgn-spacing-dropdown-padding-y-base: calc(1rem * .5);
   --pgn-spacing-card-spacer-y: 1rem;
   --pgn-spacing-card-spacer-x: calc(1rem * 1.5);
+  --pgn-size-btn-focus-border-radius-lg: calc(100px + calc(2px + 2px));
 }
diff --git a/paragon/css/themes/light/variables.css b/paragon/css/themes/light/variables.css
index 15bbfc9..18d4137 100644
--- a/paragon/css/themes/light/variables.css
+++ b/paragon/css/themes/light/variables.css
@@ -1,7 +1,7 @@
 /**
  * IMPORTANT: This file is the result of assembling design tokens
  * Do not edit directly
- * Generated on Thu, 23 May 2024 13:50:35 GMT
+ * Generated on Thu, 23 May 2024 14:07:52 GMT
  */
 
 :root {
@@ -78,18 +78,19 @@
   --pgn-color-primary-300: #96A4A7FF;
   --pgn-color-primary-200: #EFF2F2FF;
   --pgn-color-gray-base: #EBEBEBFF;
-  --pgn-color-gray-900: #171A1DFF;
-  --pgn-color-gray-800: #262626FF;
-  --pgn-color-gray-700: #373737FF;
-  --pgn-color-gray-600: #535353FF;
+  --pgn-color-gray-900: #212529FF;
+  --pgn-color-gray-800: #333333FF;
+  --pgn-color-gray-700: #454545FF;
+  --pgn-color-gray-600: #5C5C5CFF;
   --pgn-color-gray-500: #707070FF;
-  --pgn-color-gray-400: #ABABABFF;
-  --pgn-color-gray-300: #D6D6D6FF;
-  --pgn-color-gray-200: #F2F2F2FF;
+  --pgn-color-gray-400: #8F8F8FFF;
+  --pgn-color-gray-300: #ADADADFF;
+  --pgn-color-gray-200: #CCCCCCFF;
   --pgn-color-yellow: #D6B600FF;
   --pgn-color-green: #0D7D4DFF;
   --pgn-color-red: #AB0D02FF;
   --pgn-color-blue: #00688DFF;
+  --pgn-color-black: #000000FF;
   --pgn-color-white: #FFFFFFFF;
   --pgn-color-popover-header-bg: #00000000;
   --pgn-color-btn-disabled-bg-outline-warning: #000000FF;
@@ -100,13 +101,13 @@
   --pgn-color-btn-disabled-bg-outline-info: #000000FF;
   --pgn-color-btn-disabled-bg-outline-dark: #000000FF;
   --pgn-color-btn-disabled-bg-outline-danger: #000000FF;
+  --pgn-other-btn-disabled-opacity: .3;
   --pgn-elevation-box-shadow-level-4: 0px 8px 48px 0px rgba(0,0,0,0.15), 0px 20px 40px 0px rgba(0,0,0,0.15);
   --pgn-elevation-box-shadow-level-3: 0px 8px 20px 0px rgba(0,0,0,0.15), 0px 10px 20px 0px rgba(0,0,0,0.15);
   --pgn-elevation-box-shadow-level-2: 0px 4px 10px 0px rgba(0,0,0,0.15), 0px 8px 16px 0px rgba(0,0,0,0.15);
   --pgn-elevation-box-shadow-level-1: 0px 2px 8px 0px rgba(0,0,0,0.15), 0px 2px 4px 0px rgba(0,0,0,0.15);
   --pgn-elevation-image-thumbnail-box-shadow: none;
   --pgn-elevation-form-input-base: none;
-  --pgn-other-btn-disabled-opacity: .3;
   --pgn-transition-btn: none;
   --pgn-typography-input-btn-line-height-sm: 1.4286;
   --pgn-typography-input-btn-line-height-base: 1.3333;
@@ -131,11 +132,10 @@
   --pgn-color-success-100: #FEFFFFFF;
   --pgn-color-brand-100: #FEF9F7FF;
   --pgn-color-primary-100: #FEFEFEFF;
-  --pgn-color-gray-100: #FEFEFEFF;
+  --pgn-color-gray-100: #EBEBEBFF;
   --pgn-color-tooltip-bg-base: #F0F2F2FF;
   --pgn-color-tooltip-light: #F0F2F2FF;
   --pgn-color-pagination-text-base: #F0F2F2FF;
-  --pgn-color-badge-bg-info: #00BBF9FF;
   --pgn-color-link-hover: #003A5BFF;
   --pgn-color-link-base: #00688DFF;
   --pgn-color-headings-base: #1F453DFF;
@@ -144,7 +144,8 @@
   --pgn-color-form-input-bg-base: #FFFFFFFF;
   --pgn-color-btn-active-bg-inverse-tertiary: #96A4A7FF;
   --pgn-color-btn-active-text-outline-brand: #FFFFFFFF;
-  --pgn-color-btn-active-text-brand: #FFFFFFFF;
+  --pgn-color-btn-active-text-brand: #454545FF;
+  --pgn-color-btn-hover-border-brand: #D74000FF;
   --pgn-color-btn-hover-bg-outline-warning: #AE9400FF;
   --pgn-color-btn-hover-bg-inverse-tertiary: #96A4A7FF;
   --pgn-color-btn-hover-bg-outline-success: #0B663EFF;
@@ -162,6 +163,7 @@
   --pgn-color-btn-hover-text-outline-dark: #FFFFFFFF;
   --pgn-color-btn-hover-text-outline-danger: #FFFFFFFF;
   --pgn-color-btn-hover-text-outline-brand: #FFFFFFFF;
+  --pgn-color-btn-hover-text-brand: #FFFFFFFF;
   --pgn-color-btn-bg-outline-warning: #FFFFFFFF;
   --pgn-color-btn-bg-warning: #AE9400FF;
   --pgn-color-btn-bg-outline-success: #FFFFFFFF;
@@ -178,8 +180,9 @@
   --pgn-color-btn-bg-outline-danger: #FFFFFFFF;
   --pgn-color-btn-bg-danger: #8B0B02FF;
   --pgn-color-btn-bg-outline-brand: #FFFFFFFF;
-  --pgn-color-btn-bg-brand: #A93405FF;
-  --pgn-color-theme-active-gray: #171A1DFF;
+  --pgn-color-btn-bg-brand: #D74000FF;
+  --pgn-color-badge-bg-info: #00BBF9FF;
+  --pgn-color-theme-active-gray: #212529FF;
   --pgn-color-theme-active-dark: #040A08FF;
   --pgn-color-theme-active-light: #201F1DFF;
   --pgn-color-theme-active-danger: #4A0A05FF;
@@ -188,7 +191,7 @@
   --pgn-color-theme-active-success: #0B360BFF;
   --pgn-color-theme-active-brand: #511D08FF;
   --pgn-color-theme-active-primary: #001315FF;
-  --pgn-color-theme-hover-gray: #373737FF;
+  --pgn-color-theme-hover-gray: #454545FF;
   --pgn-color-theme-hover-dark: #0F211EFF;
   --pgn-color-theme-hover-light: #6C6A65FF;
   --pgn-color-theme-hover-danger: #77160FFF;
@@ -215,7 +218,7 @@
   --pgn-color-theme-focus-success: #0D7D4DFF;
   --pgn-color-theme-focus-brand: #D74000FF;
   --pgn-color-theme-focus-primary: #00262BFF;
-  --pgn-color-theme-border-gray: #F2F2F2FF;
+  --pgn-color-theme-border-gray: #CCCCCCFF;
   --pgn-color-theme-border-dark: #EFF2F2FF;
   --pgn-color-theme-border-light: #FCFCFBFF;
   --pgn-color-theme-border-danger: #FCEBEAFF;
@@ -249,8 +252,8 @@
   --pgn-spacing-btn-padding-y-lg: .6875rem;
   --pgn-spacing-btn-padding-y-base: .5625rem;
   --pgn-size-input-btn-border-width: 1px;
-  --pgn-color-form-input-focus-border: #373737FF;
-  --pgn-color-form-input-base: #373737FF;
+  --pgn-color-form-input-focus-border: #454545FF;
+  --pgn-color-form-input-base: #454545FF;
   --pgn-color-btn-disabled-bg-warning: #AE9400FF;
   --pgn-color-btn-disabled-bg-success: #0B663EFF;
   --pgn-color-btn-disabled-bg-primary: #002022FF;
@@ -284,8 +287,8 @@
   --pgn-color-btn-focus-bg-outline-danger: #FFFFFFFF;
   --pgn-color-btn-focus-bg-danger: #8B0B02FF;
   --pgn-color-btn-focus-bg-outline-brand: #FFFFFFFF;
-  --pgn-color-btn-focus-bg-brand: #A93405FF;
-  --pgn-color-btn-focus-text-tertiary: #373737FF;
+  --pgn-color-btn-focus-bg-brand: #D74000FF;
+  --pgn-color-btn-focus-text-tertiary: #454545FF;
   --pgn-color-btn-active-border-outline-warning: #AE9400FF;
   --pgn-color-btn-active-border-warning: #554900FF;
   --pgn-color-btn-active-border-outline-success: #0B663EFF;
@@ -300,7 +303,7 @@
   --pgn-color-btn-active-border-dark: #040A08FF;
   --pgn-color-btn-active-border-outline-danger: #8B0B02FF;
   --pgn-color-btn-active-border-danger: #4A0A05FF;
-  --pgn-color-btn-active-border-outline-brand: #A93405FF;
+  --pgn-color-btn-active-border-outline-brand: #D74000FF;
   --pgn-color-btn-active-border-brand: #511D08FF;
   --pgn-color-btn-active-bg-outline-warning: #AE9400FF;
   --pgn-color-btn-active-bg-warning: #554900FF;
@@ -316,7 +319,7 @@
   --pgn-color-btn-active-bg-dark: #040A08FF;
   --pgn-color-btn-active-bg-outline-danger: #8B0B02FF;
   --pgn-color-btn-active-bg-danger: #4A0A05FF;
-  --pgn-color-btn-active-bg-outline-brand: #A93405FF;
+  --pgn-color-btn-active-bg-outline-brand: #D74000FF;
   --pgn-color-btn-active-bg-brand: #511D08FF;
   --pgn-color-btn-hover-border-outline-warning: #AE9400FF;
   --pgn-color-btn-hover-border-outline-success: #0B663EFF;
@@ -333,8 +336,7 @@
   --pgn-color-btn-hover-bg-info: #003A5BFF;
   --pgn-color-btn-hover-bg-dark: #0F211EFF;
   --pgn-color-btn-hover-bg-danger: #77160FFF;
-  --pgn-color-btn-hover-bg-brand: #822A06FF;
-  --pgn-color-btn-hover-text-brand: #454545FF;
+  --pgn-color-btn-hover-bg-brand: #FEF9F7FF;
   --pgn-color-btn-border-outline-warning: #AE9400FF;
   --pgn-color-btn-border-warning: #AE9400FF;
   --pgn-color-btn-border-outline-success: #0B663EFF;
@@ -349,8 +351,8 @@
   --pgn-color-btn-border-dark: #17322CFF;
   --pgn-color-btn-border-outline-danger: #8B0B02FF;
   --pgn-color-btn-border-danger: #8B0B02FF;
-  --pgn-color-btn-border-outline-brand: #A93405FF;
-  --pgn-color-btn-border-brand: #A93405FF;
+  --pgn-color-btn-border-outline-brand: #D74000FF;
+  --pgn-color-btn-border-brand: #D74000FF;
   --pgn-color-btn-text-outline-warning: #AE9400FF;
   --pgn-color-btn-text-warning: #2D2D2DFF;
   --pgn-color-btn-text-outline-success: #0B663EFF;
@@ -365,9 +367,9 @@
   --pgn-color-btn-text-dark: #FFFFFFFF;
   --pgn-color-btn-text-outline-danger: #8B0B02FF;
   --pgn-color-btn-text-danger: #FFFFFFFF;
-  --pgn-color-btn-text-outline-brand: #A93405FF;
+  --pgn-color-btn-text-outline-brand: #D74000FF;
   --pgn-color-btn-text-brand: #FFFFFFFF;
-  --pgn-color-theme-bg-gray: #FEFEFEFF;
+  --pgn-color-theme-bg-gray: #EBEBEBFF;
   --pgn-color-theme-bg-dark: #FCFDFDFF;
   --pgn-color-theme-bg-light: #FFFFFEFF;
   --pgn-color-theme-bg-danger: #FFFEFEFF;
@@ -394,8 +396,8 @@
   --pgn-color-btn-disabled-border-dark: #17322CFF;
   --pgn-color-btn-disabled-border-outline-danger: #8B0B02FF;
   --pgn-color-btn-disabled-border-danger: #8B0B02FF;
-  --pgn-color-btn-disabled-border-outline-brand: #A93405FF;
-  --pgn-color-btn-disabled-border-brand: #A93405FF;
+  --pgn-color-btn-disabled-border-outline-brand: #D74000FF;
+  --pgn-color-btn-disabled-border-brand: #D74000FF;
   --pgn-color-btn-disabled-text-warning: #2D2D2DFF;
   --pgn-color-btn-disabled-text-success: #FFFFFFFF;
   --pgn-color-btn-disabled-text-primary: #FFFFFFFF;
@@ -418,8 +420,8 @@
   --pgn-color-btn-focus-outline-dark: #17322CFF;
   --pgn-color-btn-focus-outline-outline-danger: #8B0B02FF;
   --pgn-color-btn-focus-outline-danger: #8B0B02FF;
-  --pgn-color-btn-focus-outline-outline-brand: #A93405FF;
-  --pgn-color-btn-focus-outline-brand: #A93405FF;
+  --pgn-color-btn-focus-outline-outline-brand: #D74000FF;
+  --pgn-color-btn-focus-outline-brand: #D74000FF;
   --pgn-color-btn-focus-border-outline-warning: #AE9400FF;
   --pgn-color-btn-focus-border-warning: #AE9400FF;
   --pgn-color-btn-focus-border-outline-success: #0B663EFF;
@@ -434,8 +436,8 @@
   --pgn-color-btn-focus-border-dark: #17322CFF;
   --pgn-color-btn-focus-border-outline-danger: #8B0B02FF;
   --pgn-color-btn-focus-border-danger: #8B0B02FF;
-  --pgn-color-btn-focus-border-outline-brand: #A93405FF;
-  --pgn-color-btn-focus-border-brand: #A93405FF;
+  --pgn-color-btn-focus-border-outline-brand: #D74000FF;
+  --pgn-color-btn-focus-border-brand: #D74000FF;
   --pgn-color-btn-focus-text-outline-warning: #AE9400FF;
   --pgn-color-btn-focus-text-warning: #2D2D2DFF;
   --pgn-color-btn-focus-text-outline-success: #0B663EFF;
@@ -450,7 +452,7 @@
   --pgn-color-btn-focus-text-dark: #FFFFFFFF;
   --pgn-color-btn-focus-text-outline-danger: #8B0B02FF;
   --pgn-color-btn-focus-text-danger: #FFFFFFFF;
-  --pgn-color-btn-focus-text-outline-brand: #A93405FF;
+  --pgn-color-btn-focus-text-outline-brand: #D74000FF;
   --pgn-color-btn-focus-text-brand: #FFFFFFFF;
   --pgn-color-btn-active-text-outline-warning: #2D2D2DFF;
   --pgn-color-btn-active-text-warning: #FFFFFFFF;
@@ -473,9 +475,8 @@
   --pgn-color-btn-hover-border-info: #003A5BFF;
   --pgn-color-btn-hover-border-dark: #0F211EFF;
   --pgn-color-btn-hover-border-danger: #77160FFF;
-  --pgn-color-btn-hover-border-brand: #822A06FF;
-  --pgn-color-btn-hover-bg-outline-secondary: #323232FF;
-  --pgn-color-btn-hover-bg-secondary: #696969FF;
+  --pgn-color-btn-hover-bg-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-hover-bg-secondary: #747474FF;
   --pgn-color-btn-hover-text-warning: #FFFFFFFF;
   --pgn-color-btn-hover-text-success: #FFFFFFFF;
   --pgn-color-btn-hover-text-outline-secondary: #FFFFFFFF;
@@ -484,31 +485,31 @@
   --pgn-color-btn-hover-text-info: #FFFFFFFF;
   --pgn-color-btn-hover-text-dark: #FFFFFFFF;
   --pgn-color-btn-hover-text-danger: #FFFFFFFF;
-  --pgn-color-btn-bg-secondary: #323232FF;
+  --pgn-color-btn-bg-secondary: #3E3E3EFF;
   --pgn-other-content-form-feedback-icon-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23FCF1F4FF' viewBox='2 2 20 20'%3e%3cpath d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M13.25,15.5 L10.75,15.5 C10.6119288,15.5 10.5,15.6119288 10.5,15.75 L10.5,15.75 L10.5,18.25 C10.5,18.3880712 10.6119288,18.5 10.75,18.5 L10.75,18.5 L13.25,18.5 C13.3880712,18.5 13.5,18.3880712 13.5,18.25 L13.5,18.25 L13.5,15.75 C13.5,15.6119288 13.3880712,15.5 13.25,15.5 L13.25,15.5 Z M13.492539,5.5 L10.5001113,5.50010806 C10.3620998,5.50416722 10.2535099,5.61933826 10.2575691,5.75734976 L10.2575691,5.75734976 L10.4928632,13.7573498 C10.4968382,13.8925005 10.607546,14 10.7427552,14 L10.7427552,14 L13.2572448,14 C13.392454,14 13.5031618,13.8925005 13.5071368,13.7573498 L13.5071368,13.7573498 L13.7424309,5.75734976 L13.7424309,5.75734976 C13.742539,5.61192881 13.6306101,5.5 13.492539,5.5 L13.492539,5.5 Z' /%3e%3c/svg%3E");
   --pgn-other-content-form-feedback-icon-valid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 20'%3e%3cpath fill='%23F2FAF7FF' d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M17.5208153,8.03553391 L10.4497475,15.1066017 L6.91421356,11.5710678 L5.5,12.9852814 L10.4497475,17.9350288 L18.9350288,9.44974747 L17.5208153,8.03553391 Z'/%3e%3c/svg%3e");
-  --pgn-color-btn-disabled-bg-secondary: #323232FF;
+  --pgn-color-btn-disabled-bg-secondary: #3E3E3EFF;
   --pgn-color-btn-disabled-text-outline-secondary: #FFFFFFFF;
-  --pgn-color-btn-focus-bg-secondary: #323232FF;
-  --pgn-color-btn-active-border-outline-secondary: #323232FF;
-  --pgn-color-btn-active-border-secondary: #272727FF;
-  --pgn-color-btn-active-bg-outline-secondary: #323232FF;
-  --pgn-color-btn-active-bg-secondary: #272727FF;
-  --pgn-color-btn-hover-border-outline-secondary: #323232FF;
-  --pgn-color-btn-hover-border-secondary: #696969FF;
+  --pgn-color-btn-focus-bg-secondary: #3E3E3EFF;
+  --pgn-color-btn-active-border-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-active-border-secondary: #303030FF;
+  --pgn-color-btn-active-bg-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-active-bg-secondary: #303030FF;
+  --pgn-color-btn-hover-border-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-hover-border-secondary: #747474FF;
   --pgn-color-btn-hover-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-border-outline-secondary: #323232FF;
-  --pgn-color-btn-border-secondary: #323232FF;
-  --pgn-color-btn-text-outline-secondary: #323232FF;
+  --pgn-color-btn-border-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-border-secondary: #3E3E3EFF;
+  --pgn-color-btn-text-outline-secondary: #3E3E3EFF;
   --pgn-color-btn-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-disabled-border-outline-secondary: #323232FF;
-  --pgn-color-btn-disabled-border-secondary: #323232FF;
+  --pgn-color-btn-disabled-border-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-disabled-border-secondary: #3E3E3EFF;
   --pgn-color-btn-disabled-text-secondary: #FFFFFFFF;
-  --pgn-color-btn-focus-outline-outline-secondary: #323232FF;
-  --pgn-color-btn-focus-outline-secondary: #323232FF;
-  --pgn-color-btn-focus-border-outline-secondary: #323232FF;
-  --pgn-color-btn-focus-border-secondary: #323232FF;
-  --pgn-color-btn-focus-text-outline-secondary: #323232FF;
+  --pgn-color-btn-focus-outline-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-focus-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-focus-border-outline-secondary: #3E3E3EFF;
+  --pgn-color-btn-focus-border-secondary: #3E3E3EFF;
+  --pgn-color-btn-focus-text-outline-secondary: #3E3E3EFF;
   --pgn-color-btn-focus-text-secondary: #FFFFFFFF;
   --pgn-color-btn-active-text-outline-secondary: #FFFFFFFF;
   --pgn-color-btn-active-text-secondary: #FFFFFFFF;
diff --git a/tokens/src/themes/light/components/Button/brand.json b/tokens/src/themes/light/components/Button/brand.json
index a72f261..d5c15af 100644
--- a/tokens/src/themes/light/components/Button/brand.json
+++ b/tokens/src/themes/light/components/Button/brand.json
@@ -20,7 +20,7 @@
       },
       "bg": {
         "brand": {
-          "value": "{color.brand.600}",
+          "value": "{color.brand.500}",
           "type": "color",
           "source": "$btn-brand-bg"
         },
@@ -45,7 +45,7 @@
       "hover": {
         "text": {
           "brand": {
-            "value": "{color.brand.100}",
+            "value": "{color.black}",
             "type": "color",
             "source": "$btn-brand-hover-color",
             "modify": [
@@ -67,7 +67,7 @@
         },
         "bg": {
           "brand": {
-            "value": "{color.theme.hover.brand}",
+            "value": "{color.brand.100}",
             "type": "color",
             "source": "$btn-brand-hover-bg"
           },
@@ -79,7 +79,7 @@
         },
         "border": {
           "brand": {
-            "value": "{color.btn.hover.bg.brand}",
+            "value": "{color.brand.500}",
             "type": "color",
             "source": "$btn-brand-hover-border-color"
           },
@@ -93,7 +93,7 @@
       "active": {
         "text": {
           "brand": {
-            "value": "{color.brand.500}",
+            "value": "{color.white}",
             "type": "color",
             "source": "$btn-brand-active-color",
             "modify": [
diff --git a/tokens/src/themes/light/global/color.json b/tokens/src/themes/light/global/color.json
index 2b5ef8b..c91507e 100644
--- a/tokens/src/themes/light/global/color.json
+++ b/tokens/src/themes/light/global/color.json
@@ -5,6 +5,7 @@
     "green": { "value": "#0D7D4D" },
     "yellow": { "value": "#D6B600" },
     "white": { "value": "#FFFFFF" },
+    "black": { "value": "000000" },
     "gray": {
       "base": {
         "value": "#EBEBEB",
@@ -16,52 +17,24 @@
         "value": "{color.gray.base}",
         "type": "color",
         "source": "$gray-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Gray color of level 100."
       },
       "200": {
         "value": "#CCCCCC",
         "type": "color",
         "source": "$gray-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Gray color of level 200."
       },
       "300": {
         "value": "#ADADAD",
         "type": "color",
         "source": "$gray-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Gray color of level 300."
       },
       "400": {
         "value": "#8F8F8F",
         "type": "color",
         "source": "$gray-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Gray color of level 400."
       },
       "500": {
@@ -74,52 +47,24 @@
         "value": "#5C5C5C",
         "type": "color",
         "source": "$gray-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Gray color of level 600."
       },
       "700": {
         "value": "#454545",
         "type": "color",
         "source": "$gray-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Gray color of level 700."
       },
       "800": {
         "value": "#333333",
         "type": "color",
         "source": "$gray-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Gray color of level 800."
       },
       "900": {
         "value": "#212529",
         "type": "color",
         "source": "$gray-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Gray color of level 900."
       }
     },
@@ -135,52 +80,24 @@
           "value": "{color.accent.a.base}",
           "type": "color",
           "source": "$accent-a-100",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.94"
-            }
-          ],
           "description": "Accent-a color of level 100."
         },
         "200": {
           "value": "#BEF4E5",
           "type": "color",
           "source": "$accent-a-200",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.75"
-            }
-          ],
           "description": "Accent-a color of level 200."
         },
         "300": {
           "value": "#9EEED9",
           "type": "color",
           "source": "$accent-a-300",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.50"
-            }
-          ],
           "description": "Accent-a color of level 300."
         },
         "400": {
           "value": "#7DE9CC",
           "type": "color",
           "source": "$accent-a-400",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.25"
-            }
-          ],
           "description": "Accent-a color of level 400."
         },
         "500": {
@@ -193,52 +110,24 @@
           "value": "#4AB699",
           "type": "color",
           "source": "$accent-a-600",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.10"
-            }
-          ],
           "description": "Accent-a color of level 600."
         },
         "700": {
           "value": "#388873",
           "type": "color",
           "source": "$accent-a-700",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.20"
-            }
-          ],
           "description": "Accent-a color of level 700."
         },
         "800": {
           "value": "#255B4C",
           "type": "color",
           "source": "$accent-a-800",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.25"
-            }
-          ],
           "description": "Accent-a color of level 800."
         },
         "900": {
           "value": "#132D26",
           "type": "color",
           "source": "$accent-a-900",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.30"
-            }
-          ],
           "description": "Accent-a color of level 900."
         }
       },
@@ -253,52 +142,24 @@
           "value": "{color.accent.b.base}",
           "type": "color",
           "source": "$accent-b-100",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.94"
-            }
-          ],
           "description": "Accent-b color of level 100."
         },
         "200": {
           "value": "#F7DCE4",
           "type": "color",
           "source": "$accent-b-200",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.75"
-            }
-          ],
           "description": "Accent-b color of level 200."
         },
         "300": {
           "value": "#F3CAD7",
           "type": "color",
           "source": "$accent-b-300",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.50"
-            }
-          ],
           "description": "Accent-b color of level 300."
         },
         "400": {
           "value": "#EFB9C9",
           "type": "color",
           "source": "$accent-b-400",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "white",
-              "amount": "0.25"
-            }
-          ],
           "description": "Accent-b color of level 400."
         },
         "500": {
@@ -311,52 +172,24 @@
           "value": "#BC8696",
           "type": "color",
           "source": "$accent-b-600",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.10"
-            }
-          ],
           "description": "Accent-b color of level 600."
         },
         "700": {
           "value": "#8D6471",
           "type": "color",
           "source": "$accent-b-700",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.20"
-            }
-          ],
           "description": "Accent-b color of level 700."
         },
         "800": {
           "value": "#5E434B",
           "type": "color",
           "source": "$accent-b-800",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.25"
-            }
-          ],
           "description": "Accent-b color of level 800."
         },
         "900": {
           "value": "#2F2126",
           "type": "color",
           "source": "$accent-b-900",
-          "modify": [
-            {
-              "type": "mix",
-              "otherColor": "black",
-              "amount": "0.30"
-            }
-          ],
           "description": "Accent-b color of level 900."
         }
       }
@@ -372,52 +205,24 @@
         "value": "{color.primary.base}",
         "type": "color",
         "source": "$primary-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Primary color of level 100."
       },
       "200": {
         "value": "#BFC9CA",
         "type": "color",
         "source": "$primary-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Primary color of level 200."
       },
       "300": {
         "value": "#2D494E",
         "type": "color",
         "source": "$primary-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Primary color of level 300."
       },
       "400": {
         "value": "#0E3639",
         "type": "color",
         "source": "$primary-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Primary color of level 400."
       },
       "500": {
@@ -430,52 +235,24 @@
         "value": "#002326",
         "type": "color",
         "source": "$primary-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Primary color of level 600."
       },
       "700": {
         "value": "#002121",
         "type": "color",
         "source": "$primary-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Primary color of level 700."
       },
       "800": {
         "value": "#001D20",
         "type": "color",
         "source": "$primary-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Primary color of level 800."
       },
       "900": {
         "value": "#001B1E",
         "type": "color",
         "source": "$primary-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Primary color of level 900."
       }
     },
@@ -490,52 +267,24 @@
         "value": "{color.brand.base}",
         "type": "color",
         "source": "$brand-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Brand color of level 100."
       },
       "200": {
         "value": "#EE855A",
         "type": "color",
         "source": "$brand-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Brand color of level 200."
       },
       "300": {
         "value": "#E76F3F",
         "type": "color",
         "source": "$brand-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Brand color of level 300."
       },
       "400": {
         "value": "#DF5924",
         "type": "color",
         "source": "$brand-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Brand color of level 400."
       },
       "500": {
@@ -548,52 +297,24 @@
         "value": "#BC3A05",
         "type": "color",
         "source": "$brand-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Brand color of level 600."
       },
       "700": {
         "value": "#A33508",
         "type": "color",
         "source": "$brand-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Brand color of level 700."
       },
       "800": {
         "value": "#8B2F0B",
         "type": "color",
         "source": "$brand-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Brand color of level 800."
       },
       "900": {
         "value": "#73290C",
         "type": "color",
         "source": "$brand-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Brand color of level 900."
       }
     },
@@ -608,52 +329,24 @@
         "value": "{color.success.base}",
         "type": "color",
         "source": "$success-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Success color of level 100."
       },
       "200": {
         "value": "#BBE6D7",
         "type": "color",
         "source": "$success-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Success color of level 200."
       },
       "300": {
         "value": "#30A171",
         "type": "color",
         "source": "$success-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Success color of level 300."
       },
       "400": {
         "value": "#4A9E7A",
         "type": "color",
         "source": "$success-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Success color of level 400."
       },
       "500": {
@@ -666,52 +359,24 @@
         "value": "#0C7145",
         "type": "color",
         "source": "$success-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Success color of level 600."
       },
       "700": {
         "value": "#175B3C",
         "type": "color",
         "source": "$success-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Success color of level 700."
       },
       "800": {
         "value": "#0A5E3A",
         "type": "color",
         "source": "$success-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Success color of level 800."
       },
       "900": {
         "value": "#0F4D0F",
         "type": "color",
         "source": "$success-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Success color of level 900."
       }
     },
@@ -726,52 +391,24 @@
         "value": "{color.info.base}",
         "type": "color",
         "source": "$info-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Info color of level 100."
       },
       "200": {
         "value": "#9CD2E6",
         "type": "color",
         "source": "$info-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Info color of level 200."
       },
       "300": {
         "value": "#1C8DBE",
         "type": "color",
         "source": "$info-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Info color of level 300."
       },
       "400": {
         "value": "#408EAA",
         "type": "color",
         "source": "$info-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Info color of level 400."
       },
       "500": {
@@ -784,52 +421,24 @@
         "value": "#005E7F",
         "type": "color",
         "source": "$info-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Info color of level 600."
       },
       "700": {
         "value": "#004972",
         "type": "color",
         "source": "$info-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Info color of level 700."
       },
       "800": {
         "value": "#004E6A",
         "type": "color",
         "source": "$info-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Info color of level 800."
       },
       "900": {
         "value": "#002F4A",
         "type": "color",
         "source": "$info-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Info color of level 900."
       }
     },
@@ -844,52 +453,24 @@
         "value": "{color.warning.base}",
         "type": "color",
         "source": "$warning-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Warning color of level 100."
       },
       "200": {
         "value": "#FFEA75",
         "type": "color",
         "source": "$warning-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Warning color of level 200."
       },
       "300": {
         "value": "#F0CC00",
         "type": "color",
         "source": "$warning-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Warning color of level 300."
       },
       "400": {
         "value": "#E0C840",
         "type": "color",
         "source": "$warning-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Warning color of level 400."
       },
       "500": {
@@ -902,52 +483,24 @@
         "value": "#C1A400",
         "type": "color",
         "source": "$warning-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Warning color of level 600."
       },
       "700": {
         "value": "#998200",
         "type": "color",
         "source": "$warning-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Warning color of level 700."
       },
       "800": {
         "value": "#A18900",
         "type": "color",
         "source": "$warning-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Warning color of level 800."
       },
       "900": {
         "value": "#7A6800",
         "type": "color",
         "source": "$warning-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Warning color of level 900."
       }
     },
@@ -962,52 +515,24 @@
         "value": "{color.danger.base}",
         "type": "color",
         "source": "$danger-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Danger color of level 100."
       },
       "200": {
         "value": "#F3AEA9",
         "type": "color",
         "source": "$danger-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Danger color of level 200."
       },
       "300": {
         "value": "#CA3A2F",
         "type": "color",
         "source": "$danger-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Danger color of level 300."
       },
       "400": {
         "value": "#C04A41",
         "type": "color",
         "source": "$danger-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Danger color of level 400."
       },
       "500": {
@@ -1020,52 +545,24 @@
         "value": "#9A0C02",
         "type": "color",
         "source": "$danger-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Danger color of level 600."
       },
       "700": {
         "value": "#951C13",
         "type": "color",
         "source": "$danger-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Danger color of level 700."
       },
       "800": {
         "value": "#800A02",
         "type": "color",
         "source": "$danger-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Danger color of level 800."
       },
       "900": {
         "value": "#690E07",
         "type": "color",
         "source": "$danger-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Danger color of level 900."
       }
     },
@@ -1080,52 +577,24 @@
         "value": "{color.light.base}",
         "type": "color",
         "source": "$light-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Light color of level 100."
       },
       "200": {
         "value": "#F3F1ED",
         "type": "color",
         "source": "$light-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Light color of level 200."
       },
       "300": {
         "value": "#EDEBE4",
         "type": "color",
         "source": "$light-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Light color of level 300."
       },
       "400": {
         "value": "#E7E4DB",
         "type": "color",
         "source": "$light-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Light color of level 400."
       },
       "500": {
@@ -1138,52 +607,24 @@
         "value": "#B4B1A8",
         "type": "color",
         "source": "$light-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Light color of level 600."
       },
       "700": {
         "value": "#87857E",
         "type": "color",
         "source": "$light-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Light color of level 700."
       },
       "800": {
         "value": "#5A5854",
         "type": "color",
         "source": "$light-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Light color of level 800."
       },
       "900": {
         "value": "#2D2C2A",
         "type": "color",
         "source": "$light-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Light color of level 900."
       }
     },
@@ -1198,52 +639,24 @@
         "value": "{color.dark.base}",
         "type": "color",
         "source": "$dark-100",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.94"
-          }
-        ],
         "description": "Dark color of level 100."
       },
       "200": {
         "value": "#BFC9CA",
         "type": "color",
         "source": "$dark-200",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.75"
-          }
-        ],
         "description": "Dark color of level 200."
       },
       "300": {
         "value": "#798F8B",
         "type": "color",
         "source": "$dark-300",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.50"
-          }
-        ],
         "description": "Dark color of level 300."
       },
       "400": {
         "value": "#4C6A64",
         "type": "color",
         "source": "$dark-400",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "white",
-            "amount": "0.25"
-          }
-        ],
         "description": "Dark color of level 400."
       },
       "500": {
@@ -1256,52 +669,24 @@
         "value": "#193731",
         "type": "color",
         "source": "$dark-600",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.10"
-          }
-        ],
         "description": "Dark color of level 600."
       },
       "700": {
         "value": "#132925",
         "type": "color",
         "source": "$dark-700",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.20"
-          }
-        ],
         "description": "Info color of level 700."
       },
       "800": {
         "value": "#0C1C18",
         "type": "color",
         "source": "$dark-800",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.25"
-          }
-        ],
         "description": "Dark color of level 800."
       },
       "900": {
         "value": "#060E0C",
         "type": "color",
         "source": "$dark-900",
-        "modify": [
-          {
-            "type": "mix",
-            "otherColor": "black",
-            "amount": "0.30"
-          }
-        ],
         "description": "Dark color of level 900."
       }
     }