// Color

$white: #fff;
$grey-light: #f7f8f9;
$black: #2c2c2c;
$blue: #3d3fea;
$blue-light: #00aeef;
$blue-medium: #172d72;
$blue-dark: #000431;
$blue-primary-hover: #3337a9;
$blue-white-hover: #6465ee;
$black-blue: #161b2a;

$green-lawn: #69c384;
$grey: #e9eaee;
$pink-light: #ee6d85;
$purple: #7d3f98;
$yellow: #f8c200;
$red: #e30c34;
$red-light: #ee6d85;
$orange: #ed772d;

$lineColor: #e5e5e5;

$M1: $white;
$M2: $grey-light;
$F1: $black;

$B1: $blue;
$B2: $blue-light;
$B3: $blue-medium;
$B4: $blue-dark;

// font-family
$font-family: 'pingfang SC', 'helvetica neue', arial, ’microsoft yahei ui’, ’microsoft yahei’, sans-serif;

// font-color
$font-color-10: rgba($black, 1);
$font-color-8: rgba($black, 0.8);
$font-color-6: rgba($black, 0.6);
$font-color-4: rgba($black, 0.4);

// font-size
$font-base: 16px;
$font-desktop: 14px;
$font-small: 0.875rem;
$font-normal: 1rem;
$font-h5: 1.125rem;
$font-h4: 1.25rem;
$font-h3: 1.5rem;
$font-h2: 1.75rem;
$font-h1: 2.25rem;
$font-h0: 2.75rem;

// font-weight
$light: 300;
$regular: 400;
$medium: 500;

// shadow
$shadow-long: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
$shadow-normal: 0 2px 10px 0 rgba(0, 0, 0, 0.08);

// media query
$min-width: 480px;

// padding
$hl-1: 7.5rem;
$hl-2: 6.25rem;
$hl-3: 5rem;
$hl-4: 3.75rem;
$hl-5: 3rem;
$hl-6: 2.5rem;
$hl-7: 2rem;
$hl-8: 1.5rem;
$hl-9: 1rem;
$hl-10: 0.5rem;
$hl-11: 3.75rem;

// media query

$mobile: 768px;
$desktop: 1023px;
$wide: 1215px;
$full: 1407px;

$max-desktop: 960px;
$max-wide: 1152px;
$max-full: 1344px;

// border-radius
$radius: 0.625rem;