$white:   #ffffff;

$Gray50: var(--cfe-gray-50);
$Gray100: var(--cfe-gray-100);
$Gray200: var(--cfe-gray-200);
$Gray300: var(--cfe-gray-300);
$Gray400: var(--cfe-gray-400);
$Gray500: var(--cfe-gray-500);
$Gray600: var(--cfe-gray-600);
$Gray700: var(--cfe-gray-700);
$Gray800: var(--cfe-gray-800);
$Gray900: var(--cfe-gray-900);

$Red50: var(--cfe-red-50);
$Red200: var(--cfe-red-200);
$Red300: var(--cfe-red-300);
$Red400: var(--cfe-red-400);
$Red600: var(--cfe-red-600);
$Red700: var(--cfe-red-700);
$Red800: var(--cfe-red-800);
$Red900: var(--cfe-red-900);

$Orange50: var(--cfe-orange-50);
$Orange100: var(--cfe-orange-100);
$Orange200: var(--cfe-orange-200);
$Orange300: var(--cfe-orange-300);
$Orange400: var(--cfe-orange-400);
$Orange500: var(--cfe-orange-500);
$Orange600: var(--cfe-orange-600);
$Orange700: var(--cfe-orange-700);
$Orange800: var(--cfe-orange-800);
$Orange900: var(--cfe-orange-900);

$DarkBlue50: var(--cfe-darkBlue-50);
$DarkBlue100: var(--cfe-darkBlue-100);
$DarkBlue200: var(--cfe-darkBlue-200);
$DarkBlue300: var(--cfe-darkBlue-300);
$DarkBlue400: var(--cfe-darkBlue-400);
$DarkBlue500: var(--cfe-darkBlue-500);
$DarkBlue600: var(--cfe-darkBlue-600);
$DarkBlue700: var(--cfe-darkBlue-700);
$DarkBlue800: var(--cfe-darkBlue-800);
$DarkBlue900: var(--cfe-darkBlue-900);

$Blue50: var(--cfe-blue-50);
$Blue100: var(--cfe-blue-100);
$Blue200: var(--cfe-blue-200);
$Blue300: var(--cfe-blue-300);
$Blue400: var(--cfe-blue-400);
$Blue500: var(--cfe-blue-500);
$Blue600: var(--cfe-blue-600);
$Blue700: var(--cfe-blue-700);
$Blue800: var(--cfe-blue-800);
$Blue900: var(--cfe-blue-900);

$Green50: var(--cfe-green-50);
$Green100: var(--cfe-green-100);
$Green200: var(--cfe-green-200);
$Green300: var(--cfe-green-300);
$Green400: var(--cfe-green-400);
$Green500: var(--cfe-green-500);
$Green600: var(--cfe-green-600);
$Green700: var(--cfe-green-700);
$Green800: var(--cfe-green-800);
$Green900: var(--cfe-green-900);

$PrimaryMain: var(--cfe-primary-main);
$PrimaryLight: var(--cfe-primary-light);
$PrimaryDark: var(--cfe-primary-dark);
$PrimaryContrastText: var(--cfe-primary-contrastText);

$SecondaryMain: var(--cfe-secondary-main);
$SecondaryLight: var(--cfe-secondary-light);
$SecondaryDark: var(--cfe-secondary-dark);
$SecondaryContrastText: var(--cfe-secondary-contrastText);

$BorderMain: var(--cfe-border-main);
$BorderPrimary: var(--cfe-primary-border);

$TooltipText: var(--cfe-tooltip-text);
$TooltipTierTipBackground: var(--cfe-tooltip-tierTipBackground);

$TextPrimary: var(--cfe-text-primary);
$TextSecondary: var(--cfe-text-secondary);
$TextDisabled: var(--cfe-text-disabled);

$BackgroundDefault: var(--cfe-background-default);
$BackgroundLightgrey: var(--cfe-background-lightgrey);
$BackgroundPaper: var(--cfe-background-paper);

$CommonBlack: var(--cfe-common-black);
$CommonWhite: var(--cfe-common-white);

$ErrorMain: var(--cfe-error-main);
$ErrorLight: var(--cfe-error-light);
$ErrorDark: var(--cfe-error-dark);
$ErrorContrastText: var(--cfe-error-contrastText);

$WarningMain: var(--cfe-warning-main);
$WarningLight: var(--cfe-warning-light);
$WarningDark: var(--cfe-warning-dark);
$WarningContrastText: var(--cfe-warning-contrastText);

$InfoMain: var(--cfe-info-main);
$InfoLight: var(--cfe-info-light);
$InfoDark: var(--cfe-info-dark);
$InfoContrastText: var(--cfe-info-contrastText);

$SuccessMain: var(--cfe-success-main);
$SuccessLight: var(--cfe-success-light);
$SuccessDark: var(--cfe-success-dark);
$SuccessContrastText: var(--cfe-success-contrastText);

$linkPrimary: var(--cfe-link-primary);
