// ———————————-\ // imported from type // ———————————-/

$mq-breakpoints: (

mobile:  320px,
tablet:  640px,
desktop: 1024px

);

$base-spacing-unit: 16px;

$global-transition: .4s;

// Colors $color-brand: #00A0FF; $color-white: #FFFFFF; $color-text: #323232; $color-gray: #2B5F72;

// Background Colors $bg-color-white: $color-white; $bg-color-dark: #222228; $bg-color-gray: #FAFAFA;

// Border $color-border: #E9EFF3;

// Links $color-link: $color-text; $color-link-hover: $color-brand;

// Fonts $font-base:

-apple-system,
BlinkMacSystemFont,
'Segoe UI',
Helvetica,
'Microsoft YaHei',
华文细黑,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji',
'Segoe UI Symbol';

$font-monospace: Courier, monospace;

$font-size-base: 19px; $font-size-medium: 16px; $font-size-small: 14px; $font-size-tiny: 12px;

$font-weight-light: 300; $font-weight-regular: 400; $font-weight-bold: 600; $font-weight-bolder: 900;

$line-height-base: round($font-size-base * 1.7); $line-height-medium: round($font-size-medium * 1.55); $line-height-small: round($font-size-small * 1.55); $line-height-tiny: round($font-size-tiny * 1.55);