$primary-100: var(--color-primary-10);
$primary-200: var(--color-primary-20);
$primary-300: var(--color-primary-30);
$primary-400: var(--color-primary-40);
$primary-500: var(--color-primary-50);
$primary-600: var(--color-primary-60);
$primary-700: var(--color-primary-70);
$primary-800: var(--color-primary-80);
$primary-900: var(--color-primary-90);
$primary-100-tr: var(--color-primary-transparent20);

$secondary-100: var(--color-neutral-10);
$secondary-200: var(--color-neutral-20);
$secondary-300: var(--color-neutral-30);
$secondary-400: var(--color-neutral-40);
$secondary-500: var(--color-neutral-50);
$secondary-600: var(--color-neutral-60);
$secondary-700: var(--color-neutral-70);
$secondary-800: var(--color-neutral-80);
$secondary-900: var(--color-neutral-90);
$secondary-100-tr: var(--color-neutral-transparent20);

$shades-0: var(--color-neutral-white);
$shades-100: var(--color-neutral-10);
$shades-200: var(--color-neutral-20);
$shades-300: var(--color-neutral-30);
$shades-400: var(--color-neutral-40);
$shades-500: var(--color-neutral-50);
$shades-700: var(--color-neutral-70);
$shades-900: var(--color-neutral-black);

$error-100: var(--color-error-20);
$error-300: var(--color-error-40);
$error-500: var(--color-error-60);
$error-700: var(--color-error-80);
$error-100-tr: var(--color-error-transparent20);

$warning-300: var(--color-warning-40);
$warning-500: var(--color-warning-60);
$warning-700: var(--color-warning-80);

$success-300: var(--color-success-40);
$success-500: var(--color-success-60);
$success-700: var(--color-success-80);