settings.scss

// Colors
$primary: var(--primary);
$primary-dark: var(--primary-dark);
$secondary: #7DEFFF;
$red: #E51C4A;
$light: rgba(0, 0, 0, 0.025);
$dark: #180923;

$light-gray: #F8F8F8;

$white: #fff;
$black: #000;

$error-color: $secondary;

$colors: (
   'primary': $primary,
   'secondary': $secondary,
   'light': $light,
   'dark': $dark
);

$themeDarkMap: (
    'red': #E31A4A,
    'orange': #E03333,
    'yellow': #E09033,
    'green': #299C50,
    'lightblue': #0E8BFF,
    'blue': #1D00D0,
    'purple': #7B10E7
);

$themeLightMap: (
    'red': #FE6442,
    'orange': #FE8642,
    'yellow': #FEE042,
    'green': #8AF194,
    'lightblue': #70E5ED,
    'blue': #428DFE,
    'purple': #CD42FE
);

$linear-gradient: linear-gradient(to bottom, $primary, $primary-dark);
$linear-gradient-horizontal: linear-gradient(to right, $primary, $primary-dark);
$radial-gradient: radial-gradient(100% 115% at 0% 0%, $primary 0%, $primary-dark 100%);

$body-color: #3A5255;
$body-font: 'Poppins', sans-serif;

// Typography
$weight-light: 300;
$weight-regular: 400;
$weight-medium: 500;
$weight-semi-bold: 600;
$weight-bold: 700;
$weight-xbold: 800;

// Breakpoints
$breakpoints: (
    'small': 480px,
    'medium': 860px,
    'large': 1400px,
    'xlarge': 1640px
);

// General
$transition: 300ms ease;