@import '../common/css_variables.scss';

:root {
	--gray-50: #{$gray-50};
	--gray-100: #{$gray-100};
	--gray-200: #{$gray-200};
	--gray-300: #{$gray-300};
	--gray-400: #{$gray-400};
	--gray-500: #{$gray-500};
	--gray-600: #{$gray-600};
	--gray-700: #{$gray-700};
	--gray-800: #{$gray-800};
	--gray-900: #{$gray-900};

	--black: #{$black};
	--primary: #{$primary};
	--primary-color: #{$primary};
	--primary-light: #{$primary-light};
	--light: #{$light};

	--font-size-xs: #{$font-size-xs};
	--font-size-sm: #{$font-size-sm};
	--font-size-base: #{$font-size-base};
	--font-size-lg: #{$font-size-lg};
	--font-size-xl: #{$font-size-xl};
	--font-size-2xl: #{$font-size-2xl};
	--font-size-3xl: #{$font-size-3xl};
	--font-size-4xl: #{$font-size-4xl};
	--font-size-5xl: #{$font-size-5xl};
	--font-size-6xl: #{$font-size-6xl};

	--card-border-radius: #{$card-border-radius};
}