@use 'token' as *;
:root {
  --primary-red-50: #{$primary-red-50};
  --primary-red-100: #{$primary-red-100};
  --primary-red-200: #{$primary-red-200};
  --primary-red-300: #{$primary-red-300};
  --primary-red-400: #{$primary-red-400};
  --primary-red-450: #{$primary-red-450};
  --primary-red-500: #{$primary-red-500};
  --primary-red-600: #{$primary-red-600};
  --primary-red-700: #{$primary-red-700};
  --secondary-gray-blue-50: #{$secondary-gray-blue-50};
  --secondary-gray-blue-100: #{$secondary-gray-blue-100};
  --secondary-gray-blue-200: #{$secondary-gray-blue-200};
  --secondary-gray-blue-300: #{$secondary-gray-blue-300};
  --secondary-gray-blue-400: #{$secondary-gray-blue-400};
  --secondary-gray-blue-450: #{$secondary-gray-blue-450};
  --secondary-gray-blue-500: #{$secondary-gray-blue-500};
  --secondary-gray-blue-600: #{$secondary-gray-blue-600};
  --secondary-gray-blue-700: #{$secondary-gray-blue-700};
  --base-white: #{$base-white};
  --base-black: #{$base-black};
  --gray-50: #{$gray-50};
  --gray-100: #{$gray-100};
  --gray-200: #{$gray-200};
  --gray-300: #{$gray-300};
  --gray-400: #{$gray-400};
  --gray-450: #{$gray-450};
  --gray-500: #{$gray-500};
  --gray-600: #{$gray-600};
  --gray-700: #{$gray-700};
  --green-50: #{$green-50};
  --green-100: #{$green-100};
  --green-200: #{$green-200};
  --green-300: #{$green-300};
  --green-400: #{$green-400};
  --green-500: #{$green-500};
  --green-600: #{$green-600};
  --green-700: #{$green-700};
  --cyan-50: #{$cyan-50};
  --cyan-100: #{$cyan-100};
  --cyan-200: #{$cyan-200};
  --cyan-300: #{$cyan-300};
  --cyan-400: #{$cyan-400};
  --cyan-500: #{$cyan-500};
  --cyan-600: #{$cyan-600};
  --cyan-700: #{$cyan-700};
  --blue-50: #{$blue-50};
  --blue-100: #{$blue-100};
  --blue-200: #{$blue-200};
  --blue-300: #{$blue-300};
  --blue-400: #{$blue-400};
  --blue-500: #{$blue-500};
  --blue-600: #{$blue-600};
  --blue-700: #{$blue-700};
  --violet-50: #{$violet-50};
  --violet-100: #{$violet-100};
  --violet-200: #{$violet-200};
  --violet-300: #{$violet-300};
  --violet-400: #{$violet-400};
  --violet-500: #{$violet-500};
  --violet-600: #{$violet-600};
  --violet-700: #{$violet-700};
  --pink-50: #{$pink-50};
  --pink-100: #{$pink-100};
  --pink-200: #{$pink-200};
  --pink-300: #{$pink-300};
  --pink-400: #{$pink-400};
  --pink-500: #{$pink-500};
  --pink-600: #{$pink-600};
  --pink-700: #{$pink-700};
  --orange-50: #{$orange-50};
  --orange-100: #{$orange-100};
  --orange-200: #{$orange-200};
  --orange-300: #{$orange-300};
  --orange-400: #{$orange-400};
  --orange-500: #{$orange-500};
  --orange-600: #{$orange-600};
  --orange-700: #{$orange-700};
  --yellow-50: #{$yellow-50};
  --yellow-100: #{$yellow-100};
  --yellow-200: #{$yellow-200};
  --yellow-300: #{$yellow-300};
  --yellow-400: #{$yellow-400};
  --yellow-500: #{$yellow-500};
  --yellow-600: #{$yellow-600};
  --yellow-700: #{$yellow-700};
  --focus-ring-4px-primary-100: #{$focus-ring-4px-primary-100};
  --focus-ring-4px-primary-500: #{$focus-ring-4px-primary-500};
  --focus-ring-4px-gray-100: #{$focus-ring-4px-gray-100};
  --focus-ring-4px-error-100: #{$focus-ring-4px-error-100};
  --focus-ring-4px-gray-500: #{$focus-ring-4px-gray-500};
  --shadow-xs: #{$shadow-xs};
  --shadow-xs-focused-4px-primary-color-100: #{$shadow-xs-focused-4px-primary-color-100};
  --shadow-xs-focused-4px-gray-100: #{$shadow-xs-focused-4px-gray-100};
  --shadow-xs-focused-4px-error-100: #{$shadow-xs-focused-4px-error-100};
  --shadow-sm: #{$shadow-sm};
  --shadow-sm-focused-4px-primary-100: #{$shadow-sm-focused-4px-primary-100};
  --shadow-sm-focused-4px-gray-100: #{$shadow-sm-focused-4px-gray-100};
  --shadow-md: #{$shadow-md};
  --shadow-lg: #{$shadow-lg};
  --shadow-xl: #{$shadow-xl};
  --shadow-2xl: #{$shadow-2xl};
  --shadow-3xl: #{$shadow-3xl};
  --shadow-xs-focused-4px-primary-gray-100: #{$shadow-xs-focused-4px-primary-gray-100};
  --shadow-portfolio-mockup-main-centre-md: #{$shadow-portfolio-mockup-main-centre-md};
  --shadow-portfolio-mockup-main-centre-lg: #{$shadow-portfolio-mockup-main-centre-lg};
  --shadow-portfolio-mockup-overlay-right-lg: #{$shadow-portfolio-mockup-overlay-right-lg};
  --shadow-portfolio-mockup-overlay-left-lg: #{$shadow-portfolio-mockup-overlay-left-lg};
  --shadow-portfolio-mockup-grid-shadow-md: #{$shadow-portfolio-mockup-grid-shadow-md};
  --font-families-commerce-sans: #{$font-families-commerce-sans};
  --line-heights-0: #{$line-heights-0};
  --line-heights-1: #{$line-heights-1};
  --line-heights-2: #{$line-heights-2};
  --line-heights-3: #{$line-heights-3};
  --line-heights-4: #{$line-heights-4};
  --line-heights-5: #{$line-heights-5};
  --line-heights-6: #{$line-heights-6};
  --line-heights-7: #{$line-heights-7};
  --line-heights-8: #{$line-heights-8};
  --line-heights-9: #{$line-heights-9};
  --line-heights-10: #{$line-heights-10};
  --font-weights-commerce-sans-0: #{$font-weights-commerce-sans-0};
  --font-weights-commerce-sans-1: #{$font-weights-commerce-sans-1};
  --font-weights-commerce-sans-2: #{$font-weights-commerce-sans-2};
  --font-size-0: #{$font-size-0};
  --font-size-1: #{$font-size-1};
  --font-size-2: #{$font-size-2};
  --font-size-3: #{$font-size-3};
  --font-size-4: #{$font-size-4};
  --font-size-5: #{$font-size-5};
  --font-size-6: #{$font-size-6};
  --font-size-7: #{$font-size-7};
  --font-size-8: #{$font-size-8};
  --font-size-9: #{$font-size-9};
  --font-size-10: #{$font-size-10};
}