3 $black: hsl(0, 0%, 4%) !default
4 $black-bis: hsl(0, 0%, 7%) !default
5 $black-ter: hsl(0, 0%, 14%) !default
7 $grey-darker: hsl(0, 0%, 21%) !default
8 $grey-dark: hsl(0, 0%, 29%) !default
9 $grey: hsl(0, 0%, 48%) !default
10 $grey-light: hsl(0, 0%, 71%) !default
11 $grey-lighter: hsl(0, 0%, 86%) !default
12 $grey-lightest: hsl(0, 0%, 93%) !default
14 $white-ter: hsl(0, 0%, 96%) !default
15 $white-bis: hsl(0, 0%, 98%) !default
16 $white: hsl(0, 0%, 100%) !default
18 $orange: hsl(14, 100%, 53%) !default
19 $yellow: hsl(48, 100%, 67%) !default
20 $green: hsl(141, 53%, 53%) !default
21 $turquoise: hsl(171, 100%, 41%) !default
22 $cyan: hsl(204, 71%, 53%) !default
23 $blue: hsl(217, 71%, 53%) !default
24 $purple: hsl(271, 100%, 71%) !default
25 $red: hsl(348, 86%, 61%) !default
29 $family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
30 $family-monospace: monospace !default
31 $render-mode: optimizeLegibility !default
33 $size-1: 3rem !default
34 $size-2: 2.5rem !default
35 $size-3: 2rem !default
36 $size-4: 1.5rem !default
37 $size-5: 1.25rem !default
38 $size-6: 1rem !default
39 $size-7: 0.75rem !default
41 $weight-light: 300 !default
42 $weight-normal: 400 !default
43 $weight-medium: 500 !default
44 $weight-semibold: 600 !default
45 $weight-bold: 700 !default
49 $block-spacing: 1.5rem !default
53 // The container horizontal gap, which acts as the offset for breakpoints
55 // 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16
56 $tablet: 769px !default
57 // 960px container + 4rem
58 $desktop: 960px + (2 * $gap) !default
59 // 1152px container + 4rem
60 $widescreen: 1152px + (2 * $gap) !default
61 $widescreen-enabled: true !default
62 // 1344px container + 4rem
63 $fullhd: 1344px + (2 * $gap) !default
64 $fullhd-enabled: true !default
68 $easing: ease-out !default
69 $radius-small: 2px !default
71 $radius-large: 6px !default
72 $radius-rounded: 290486px !default
77 $variable-columns: true !default