@import 'colors';

$theme-colors: (
	'primary': $primary,
	'secondary': $secondary,
	'success': $success,
	'info': $info,
	'warning': $warning,
	'danger': $danger,
	'light': $light,
	'dark': $dark
) !default;

$primary-map: (
	'primary-100': $primary-100,
	'primary-200': $primary-200,
	'primary-300': $primary-300,
	'primary-400': $primary-400,
	'primary-500': $primary-500,
	'primary-600': $primary-600,
	'primary-700': $primary-700,
	'primary-800': $primary-800,
	'primary-900': $primary-900
) !default;

$secondary-map: (
	'secondary-100': $secondary-100,
	'secondary-200': $secondary-200,
	'secondary-300': $secondary-300,
	'secondary-400': $secondary-400,
	'secondary-500': $secondary-500,
	'secondary-600': $secondary-600,
	'secondary-700': $secondary-700,
	'secondary-800': $secondary-800,
	'secondary-900': $secondary-900
) !default;

$success-map: (
	'success-100': $success-100,
	'success-200': $success-200,
	'success-300': $success-300,
	'success-400': $success-400,
	'success-500': $success-500,
	'success-600': $success-600,
	'success-700': $success-700,
	'success-800': $success-800,
	'success-900': $success-900
) !default;

$warning-map: (
	'warning-100': $warning-100,
	'warning-200': $warning-200,
	'warning-300': $warning-300,
	'warning-400': $warning-400,
	'warning-500': $warning-500,
	'warning-600': $warning-600,
	'warning-700': $warning-700,
	'warning-800': $warning-800,
	'warning-900': $warning-900
) !default;

$info-map: (
	'info-100': $info-100,
	'info-200': $info-200,
	'info-300': $info-300,
	'info-400': $info-400,
	'info-500': $info-500,
	'info-600': $info-600,
	'info-700': $info-700,
	'info-800': $info-800,
	'info-900': $info-900
) !default;

$danger-map: (
	'danger-100': $danger-100,
	'danger-200': $danger-200,
	'danger-300': $danger-300,
	'danger-400': $danger-400,
	'danger-500': $danger-500,
	'danger-600': $danger-600,
	'danger-700': $danger-700,
	'danger-800': $danger-800,
	'danger-900': $danger-900
) !default;

$light-map: (
	'light-100': $light-100,
	'light-200': $light-200,
	'light-300': $light-300,
	'light-400': $light-400,
	'light-500': $light-500,
	'light-600': $light-600,
	'light-700': $light-700,
	'light-800': $light-800,
	'light-900': $light-900
) !default;

$dark-map: (
	'dark-100': $dark-100,
	'dark-200': $dark-200,
	'dark-300': $dark-300,
	'dark-400': $dark-400,
	'dark-500': $dark-500,
	'dark-600': $dark-600,
	'dark-700': $dark-700,
	'dark-800': $dark-800,
	'dark-900': $dark-900
) !default;

$all-colors: map-merge-multiple(
	$primary-map,
	$secondary-map,
	$success-map,
	$info-map,
	$warning-map,
	$danger-map,
	$light-map,
	$dark-map
);

$aspect-ratio: (
	'1x1': 100%,
	'3x2': math.div(3,2),
	'2x3': math.div(2,3),
	'4x3': math.div(4,3),
	'3x4': math.div(3,4),
	'16x9': math.div(16,9),
	'6x16': math.div(9,16),
	'21x9': math.div(21,9),
	'9x21': math.div(9,21)
);