$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1300px,
);
$container-max-widths: (
sm: 540px,
md: 720px,
lg: 960px,
xl: 1140px,
);
$grid-gutter-width: 20px;
$primary: #1de9b6;
$secondary: #ffca28;
$black: #212529;
// Links
$link-color: $primary;
$link-decoration: none;
$link-hover-color: lighten($primary, 20%);
$link-hover-decoration: underline;
// Fonts
$font-size-base: 1rem; // Assumes the browser default, typically `16px`
$font-family-base: 'Roboto', Arial, sans-serif, -apple-system;
$font-family-serif: 'Lora', Arial, sans-serif, -apple-system;
$font-family-mono: 'Roboto Mono', monospace;
$line-height-base: 1.4;
// Headings & Paragraph
$paragraph-color: #333;
$spacer: 1rem;
$spacers: ();
$spacers: map-merge(
(
0: 0,
1: 10px,
2: 20px,
3: 30px,
4: 40px,
5: 50px,
6: 60px,
7: 70px,
8: 80px,
9: 90px,
10: 100px,
11: 110px,
12: 120px,
13: 130px,
14: 140px,
15: 150px,
16: 160px,
17: 170px,
18: 180px,
19: 190px,
20: 200px,
),
$spacers
);
