@import './colors';

// Primary
$gradient-primary-linear-light: linear-gradient(#7aabf5, $primary-500);
$gradient-primary-linear-dark: linear-gradient(#588deb, $primary-600);
$gradient-primary-radial-light: radial-gradient(circle at bottom left, #7aabf5, #447ae7);
$gradient-primary-radial-dark: radial-gradient(circle at bottom left, #588deb, $primary-600);
$gradient-primary-custom-light: radial-gradient(27% -122%, #7aabf5 24%, $primary-500 100%);
$gradient-primary-custom-dark: radial-gradient(27% -122%, #588deb 24%, $primary-600 100%);
$gradient-primary-button: linear-gradient(#3977f5, $primary-500);

// Danger
$gradient-danger-linear-light: linear-gradient(#f88e7c, $danger-500);
$gradient-danger-linear-dark: linear-gradient(#f1635a, #c81c30);
$gradient-danger-radial-light: radial-gradient(circle at bottom left, #f88e7c, $danger-500);
$gradient-danger-radial-dark: radial-gradient(circle at bottom left, #f15a5a, #c81c30);
$gradient-danger-custom-light: radial-gradient(27% -122%, #f88e7c 24%, $danger-500 100%);
$gradient-danger-custom-dark: radial-gradient(27% -122%, #f1635a 24%, #c81c30 100%);
$gradient-danger-button: linear-gradient(#fa2e34, #e7252b);

// Warning
$gradient-warning-linear-light: linear-gradient(#ffb678, $warning-500);
$gradient-warning-linear-dark: linear-gradient(#f79957, #d04c18);
$gradient-warning-radial-light: radial-gradient(circle at bottom left, #ffb674, $warning-500);
$gradient-warning-radial-dark: radial-gradient(circle at bottom left, #f79957, #d04c18);
$gradient-warning-custom-light: radial-gradient(27% -122%, #f79957 24%, $warning-500 100%);
$gradient-warning-custom-dark: radial-gradient(27% -122%, #f79957 24%, #d04c18 100%);
$gradient-warning-button: linear-gradient(#ff752b, #ee671f);

// Caution
$gradient-caution-linear-light: linear-gradient(#fde57a, $caution-500);
$gradient-caution-linear-dark: linear-gradient(#fcda59, #d7a619);
$gradient-caution-radial-light: radial-gradient(circle at bottom left, #fde57a, $caution-500);
$gradient-caution-radial-dark: radial-gradient(circle at bottom left, #fcda59, #d7a619);
$gradient-caution-custom-light: radial-gradient(27% -122%, #fde57a 24%, $caution-500 100%);
$gradient-caution-custom-dark: radial-gradient(27% -122%, #fcda59 24%, #d7a619 100%);
$gradient-caution-button: linear-gradient(#fde57a, $caution-500);

// success
$gradient-success-linear-light: linear-gradient($success-300, $success-500);
$gradient-success-linear-dark: linear-gradient(#42c877, #0d8d59);
$gradient-success-radial-light: radial-gradient(circle at bottom left, $success-300, $success-500);
$gradient-success-radial-dark: radial-gradient(circle at bottom left, #42c877, #0d8d59);
$gradient-success-custom-light: radial-gradient(27% -122%, #42c877 24%, $success-500 100%);
$gradient-success-custom-dark: radial-gradient(27% -122%, #42c877 24%, #0d8d59 100%);
$gradient-success-button: linear-gradient(#14b362, $success-500);

// info
$gradient-info-linear-light: linear-gradient($info-300, $info-500);
$gradient-info-linear-dark: linear-gradient(#4ea2e7, #125eb9);
$gradient-info-radial-light: radial-gradient(circle at bottom left, $info-300, $info-500);
$gradient-info-radial-dark: radial-gradient(circle at bottom left, #4ea2e7, #125eb9);
$gradient-info-custom-light: radial-gradient(27% -122%, #4ea2e7 24%, $info-500 100%);
$gradient-info-custom-dark: radial-gradient(27% -122%, #4ea2e7 24%, #125eb9 100%);
$gradient-info-button: linear-gradient(#2385e7, #1677d6);

// accent-1
$gradient-accent-1-linear-light: linear-gradient(#5ae3c4, $accent-1-500);
$gradient-accent-1-linear-dark: linear-gradient(#31c7b3, #00868c);
$gradient-accent-1-radial-light: radial-gradient(circle at bottom left, #5ae3c4, $accent-1-500);
$gradient-accent-1-radial-dark: radial-gradient(circle at bottom left, #31c7b3, #00868c);
$gradient-accent-1-custom-light: radial-gradient(27% -122%, #5ae3c4 24%, $accent-1-500 100%);
$gradient-accent-1-custom-dark: radial-gradient(27% -122%, #31c7b3 24%, #00868c 100%);
$gradient-accent-1-button: linear-gradient(#00ada5, $accent-1-500);

// accent-2
$gradient-accent-2-linear-light: linear-gradient(#da9be9, $accent-2-500);
$gradient-accent-2-linear-dark: linear-gradient(#bd7bd4, #783b9e);
$gradient-accent-2-radial-light: radial-gradient(circle at bottom left, #da9be9, $accent-2-500);
$gradient-accent-2-radial-dark: radial-gradient(circle at bottom left, #bd7bd4, #783b9e);
$gradient-accent-2-custom-light: radial-gradient(27% -122%, #da9be9 24%, $accent-2-500 100%);
$gradient-accent-2-custom-dark: radial-gradient(27% -122%, #bd7bd4 24%, #783b9e 100%);
$gradient-accent-2-button: linear-gradient(#9f56c2, $accent-2-500);

// custom
$gradient-custom-1: linear-gradient(45deg, #ffeb7e 0%, #ff008c 100%);
$gradient-custom-2: linear-gradient(45deg, #ffaf85 0%, #ff005f 100%);
$gradient-custom-3: linear-gradient(45deg, #e088ff 0%, #57efcd 100%);
$gradient-custom-4: linear-gradient(45deg, #57efcd 0%, #61befb 100%);
$gradient-custom-5: linear-gradient(45deg, #30bffc 0%, #006edb 100%);
$gradient-custom-6: linear-gradient(45deg, #ab4bd8 0%, #1a4dde 100%);

// grey
$gradient-grey-1: linear-gradient(0deg, $grey-25 0%, $white 100%);
$gradient-grey-2: linear-gradient(179deg, $grey-25 0%, $grey-50 100%);
$gradient-grey-3: linear-gradient(179deg, $grey-50 0%, $grey-100 100%);