1
|
/* You can add reusable colors */
|
2
|
|
3
|
// Primary
|
4
|
$dark-orange-1: #933401;
|
5
|
$dark-orange-2: #571F01;
|
6
|
$orange: #D04A02;
|
7
|
$light-orange-1: #FD6412;
|
8
|
$light-orange-2: #FEB791;
|
9
|
|
10
|
$dark-tangerine-1: #AE6800;
|
11
|
$dark-tangerine-2: #714300;
|
12
|
$tangerine: #EB8C00;
|
13
|
$light-tangerine-1: #FFA929;
|
14
|
$light-tangerine-2: #FFDCA9;
|
15
|
|
16
|
$dark-yellow-1: #C28A00;
|
17
|
$dark-yellow-2: #855F00;
|
18
|
$yellow: #FFB600;
|
19
|
$light-yellow-1: #FFC83D;
|
20
|
$light-yellow-2: #FFECBD;
|
21
|
|
22
|
$dark-rose-1: #A43E50;
|
23
|
$dark-rose-2: #6E2A35;
|
24
|
$rose: #DB536A;
|
25
|
$light-rose-1: #E27588;
|
26
|
$light-rose-2: #F1BAC3;
|
27
|
|
28
|
$dark-red-1: #AA2417;
|
29
|
$dark-red-2: #741910;
|
30
|
$red: #E0301E;
|
31
|
$light-red-1: #E86153;
|
32
|
$Light-red-2: #F7C8C4;
|
33
|
|
34
|
$white: white;
|
35
|
$black: black;
|
36
|
$dark-grey: #2D2D2D;
|
37
|
$medium-grey: #464646;
|
38
|
$grey: #7D7D7D;
|
39
|
$light-grey: #DEDEDE;
|
40
|
|
41
|
// Secondary
|
42
|
$dark-purple-1: #6A1CE2;
|
43
|
$dark-purple-2: #4B06B2;
|
44
|
$purple: #9013FE;
|
45
|
$light-purple-1: #B15AFE;
|
46
|
$light-purple-2: #DEB8FF;
|
47
|
|
48
|
$dark-blue-1: #0060D7;
|
49
|
$dark-blue-2: #003DAB;
|
50
|
$blue: #0089EB;
|
51
|
$light-blue-1: #4DACF1;
|
52
|
$light-blue-2: #B3DCF9;
|
53
|
|
54
|
$dark-green-1: #2C8646;
|
55
|
$dark-green-2: #175C2C;
|
56
|
$green: #4EB523;
|
57
|
$light-green-1: #86DB4F;
|
58
|
$light-green-2: #C4FC9F;
|
59
|
$rose-for-white-type: #D93954;
|
60
|
|
61
|
// Status Colors
|
62
|
$status-red: #E0301E;
|
63
|
$status-yellow: #FFB600;
|
64
|
$status-green: #175C2C;
|
65
|
|