bootstrap-italia 2.12.1 → 2.13.0

package/src/scss/custom/mixins/_buttons.scss

@@ -1,67 +0,0 @@
-@mixin button-variant(
-  $background,
-  $border,
-  $hover-background: shade-color($background, 19%),
-  $hover-border: shade-color($border, 25%),
-  $active-background: shade-color($background, 25%),
-  $active-border: shade-color($border, 31%)
-) {
-  color: color-contrast($background);
-  @include gradient-bg($background);
-  border-color: $border;
-  @include box-shadow($btn-box-shadow);
-
-  &:hover,
-  &:focus-visible {
-    background-color: $hover-background;
-    color: color-contrast($background);
-    border-color: $hover-border;
-  }
-
-  // Disabled comes first so active can properly restyle
-  &.disabled,
-  &:disabled {
-    color: color-contrast($background);
-    background-color: $background;
-    border-color: $border;
-    pointer-events: none;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  &.dropdown-toggle.show,
-  .show > &.dropdown-toggle {
-    background-color: $hover-background;
-    color: color-contrast($background);
-    border-color: $hover-border;
-  }
-}
-
-@mixin button-outline-variant($color, $color-hover: color-hover($color), $active-background: $color, $active-border: $color) {
-  color: $color;
-  background-color: transparent;
-  background-image: none;
-  box-shadow: inset 0 0 0 2px $color;
-
-  &:hover,
-  &:focus-visible {
-    color: $color-hover;
-    box-shadow: inset 0 0 0 2px color-hover($color);
-  }
-
-  &.disabled,
-  &:disabled {
-    color: $color;
-    background-color: transparent;
-  }
-
-  &:not(:disabled):not(.disabled):active,
-  &:not(:disabled):not(.disabled).active,
-  &.dropdown-toggle.show,
-  .show > &.dropdown-toggle {
-    color: $color-hover;
-    background-color: transparent;
-    background-image: none;
-    box-shadow: inset 0 0 0 2px $color-hover;
-  }
-}

package/src/scss/utilities/colors_vars.scss

@@ -1,426 +0,0 @@
-// HSB (https://it.wikipedia.org/wiki/Hue_Saturation_Brightness, coincidente con il modello HSV)
-// è lo spazio colore scelto per ottenere le varianti colore della tonalità primaria.
-
-// Color system
-$black: hsl(0, 0%, 0%) !default;
-$white: hsl(0, 0%, 100%) !default;
-
-$gray-100: hsl(0, 0%, 96%) !default; // color-gray-96
-$gray-200: hsl(0, 0%, 90%) !default; // color-gray-90
-$gray-300: hsl(0, 0%, 83%) !default; // color-gray-83
-$gray-400: hsl(0, 0%, 64%) !default; // color-gray-64
-$gray-500: hsl(0, 0%, 45%) !default; // color-gray-45
-$gray-600: hsl(0, 0%, 32%) !default; // color-gray-32
-$gray-700: hsl(0, 0%, 25%) !default; // color-gray-25
-$gray-800: hsl(0, 0%, 15%) !default; // color-gray-15
-$gray-900: hsl(0, 0%, 10%) !default; // color-gray-10
-
-$grays: () !default;
-$grays: map-merge(
-  (
-    '100': $gray-100,
-    '200': $gray-200,
-    '300': $gray-300,
-    '400': $gray-400,
-    '500': $gray-500,
-    '600': $gray-600,
-    '700': $gray-700,
-    '800': $gray-800,
-    '900': $gray-900,
-  ),
-  $grays
-);
-
-@function main($key: '80') {
-  @return map-get($mains, $key);
-}
-
-// PRIMARY COLORS DEFINITION //
-$primary-h: 210 !default;
-$primary-s: 100 !default;
-$primary-b: 80 !default;
-$primary-l: 40 !default; // Kit UI
-
-$primary: hsb($primary-h, $primary-s, $primary-b) !default; // color-blue-40
-
-$indigo: hsb(243, 70, 100) !default;
-$purple: hsb(243, 40, 100) !default;
-$pink: hsb(350, 30, 100) !default;
-$red: hsl(350, 60%, 50%) !default; // color-red-50
-$orange: hsl(36, 100%, 30%) !default; // color-orange-30
-$yellow: hsb(44, 55, 100) !default;
-$green: hsl(160, 100%, 25%) !default; // color-emerald-25
-$teal: hsl(178, 90%, 32%) !default;
-$cyan: hsb(178, 100, 100) !default;
-$blue: hsb(210, 100, 90) !default;
-$light: hsb(255, 5, 95) !default;
-$dark: hsl(210, 54%, 20%) !default; // color-slate-20
-
-$yiq-text-light: $white !default;
-$yiq-text-dark: $black !default;
-
-$red-accessible: $red !default;
-$orange-accessible: $orange !default;
-$yellow-accessible: hsb(44, 100, 59) !default;
-$green-accessible: $green !default;
-
-$gray-primary: hsb(210, 38.9, 44.3) !default;
-$gray-secondary: hsl(210, 17%, 44%) !default; // color-slate-44
-$gray-tertiary: hsb(205, 35, 54) !default;
-$gray-quaternary: hsb(238, 1, 100) !default;
-$gray-border: hsl(210, 4%, 78%) !default; // color-border-subtle
-$gray-disabled: hsl(210, 3%, 85%) !default; // color-background-disabled
-$gray-label-disabled: hsl(210, 12%, 44%) !default; // color-text-disabled
-$gray-border-disabled: $gray-disabled !default; // color-border-disabled
-
-$secondary: $gray-secondary !default;
-
-$colors: () !default;
-$colors: map-merge(
-  (
-    'indigo': $indigo,
-    'purple': $purple,
-    'pink': $pink,
-    'red': $red,
-    'orange': $orange,
-    'yellow': $yellow,
-    'green': $green,
-    'teal': $teal,
-    'cyan': $cyan,
-    'white': $white,
-    'gray': $gray-600,
-    'gray-dark': $gray-800,
-    'blue': $blue,
-    'gray-secondary': $gray-secondary,
-    'gray-tertiary': $gray-tertiary,
-    'gray-quaternary': $gray-quaternary,
-  ),
-  $colors
-);
-
-// Border Color
-$border-color: $gray-border !default;
-
-// Info Colors
-$success: $green-accessible !default;
-$info: $secondary !default;
-$warning: $orange-accessible !default;
-$danger: $red-accessible !default;
-
-$theme-colors: () !default;
-$theme-colors: map-merge(
-  (
-    'primary': $primary,
-    'secondary': $secondary,
-    'success': $success,
-    'info': $info,
-    'warning': $warning,
-    'danger': $danger,
-    'light': $light,
-    'dark': $dark,
-    'black': $black,
-    'white': $white,
-    '100': $gray-100,
-    '200': $gray-200,
-    '300': $gray-300,
-    '400': $gray-400,
-    '500': $gray-500,
-    '600': $gray-600,
-    '700': $gray-700,
-    '800': $gray-800,
-    '900': $gray-900,
-  ),
-  $theme-colors
-);
-
-// ACCENT COLORS DEFINITIONS
-// analoghi
-$analogue-1-h: 243;
-$analogue-1-s: 85;
-$analogue-1-b: 100;
-$analogue-1: hsb($analogue-1-h, $analogue-1-s, $analogue-1-b) !default;
-$analogue-2-h: 178;
-$analogue-2-s: 95;
-$analogue-2-b: 85;
-$analogue-2: hsb($analogue-2-h, $analogue-2-s, $analogue-2-b) !default;
-// Complementari e triadici
-$complementary-1-h: 351;
-$complementary-1-s: 75;
-$complementary-1-b: 97;
-$complementary-1: hsb($complementary-1-h, $complementary-1-s, $complementary-1-b) !default;
-$complementary-2-h: 36;
-$complementary-2-s: 100;
-$complementary-2-b: 100;
-$complementary-2: hsb($complementary-2-h, $complementary-2-s, $complementary-2-b) !default;
-$complementary-3-h: 159;
-$complementary-3-s: 100;
-$complementary-3-b: 81;
-$complementary-3: hsb($complementary-3-h, $complementary-3-s, $complementary-3-b) !default;
-
-// NEUTRAL COLORS DEFINITIONS
-$neutral-1-h: 210;
-$neutral-1-s: 70;
-$neutral-1-b: 30;
-$neutral-1: hsb($neutral-1-h, $neutral-1-s, $neutral-1-b) !default;
-$neutral-2-h: 210;
-$neutral-2-s: 5;
-$neutral-2-b: 95;
-$neutral-2: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b) !default;
-
-// Light Greys A
-$lightgrey-a1: hsl(210, 3%, 85%); // progress-background-default
-$lightgrey-a2: #edf5fc;
-$lightgrey-a3: hsl(210, 62%, 97%); // color-background-primary-lighter
-$lightgrey-a4: #f5f9fc;
-
-// Light Greys B
-$lightgrey-b1: hsl(210, 62%, 97%); // color-background-primary-lighter
-$lightgrey-b2: #ebf2fa;
-$lightgrey-b3: #edf4fa;
-$lightgrey-b4: #f2f6fa;
-
-// Light Greys C
-$lightgrey-c1: #f7f9fa;
-$lightgrey-c2: hsl(210, 62%, 97%); // color-background-primary-lighter;
-
-//***********************************************************************
-//********************Primary color variations***************************
-//***********************************************************************
-
-//-------------------------Tinta e ombre---------------------------------
-$primary-a12: hsb($primary-h, $primary-s, 20) !default;
-$primary-a11: hsb($primary-h, $primary-s, 30) !default;
-$primary-a10: hsb($primary-h, $primary-s, 40) !default;
-$primary-a9: hsb($primary-h, $primary-s, 50) !default;
-$primary-a8: hsb($primary-h, $primary-s, 60) !default;
-$primary-a7: hsb($primary-h, $primary-s, 70) !default;
-$primary-a6: hsb($primary-h, $primary-s, 80) !default;
-$primary-a5: hsb($primary-h, $primary-s - 15, 84) !default;
-$primary-a4: hsb($primary-h, $primary-s - 30, 88) !default;
-$primary-a3: hsb($primary-h, $primary-s - 45, 92) !default;
-$primary-a2: hsb($primary-h + 1, $primary-s - 60, 96) !default;
-$primary-a1: hsb($primary-h, $primary-s - 75, 99) !default;
-
-//-------------------------Toni------------------------------------------
-$primary-b1: hsb($primary-h, $primary-s, $primary-b) !default;
-$primary-b2: hsb($primary-h, $primary-s - 10, $primary-b - 10) !default;
-$primary-b3: hsb($primary-h, $primary-s - 20, $primary-b - 20) !default;
-$primary-b4: hsb($primary-h, $primary-s - 30, $primary-b - 30) !default;
-$primary-b5: hsb($primary-h, $primary-s - 40, $primary-b - 40) !default;
-$primary-b6: hsb($primary-h, $primary-s - 50, $primary-b - 50) !default;
-$primary-b7: hsb($primary-h, $primary-s - 60, $primary-b - 60) !default;
-$primary-b8: hsb($primary-h, $primary-s - 70, $primary-b - 70) !default;
-
-//-------------------------Saturazione------------------------------------------
-$primary-c1: hsb($primary-h, $primary-s - calc($primary-s * 90 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c2: hsb($primary-h, $primary-s - calc($primary-s * 80 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c3: hsb($primary-h, $primary-s - calc($primary-s * 70 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c4: hsb($primary-h, $primary-s - calc($primary-s * 60 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c5: hsb($primary-h, $primary-s - calc($primary-s * 50 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c6: hsb($primary-h, $primary-s - calc($primary-s * 40 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c7: hsb($primary-h, $primary-s - calc($primary-s * 30 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c8: hsb($primary-h, $primary-s - calc($primary-s * 20 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c9: hsb($primary-h, $primary-s - calc($primary-s * 10 / 100), $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c10: hsb($primary-h, $primary-s, $primary-b + calc($primary-b * 20 / 100)) !default;
-$primary-c11: hsb($primary-h, $primary-s, $primary-b + calc($primary-b * 10 / 100)) !default;
-$primary-c12: hsb($primary-h, $primary-s, $primary-b) !default;
-
-//***********************************************************************
-//********************Accent colors variations***************************
-//***********************************************************************
-// analoghi
-// tinte e ombre
-/***************************** 1 ****************************************/
-$analogue-1-a12: hsb($analogue-1-h, $analogue-1-s, 20) !default;
-$analogue-1-a11: hsb($analogue-1-h, $analogue-1-s, 30) !default;
-$analogue-1-a10: hsb($analogue-1-h, $analogue-1-s, 40) !default;
-$analogue-1-a9: hsb($analogue-1-h, $analogue-1-s, 50) !default;
-$analogue-1-a8: hsb($analogue-1-h, $analogue-1-s, 60) !default;
-$analogue-1-a7: hsb($analogue-1-h, $analogue-1-s, 70) !default;
-$analogue-1-a6: hsb($analogue-1-h, $analogue-1-s, 80) !default;
-$analogue-1-a5: hsb($analogue-1-h, $analogue-1-s - 15, 84) !default;
-$analogue-1-a4: hsb($analogue-1-h, $analogue-1-s - 30, 88) !default;
-$analogue-1-a3: hsb($analogue-1-h, $analogue-1-s - 45, 92) !default;
-$analogue-1-a2: hsb($analogue-1-h, $analogue-1-s - 60, 96) !default;
-$analogue-1-a1: hsb($analogue-1-h, $analogue-1-s - 75, 100) !default;
-
-/***************************** 2 ****************************************/
-$analogue-2-a12: hsb($analogue-2-h, $analogue-2-s, 20) !default;
-$analogue-2-a11: hsb($analogue-2-h, $analogue-2-s, 30) !default;
-$analogue-2-a10: hsb($analogue-2-h, $analogue-2-s, 40) !default;
-$analogue-2-a9: hsb($analogue-2-h, $analogue-2-s, 50) !default;
-$analogue-2-a8: hsb($analogue-2-h, $analogue-2-s, 60) !default;
-$analogue-2-a7: hsb($analogue-2-h, $analogue-2-s, 70) !default;
-$analogue-2-a6: hsb($analogue-2-h, $analogue-2-s, 80) !default;
-$analogue-2-a5: hsb($analogue-2-h, $analogue-2-s - 15, 84) !default;
-$analogue-2-a4: hsb($analogue-2-h, $analogue-2-s - 30, 88) !default;
-$analogue-2-a3: hsb($analogue-2-h, $analogue-2-s - 45, 92) !default;
-$analogue-2-a2: hsb($analogue-2-h, $analogue-2-s - 60, 96) !default;
-$analogue-2-a1: hsb($analogue-2-h, $analogue-2-s - 75, 100) !default;
-
-// toni
-/***************************** 1 ****************************************/
-$analogue-1-b1: hsb($analogue-1-h, $analogue-1-s, $analogue-1-b) !default;
-$analogue-1-b2: hsb($analogue-1-h, $analogue-1-s - 10, $analogue-1-b - 10) !default;
-$analogue-1-b3: hsb($analogue-1-h, $analogue-1-s - 20, $analogue-1-b - 20) !default;
-$analogue-1-b4: hsb($analogue-1-h, $analogue-1-s - 30, $analogue-1-b - 30) !default;
-$analogue-1-b5: hsb($analogue-1-h, $analogue-1-s - 40, $analogue-1-b - 40) !default;
-$analogue-1-b6: hsb($analogue-1-h, $analogue-1-s - 50, $analogue-1-b - 50) !default;
-$analogue-1-b7: hsb($analogue-1-h, $analogue-1-s - 60, $analogue-1-b - 60) !default;
-$analogue-1-b8: hsb($analogue-1-h, $analogue-1-s - 70, $analogue-1-b - 70) !default;
-
-/***************************** 2 ****************************************/
-$analogue-2-b1: hsb($analogue-2-h, $analogue-2-s, $analogue-2-b) !default;
-$analogue-2-b2: hsb($analogue-2-h, $analogue-2-s - 10, $analogue-2-b - 10) !default;
-$analogue-2-b3: hsb($analogue-2-h, $analogue-2-s - 20, $analogue-2-b - 20) !default;
-$analogue-2-b4: hsb($analogue-2-h, $analogue-2-s - 30, $analogue-2-b - 30) !default;
-$analogue-2-b5: hsb($analogue-2-h, $analogue-2-s - 40, $analogue-2-b - 40) !default;
-$analogue-2-b6: hsb($analogue-2-h, $analogue-2-s - 50, $analogue-2-b - 50) !default;
-$analogue-2-b7: hsb($analogue-2-h, $analogue-2-s - 60, $analogue-2-b - 60) !default;
-$analogue-2-b8: hsb($analogue-2-h, $analogue-2-s - 70, $analogue-2-b - 70) !default;
-
-// complementari
-// tinte e ombre
-/***************************** 1 ****************************************/
-$complementary-1-a12: hsb($complementary-1-h, $complementary-1-s, 20) !default;
-$complementary-1-a11: hsb($complementary-1-h, $complementary-1-s, 30) !default;
-$complementary-1-a10: hsb($complementary-1-h, $complementary-1-s, 40) !default;
-$complementary-1-a9: hsb($complementary-1-h, $complementary-1-s, 50) !default;
-$complementary-1-a8: hsb($complementary-1-h, $complementary-1-s, 60) !default;
-$complementary-1-a7: hsb($complementary-1-h, $complementary-1-s, 70) !default;
-$complementary-1-a6: hsb($complementary-1-h, $complementary-1-s, 80) !default;
-$complementary-1-a5: hsb($complementary-1-h, $complementary-1-s - 15, 84) !default;
-$complementary-1-a4: hsb($complementary-1-h, $complementary-1-s - 30, 88) !default;
-$complementary-1-a3: hsb($complementary-1-h, $complementary-1-s - 45, 92) !default;
-$complementary-1-a2: hsb($complementary-1-h, $complementary-1-s - 60, 96) !default;
-$complementary-1-a1: hsb($complementary-1-h, $complementary-1-s - 75, 100) !default;
-
-/***************************** 2 ****************************************/
-$complementary-2-a12: hsb($complementary-2-h, $complementary-2-s, 20) !default;
-$complementary-2-a11: hsb($complementary-2-h, $complementary-2-s, 30) !default;
-$complementary-2-a10: hsb($complementary-2-h, $complementary-2-s, 40) !default;
-$complementary-2-a9: hsb($complementary-2-h, $complementary-2-s, 50) !default;
-$complementary-2-a8: hsb($complementary-2-h, $complementary-2-s, 60) !default;
-$complementary-2-a7: hsb($complementary-2-h, $complementary-2-s, 70) !default;
-$complementary-2-a6: hsb($complementary-2-h, $complementary-2-s, 80) !default;
-$complementary-2-a5: hsb($complementary-2-h, $complementary-2-s - 15, 84) !default;
-$complementary-2-a4: hsb($complementary-2-h, $complementary-2-s - 30, 88) !default;
-$complementary-2-a3: hsb($complementary-2-h, $complementary-2-s - 45, 92) !default;
-$complementary-2-a2: hsb($complementary-2-h, $complementary-2-s - 60, 96) !default;
-$complementary-2-a1: hsb($complementary-2-h, $complementary-2-s - 75, 100) !default;
-
-/***************************** 3 ****************************************/
-$complementary-3-a12: hsb($complementary-3-h, $complementary-3-s, 20) !default;
-$complementary-3-a11: hsb($complementary-3-h, $complementary-3-s, 30) !default;
-$complementary-3-a10: hsb($complementary-3-h, $complementary-3-s, 40) !default;
-$complementary-3-a9: hsb($complementary-3-h, $complementary-3-s, 50) !default;
-$complementary-3-a8: hsb($complementary-3-h, $complementary-3-s, 60) !default;
-$complementary-3-a7: hsb($complementary-3-h, $complementary-3-s, 70) !default;
-$complementary-3-a6: hsb($complementary-3-h, $complementary-3-s, 80) !default;
-$complementary-3-a5: hsb($complementary-3-h, $complementary-3-s - 15, 84) !default;
-$complementary-3-a4: hsb($complementary-3-h, $complementary-3-s - 30, 88) !default;
-$complementary-3-a3: hsb($complementary-3-h, $complementary-3-s - 45, 92) !default;
-$complementary-3-a2: hsb($complementary-3-h, $complementary-3-s - 60, 96) !default;
-$complementary-3-a1: hsb($complementary-3-h, $complementary-3-s - 75, 100) !default;
-
-//-------------------------- toni -----------------------------------------
-/***************************** 1 ****************************************/
-$complementary-1-b1: hsb($complementary-1-h, $complementary-1-s, $complementary-1-b) !default;
-$complementary-1-b2: hsb($complementary-1-h, $complementary-1-s - 10, $complementary-1-b - 10) !default;
-$complementary-1-b3: hsb($complementary-1-h, $complementary-1-s - 20, $complementary-1-b - 20) !default;
-$complementary-1-b4: hsb($complementary-1-h, $complementary-1-s - 30, $complementary-1-b - 30) !default;
-$complementary-1-b5: hsb($complementary-1-h, $complementary-1-s - 40, $complementary-1-b - 40) !default;
-$complementary-1-b6: hsb($complementary-1-h, $complementary-1-s - 50, $complementary-1-b - 50) !default;
-$complementary-1-b7: hsb($complementary-1-h, $complementary-1-s - 60, $complementary-1-b - 60) !default;
-$complementary-1-b8: hsb($complementary-1-h, $complementary-1-s - 70, $complementary-1-b - 70) !default;
-
-/***************************** 2 ****************************************/
-$complementary-2-b1: hsb($complementary-2-h, $complementary-2-s, $complementary-2-b) !default;
-$complementary-2-b2: hsb($complementary-2-h, $complementary-2-s - 10, $complementary-2-b - 10) !default;
-$complementary-2-b3: hsb($complementary-2-h, $complementary-2-s - 20, $complementary-2-b - 20) !default;
-$complementary-2-b4: hsb($complementary-2-h, $complementary-2-s - 30, $complementary-2-b - 30) !default;
-$complementary-2-b5: hsb($complementary-2-h, $complementary-2-s - 40, $complementary-2-b - 40) !default;
-$complementary-2-b6: hsb($complementary-2-h, $complementary-2-s - 50, $complementary-2-b - 50) !default;
-$complementary-2-b7: hsb($complementary-2-h, $complementary-2-s - 60, $complementary-2-b - 60) !default;
-$complementary-2-b8: hsb($complementary-2-h, $complementary-2-s - 70, $complementary-2-b - 70) !default;
-
-/***************************** 3 ****************************************/
-$complementary-3-b1: hsb($complementary-3-h, $complementary-3-s, $complementary-3-b) !default;
-$complementary-3-b2: hsb($complementary-3-h, $complementary-3-s - 10, $complementary-3-b - 10) !default;
-$complementary-3-b3: hsb($complementary-3-h, $complementary-3-s - 20, $complementary-3-b - 20) !default;
-$complementary-3-b4: hsb($complementary-3-h, $complementary-3-s - 30, $complementary-3-b - 30) !default;
-$complementary-3-b5: hsb($complementary-3-h, $complementary-3-s - 40, $complementary-3-b - 40) !default;
-$complementary-3-b6: hsb($complementary-3-h, $complementary-3-s - 50, $complementary-3-b - 50) !default;
-$complementary-3-b7: hsb($complementary-3-h, $complementary-3-s - 60, $complementary-3-b - 60) !default;
-$complementary-3-b8: hsb($complementary-3-h, $complementary-3-s - 70, $complementary-3-b - 70) !default;
-
-//***********************************************************************
-//********************Neutral color variations***************************
-//***********************************************************************
-
-// tinte e ombre
-/***************************** NEUTRAL 1 ****************************************/
-$neutral-1-a10: hsb($neutral-1-h, $neutral-1-s, $neutral-1-b) !default;
-$neutral-1-a9: hsb($neutral-1-h, $neutral-1-s - 20, $neutral-1-b + 7) !default;
-$neutral-1-a8: hsb($neutral-1-h, $neutral-1-s - 30, $neutral-1-b + 14) !default;
-$neutral-1-a7: hsb($neutral-1-h, $neutral-1-s - 40, $neutral-1-b + 21) !default;
-$neutral-1-a6: hsb($neutral-1-h, $neutral-1-s - 50, $neutral-1-b + 28) !default;
-$neutral-1-a5: hsb($neutral-1-h, $neutral-1-s - 60, $neutral-1-b + 35) !default;
-$neutral-1-a4: hsb($neutral-1-h, $neutral-1-s - 64, $neutral-1-b + 42) !default;
-$neutral-1-a3: hsb($neutral-1-h, $neutral-1-s - 68, $neutral-1-b + 49) !default;
-$neutral-1-a2: hsb($neutral-1-h, $neutral-1-s - 71, $neutral-1-b + 56) !default;
-$neutral-1-a1: hsb($neutral-1-h, $neutral-1-s - 73, $neutral-1-b + 63) !default;
-
-/***************************** NEUTRAL 2 ****************************************/
-$neutral-2-b1: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b) !default;
-$neutral-2-b2: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b - 15) !default;
-$neutral-2-b3: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b - 30) !default;
-$neutral-2-b4: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b - 45) !default;
-$neutral-2-b5: hsb($neutral-2-h, $neutral-2-s - 1, $neutral-2-b - 60) !default;
-$neutral-2-b6: hsb($neutral-2-h, $neutral-2-s + 2, $neutral-2-b - 75) !default;
-$neutral-2-b7: hsb($neutral-2-h, $neutral-2-s + 4, $neutral-2-b - 90) !default;
-
-/***************************** NEUTRAL 2 / 3 ****************************************/
-$neutral-2-a1: hsb($neutral-2-h, $neutral-2-s, $neutral-2-b) !default;
-$neutral-2-a2: hsb($neutral-2-h, $neutral-2-s + 3, $neutral-2-b - 15) !default;
-$neutral-2-a3: hsb($neutral-2-h, $neutral-2-s + 2, $neutral-2-b - 30) !default;
-$neutral-2-a4: hsb($neutral-2-h, $neutral-2-s + 2, $neutral-2-b - 45) !default;
-$neutral-2-a5: hsb($neutral-2-h, $neutral-2-s + 2, $neutral-2-b - 60) !default;
-$neutral-2-a6: hsb($neutral-2-h, $neutral-2-s + 2, $neutral-2-b - 75) !default;
-$neutral-2-a7: hsb($neutral-2-h, $neutral-2-s + 4, $neutral-2-b - 85) !default;
-
-//==================== DESIGN TOKENS VARIABLES ============================//
-
-// SEMANTIC TOKENS =========================================================
-
-// Backgrounds
-$color-background-emphasis: hsl(210, 54%, 20%); // color-slate-20
-$color-background-primary-lighter: hsl(210, 62%, 97%); // color-blue-97
-$color-background-primary-hover: hsl(210, 100, 30); // color-blue-30
-$color-background-secondary-hover: hsl(210, 33%, 28%); // color-slate-28
-$color-background-secondary-lighter: hsl(210, 3%, 85%); // color-slate-85
-$color-background-muted: $gray-100; // color-gray-96
-
-// Borders
-$color-border-secondary: hsl(210, 17%, 44%); // color-slate-44
-$color-border-subtle: hsl(210, 4%, 78%); // color-slate-78
-$color-border-warning: hsl(36, 100%, 30%); // color-orange-30
-
-// Text
-$color-text-primary-active: hsl(210, 100%, 15%); // color-blue-15
-$color-text-primary-hover: hsl(210, 100%, 30%); // color-blue-30
-$color-text-muted: hsl(210, 17%, 44%); // color-slate-44
-$color-text-base: $gray-900; // color-gray-10
-$color-text-secondary: hsl(210, 33%, 28%); // color-slate-28
-$color-text-warning: hsl(36, 100%, 30%); // color-orange-30
-
-// SPECIFIC TOKENS =========================================================
-//
-// Footer
-$footer-top-background: $primary-a8 !default; // color-blue-30
-$footer-bottom-background: $primary-a10 !default; // color-blue-20
-
-// Icons
-$icon-primary: $primary;
-$icon-secondary: $secondary;
-$icon-base: $color-text-base;