financial-assistant

1
$color-background: #212121;
2
$color-container: #2f2f2f;
3
$color-button-background: #2f2f2f;
4
$color-border: #9b9b9b;
5

6
$color-text-light: #ececec;
7

8
$color-text-dark: #403f3d;
9
$color-text-accent: #b0907a;
10
$color-border-dark: #665f55;
11
$color-border-light: #c1b6ad;
12

13
$button-border-radius: 100px;
14

15
$font-family: "Inter", sans-serif;
16

17
$font-link-button: 600 1.6rem/1.5 $font-family;
18
$font-medium: 400 2rem/1.5 $font-family;
19
$font-small: 400 1.5rem/1.5 $font-family;
20
$font-bold-small: 600 1rem/1.4 $font-family;
21
$font-header1: 600 7.2rem/1.05 $font-family;
22
$font-header1-mobile: 600 4.2rem/1.15 $font-family;
23
$font-header2: 600 4rem/1.25 $font-family;
24
$font-header2-mobile: 600 3.2rem/1.25 $font-family;
25
$font-header3: 600 2.4rem/1.25 $font-family;
26
$font-burger-link: 600 3.2rem/1.25 $font-family;
27

28
$width-desktop: 1440px;
29
$width-tablet: 768px;
30
$width-mobile: 380px;
31