$colors: (
  primary: (900: $primary-color-900,
    800: $primary-color-800,
    700: $primary-color-700,
    600: $primary-color-600,
    500: $primary-color-500,
    400: $primary-color-400,
    300: $primary-color-300,
    200: $primary-color-200,
    100: $primary-color-100,
  ),
  secondary: (900: $secondary-color-900,
    800: $secondary-color-800,
    700: $secondary-color-700,
    600: $secondary-color-600,
    500: $secondary-color-500,
    400: $secondary-color-400,
    300: $secondary-color-300,
    200: $secondary-color-200,
    100: $secondary-color-100,
  ),
  support-gray: (900: $support-color-gray-900,
    800: $support-color-gray-800,
    700: $support-color-gray-700,
    600: $support-color-gray-600,
    500: $support-color-gray-500,
    400: $support-color-gray-400,
    300: $support-color-gray-300,
    200: $support-color-gray-200,
    100: $support-color-gray-100,
    50: $support-color-gray-050,
  ),
  support-green: (900: $support-color-green-900,
    800: $support-color-green-800,
    700: $support-color-green-700,
    600: $support-color-green-600,
    500: $support-color-green-500,
    400: $support-color-green-400,
    300: $support-color-green-300,
    200: $support-color-green-200,
    100: $support-color-green-100,
    50: $support-color-green-050,
  ),
  support-purple: (900: $support-color-purple-900,
    800: $support-color-purple-800,
    700: $support-color-purple-700,
    600: $support-color-purple-600,
    500: $support-color-purple-500,
    400: $support-color-purple-400,
    300: $support-color-purple-300,
    200: $support-color-purple-200,
    100: $support-color-purple-100,
    50: $support-color-purple-050,
  ),
  support-red: (900: $support-color-red-900,
    800: $support-color-red-800,
    700: $support-color-red-700,
    600: $support-color-red-600,
    500: $support-color-red-500,
    400: $support-color-red-400,
    300: $support-color-red-300,
    200: $support-color-red-200,
    100: $support-color-red-100,
    50: $support-color-red-050,
  ),
  support-orange: (900: $support-color-orange-900,
    800: $support-color-orange-800,
    700: $support-color-orange-700,
    600: $support-color-orange-600,
    500: $support-color-orange-500,
    400: $support-color-orange-400,
    300: $support-color-orange-300,
    200: $support-color-orange-200,
    100: $support-color-orange-100,
    50: $support-color-orange-050,
  ),
  support-blue: (900: $support-color-blue-900,
    800: $support-color-blue-800,
    700: $support-color-blue-700,
    600: $support-color-blue-600,
    500: $support-color-blue-500,
    400: $support-color-blue-400,
    300: $support-color-blue-300,
    200: $support-color-blue-200,
    100: $support-color-blue-100,
    50: $support-color-blue-050,
  )
);

$colorRange: (
  900,
  800,
  700,
  600,
  500,
  400,
  300,
  200,
  100,
  50
);

.color{
  @include color-modifiers();
}

.bg-color{
  @include color-modifiers('background-color');
}