@itcase/tokens-am 1.1.42 → 1.1.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/css/styles/themes.css +403 -2478
  2. package/package.json +3 -3
package/dist/css/styles/themes.css CHANGED
@@ -1,2085 +1,341 @@
1
- /* Empty *//**
1
+ /**
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- :root:where(.dark-theme):where(.am) {
6
- --color-accent-fill-primary: hsl(91, 35%, 59%);
7
- --color-accent-fill-secondary: hsl(92, 18%, 72%);
8
- --color-accent-fill-tertiary: hsl(94, 53%, 65%);
9
- --color-accent-fill-quaternary: hsl(91, 37%, 24%);
10
- --color-accent-fill-hover: hsl(91, 35%, 59%);
11
- --color-accent-fill-focus: hsl(91, 17%, 47%);
12
- --color-accent-fill-active: hsl(91, 49%, 74%);
13
- --color-accent-fill-disabled: hsl(92, 67%, 16%);
14
- --color-accent-text-primary: hsl(0, 0%, 20%);
15
- --color-accent-text-secondary: hsl(91, 35%, 59%);
16
- --color-accent-text-tertiary: hsl(92, 18%, 72%);
17
- --color-accent-text-quaternary: hsl(91, 21%, 40%);
18
- --color-accent-text-hover: hsl(91, 17%, 47%);
19
- --color-accent-text-focus: hsl(91, 53%, 31%);
20
- --color-accent-text-active: hsl(91, 49%, 74%);
21
- --color-accent-text-disabled: hsl(92, 67%, 16%);
22
- --color-accent-item-primary: hsl(0, 0%, 20%);
23
- --color-accent-item-secondary: hsl(91, 35%, 59%);
24
- --color-accent-item-tertiary: hsl(91, 35%, 59%);
25
- --color-accent-item-quaternary: hsl(90, 11%, 45%);
26
- --color-accent-item-hover: hsl(91, 17%, 47%);
27
- --color-accent-item-focus: hsl(91, 53%, 31%);
28
- --color-accent-item-active: hsl(91, 49%, 74%);
29
- --color-accent-item-disabled: hsl(92, 67%, 16%);
30
- --color-accent-border-primary: hsl(93, 26%, 27%);
31
- --color-accent-border-secondary: hsl(91, 35%, 59%);
32
- --color-accent-border-tertiary: hsl(92, 18%, 72%);
33
- --color-accent-border-quaternary: hsl(91, 21%, 40%);
34
- --color-accent-border-hover: hsl(91, 17%, 47%);
35
- --color-accent-border-focus: hsl(91, 53%, 31%);
36
- --color-accent-border-active: hsl(91, 49%, 74%);
37
- --color-accent-border-disabled: hsl(92, 67%, 16%);
38
- --color-special-fill-primary: hsl(36, 71%, 53%);
39
- --color-special-fill-secondary: hsl(36, 76%, 62%);
40
- --color-special-fill-tertiary: hsl(36, 95%, 36%);
5
+ :root {
6
+ --color-accent-fill-primary: hsl(92, 49%, 47%);
7
+ --color-accent-fill-secondary: hsl(92, 28%, 62%);
8
+ --color-accent-fill-tertiary: hsl(93, 53%, 93%);
9
+ --color-accent-fill-quaternary: hsl(92, 71%, 27%);
10
+ --color-accent-fill-focus: hsl(92, 59%, 64%);
11
+ --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
12
+ --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
13
+ --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
14
+ --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
15
+ --color-accent-fill-active-primary: hsl(92, 52%, 70%);
16
+ --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
17
+ --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
18
+ --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
19
+ --color-accent-fill-disabled: hsl(93, 45%, 80%);
20
+ --color-accent-text-primary: hsl(0, 0%, 100%);
21
+ --color-accent-text-secondary: hsl(92, 49%, 47%);
22
+ --color-accent-text-tertiary: hsl(94, 53%, 68%);
23
+ --color-accent-text-quaternary: hsl(92, 37%, 35%);
24
+ --color-accent-text-hover: hsl(91, 33%, 40%);
25
+ --color-accent-text-focus: hsl(92, 59%, 64%);
26
+ --color-accent-text-active: hsl(92, 52%, 70%);
27
+ --color-accent-text-disabled: hsl(93, 45%, 80%);
28
+ --color-accent-item-primary: hsl(0, 0%, 100%);
29
+ --color-accent-item-secondary: hsl(92, 49%, 47%);
30
+ --color-accent-item-tertiary: hsl(94, 53%, 68%);
31
+ --color-accent-item-quaternary: hsl(92, 37%, 35%);
32
+ --color-accent-item-hover: hsl(91, 33%, 40%);
33
+ --color-accent-item-focus: hsl(92, 59%, 64%);
34
+ --color-accent-item-active: hsl(92, 52%, 70%);
35
+ --color-accent-item-disabled: hsl(93, 45%, 80%);
36
+ --color-accent-border-primary: hsl(0, 0%, 100%);
37
+ --color-accent-border-secondary: hsl(92, 49%, 47%);
38
+ --color-accent-border-tertiary: hsl(94, 53%, 68%);
39
+ --color-accent-border-quaternary: hsl(92, 37%, 35%);
40
+ --color-accent-border-hover: hsl(91, 33%, 40%);
41
+ --color-accent-border-focus: hsl(92, 59%, 64%);
42
+ --color-accent-border-active: hsl(92, 52%, 70%);
43
+ --color-accent-border-disabled: hsl(93, 45%, 80%);
44
+ --color-special-fill-primary: hsl(36, 95%, 45%);
45
+ --color-special-fill-secondary: hsl(36, 89%, 42%);
46
+ --color-special-fill-tertiary: hsl(36, 100%, 90%);
41
47
  --color-special-fill-quaternary: hsl(36, 95%, 36%);
42
- --color-special-fill-hover: hsl(36, 71%, 53%);
43
- --color-special-fill-focus: hsl(36, 100%, 64%);
44
- --color-special-fill-active: hsl(36, 100%, 73%);
45
- --color-special-fill-disabled: hsl(36, 45%, 35%);
46
- --color-special-text-primary: hsl(0, 0%, 11%);
47
- --color-special-text-secondary: hsl(36, 71%, 53%);
48
- --color-special-text-tertiary: hsl(36, 76%, 62%);
48
+ --color-special-fill-focus: hsl(36, 95%, 45%);
49
+ --color-special-fill-active: hsl(36, 95%, 45%);
50
+ --color-special-fill-disabled: hsl(36, 100%, 90%);
51
+ --color-special-fill-hover-primary: hsl(36, 95%, 45%);
52
+ --color-special-fill-hover-secondary: hsl(36, 89%, 42%);
53
+ --color-special-fill-hover-tertiary: hsl(36, 100%, 90%);
54
+ --color-special-fill-hover-quaternary: hsl(36, 95%, 36%);
55
+ --color-special-text-primary: hsl(0, 0%, 100%);
56
+ --color-special-text-secondary: hsl(36, 95%, 45%);
57
+ --color-special-text-tertiary: hsl(36, 100%, 86%);
49
58
  --color-special-text-quaternary: hsl(36, 95%, 36%);
50
- --color-special-text-hover: hsl(36, 71%, 53%);
51
- --color-special-text-focus: hsl(36, 100%, 64%);
52
- --color-special-text-active: hsl(36, 100%, 73%);
53
- --color-special-text-disabled: hsl(36, 45%, 35%);
54
- --color-special-item-primary: hsl(0, 0%, 11%);
55
- --color-special-item-secondary: hsl(36, 71%, 53%);
56
- --color-special-item-tertiary: hsl(36, 76%, 62%);
59
+ --color-special-text-hover: hsl(36, 95%, 45%);
60
+ --color-special-text-focus: hsl(36, 95%, 45%);
61
+ --color-special-text-active: hsl(36, 95%, 45%);
62
+ --color-special-text-disabled: hsl(36, 45%, 57%);
63
+ --color-special-item-primary: hsl(0, 0%, 100%);
64
+ --color-special-item-secondary: hsl(36, 95%, 45%);
65
+ --color-special-item-tertiary: hsl(36, 100%, 86%);
57
66
  --color-special-item-quaternary: hsl(36, 95%, 36%);
58
- --color-special-item-hover: hsl(36, 71%, 53%);
59
- --color-special-item-focus: hsl(36, 100%, 64%);
60
- --color-special-item-active: hsl(36, 100%, 73%);
61
- --color-special-item-disabled: hsl(36, 45%, 35%);
62
- --color-special-border-primary: hsl(0, 0%, 11%);
63
- --color-special-border-secondary: hsl(36, 71%, 53%);
64
- --color-special-border-tertiary: hsl(36, 76%, 62%);
67
+ --color-special-item-hover: hsl(36, 95%, 45%);
68
+ --color-special-item-focus: hsl(36, 95%, 45%);
69
+ --color-special-item-active: hsl(36, 95%, 45%);
70
+ --color-special-item-disabled: hsl(36, 45%, 57%);
71
+ --color-special-border-primary: hsl(0, 0%, 100%);
72
+ --color-special-border-secondary: hsl(36, 95%, 45%);
73
+ --color-special-border-tertiary: hsl(36, 100%, 86%);
65
74
  --color-special-border-quaternary: hsl(36, 95%, 36%);
66
- --color-special-border-hover: hsl(36, 71%, 53%);
67
- --color-special-border-focus: hsl(36, 100%, 64%);
68
- --color-special-border-active: hsl(36, 100%, 73%);
69
- --color-special-border-disabled: hsl(36, 45%, 35%);
70
- --color-extra-fill-primary: hsl(350, 67%, 46%);
71
- --color-extra-fill-secondary: hsl(350, 51%, 48%);
72
- --color-extra-fill-tertiary: hsl(350, 34%, 52%);
73
- --color-extra-fill-quaternary: hsl(350, 45%, 36%);
74
- --color-extra-fill-hover: hsl(350, 67%, 46%);
75
- --color-extra-fill-focus: hsl(349, 67%, 46%);
76
- --color-extra-fill-active: hsl(349, 83%, 27%);
77
- --color-extra-fill-disabled: hsl(350, 22%, 37%);
78
- --color-extra-text-primary: hsl(0, 0%, 11%);
79
- --color-extra-text-secondary: hsl(350, 67%, 46%);
80
- --color-extra-text-tertiary: hsl(350, 51%, 48%);
81
- --color-extra-text-quaternary: hsl(350, 45%, 36%);
82
- --color-extra-text-hover: hsl(350, 67%, 46%);
83
- --color-extra-text-focus: hsl(349, 67%, 46%);
84
- --color-extra-text-active: hsl(349, 83%, 27%);
85
- --color-extra-text-disabled: hsl(350, 22%, 37%);
86
- --color-extra-item-primary: hsl(0, 0%, 11%);
87
- --color-extra-item-secondary: hsl(350, 67%, 46%);
88
- --color-extra-item-tertiary: hsl(350, 51%, 48%);
89
- --color-extra-item-quaternary: hsl(350, 45%, 36%);
90
- --color-extra-item-hover: hsl(350, 67%, 46%);
91
- --color-extra-item-focus: hsl(349, 67%, 46%);
92
- --color-extra-item-active: hsl(349, 83%, 27%);
75
+ --color-special-border-hover: hsl(36, 95%, 45%);
76
+ --color-special-border-focus: hsl(36, 95%, 45%);
77
+ --color-special-border-active: hsl(36, 95%, 45%);
78
+ --color-special-border-disabled: hsl(36, 45%, 57%);
79
+ --color-extra-fill-primary: hsl(349, 96%, 44%);
80
+ --color-extra-fill-secondary: hsl(349, 70%, 74%);
81
+ --color-extra-fill-tertiary: hsl(348, 58%, 90%);
82
+ --color-extra-fill-quaternary: hsl(349, 87%, 28%);
83
+ --color-extra-fill-focus: hsl(349, 84%, 59%);
84
+ --color-extra-fill-active: hsl(350, 58%, 41%);
85
+ --color-extra-fill-disabled: hsl(348, 20%, 64%);
86
+ --color-extra-fill-hover-primary: hsl(349, 96%, 44%);
87
+ --color-extra-fill-hover-secondary: hsl(349, 70%, 74%);
88
+ --color-extra-fill-hover-tertiary: hsl(348, 58%, 90%);
89
+ --color-extra-fill-hover-quaternary: hsl(349, 87%, 28%);
90
+ --color-extra-text-primary: hsl(0, 0%, 100%);
91
+ --color-extra-text-secondary: hsl(349, 96%, 44%);
92
+ --color-extra-text-tertiary: hsl(348, 58%, 90%);
93
+ --color-extra-text-quaternary: hsl(349, 87%, 28%);
94
+ --color-extra-text-hover: hsl(349, 96%, 44%);
95
+ --color-extra-text-focus: hsl(349, 84%, 59%);
96
+ --color-extra-text-active: hsl(350, 58%, 41%);
97
+ --color-extra-text-disabled: hsl(348, 20%, 64%);
98
+ --color-extra-item-primary: hsl(0, 0%, 100%);
99
+ --color-extra-item-secondary: hsl(349, 96%, 44%);
100
+ --color-extra-item-tertiary: hsl(348, 58%, 90%);
101
+ --color-extra-item-quaternary: hsl(349, 87%, 28%);
102
+ --color-extra-item-hover: hsl(349, 96%, 44%);
103
+ --color-extra-item-focus: hsl(349, 84%, 59%);
104
+ --color-extra-item-active: hsl(350, 58%, 41%);
93
105
  --color-extra-item-disabled: hsl(348, 20%, 64%);
94
- --color-extra-border-primary: hsl(0, 0%, 11%);
95
- --color-extra-border-secondary: hsl(350, 67%, 46%);
96
- --color-extra-border-tertiary: hsl(350, 51%, 48%);
97
- --color-extra-border-quaternary: hsl(350, 45%, 36%);
98
- --color-extra-border-hover: hsl(350, 67%, 46%);
99
- --color-extra-border-active: hsl(349, 67%, 46%);
100
- --color-extra-border-focus: hsl(349, 83%, 27%);
101
- --color-extra-border-disabled: hsl(350, 22%, 37%);
102
- --color-surface-fill-primary: hsl(0, 0%, 11%);
103
- --color-surface-fill-secondary: hsl(0, 0%, 30%);
104
- --color-surface-fill-tertiary: hsl(0, 0%, 62%);
105
- --color-surface-fill-quaternary: hsl(220, 14%, 96%);
106
- --color-surface-fill-quaternary-50: hsl(0, 0%, 79%);
107
- --color-surface-fill-disabled: hsl(0, 0%, 38%);
108
- --color-surface-fill-hover: hsl(0, 0%, 79%);
109
- --color-surface-fill-active: hsl(91, 35%, 59%);
110
- --color-surface-fill-inverse: hsl(0, 0%, 96%);
111
- --color-surface-text-primary: hsl(0, 0%, 96%);
112
- --color-surface-text-secondary: hsl(0, 0%, 30%);
113
- --color-surface-text-tertiary: hsl(0, 0%, 62%);
114
- --color-surface-text-quaternary: hsl(220, 14%, 96%);
115
- --color-surface-text-disabled: hsl(0, 0%, 38%);
106
+ --color-extra-border-primary: hsl(0, 0%, 100%);
107
+ --color-extra-border-secondary: hsl(349, 96%, 44%);
108
+ --color-extra-border-tertiary: hsl(348, 58%, 90%);
109
+ --color-extra-border-quaternary: hsl(349, 87%, 28%);
110
+ --color-extra-border-hover: hsl(349, 96%, 44%);
111
+ --color-extra-border-focus: hsl(349, 84%, 59%);
112
+ --color-extra-border-active: hsl(350, 58%, 41%);
113
+ --color-extra-border-disabled: hsl(348, 20%, 64%);
114
+ --color-surface-fill-primary: hsl(0, 0%, 100%);
115
+ --color-surface-fill-secondary: hsl(220, 14%, 96%);
116
+ --color-surface-fill-tertiary: hsl(0, 0%, 85%);
117
+ --color-surface-fill-quaternary: hsl(0, 0%, 45%);
118
+ --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
119
+ --color-surface-fill-inverse: hsl(0, 0%, 0%);
120
+ --color-surface-fill-focus: hsl(0, 0%, 59%);
121
+ --color-surface-fill-active: hsl(92, 49%, 47%);
122
+ --color-surface-fill-disabled: hsl(0, 0%, 93%);
123
+ --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
124
+ --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
125
+ --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
126
+ --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
127
+ --color-surface-text-primary: hsl(0, 0%, 0%);
128
+ --color-surface-text-secondary: hsl(0, 0%, 93%);
129
+ --color-surface-text-tertiary: hsl(0, 0%, 85%);
130
+ --color-surface-text-quaternary: hsl(0, 0%, 45%);
131
+ --color-surface-text-inverse: hsl(0, 0%, 100%);
116
132
  --color-surface-text-hover: hsl(0, 0%, 79%);
117
- --color-surface-text-active: hsl(91, 35%, 59%);
118
- --color-surface-text-accent: hsl(91, 35%, 59%);
119
- --color-surface-text-inverse: hsl(0, 0%, 11%);
120
- --color-surface-item-primary: hsl(0, 0%, 96%);
121
- --color-surface-item-secondary: hsl(0, 0%, 30%);
122
- --color-surface-item-tertiary: hsl(0, 0%, 62%);
123
- --color-surface-item-quaternary: hsl(220, 14%, 96%);
124
- --color-surface-item-disabled: hsl(0, 0%, 38%);
133
+ --color-surface-text-focus: hsl(0, 0%, 59%);
134
+ --color-surface-text-active: hsl(92, 49%, 47%);
135
+ --color-surface-text-disabled: hsl(0, 0%, 47%);
136
+ --color-surface-item-primary: hsl(0, 0%, 0%);
137
+ --color-surface-item-secondary: hsl(0, 0%, 93%);
138
+ --color-surface-item-tertiary: hsl(0, 0%, 85%);
139
+ --color-surface-item-quaternary: hsl(0, 0%, 45%);
140
+ --color-surface-item-inverse: hsl(0, 0%, 100%);
125
141
  --color-surface-item-hover: hsl(0, 0%, 79%);
126
- --color-surface-item-active: hsl(91, 35%, 59%);
127
- --color-surface-item-accent: hsl(91, 35%, 59%);
128
- --color-surface-item-inverse: hsl(0, 0%, 96%);
129
- --color-surface-border-primary: hsl(0, 0%, 96%);
130
- --color-surface-border-secondary: hsl(0, 0%, 30%);
131
- --color-surface-border-tertiary: hsl(0, 0%, 62%);
132
- --color-surface-border-quaternary: hsl(220, 14%, 96%);
133
- --color-surface-border-disabled: hsl(0, 0%, 38%);
134
- --color-surface-border-hover: hsl(0, 0%, 79%);
135
- --color-surface-border-active: hsl(91, 35%, 59%);
136
- --color-surface-border-accent: hsl(91, 35%, 59%);
137
- --color-surface-border-inverse: hsl(0, 0%, 11%);
138
- --color-success-fill-primary: hsl(91, 35%, 59%);
139
- --color-success-fill-secondary: hsl(91, 47%, 57%);
140
- --color-success-fill-tertiary: hsl(91, 17%, 41%);
141
- --color-success-fill-hover: hsl(91, 47%, 57%);
142
- --color-success-fill-focus: hsl(91, 24%, 47%);
143
- --color-success-fill-active: hsl(91, 61%, 31%);
144
- --color-success-fill-disabled: hsl(92, 12%, 27%);
145
- --color-success-text-primary: hsl(0, 0%, 100%);
146
- --color-success-text-secondary: hsl(91, 47%, 57%);
147
- --color-success-text-hover: hsl(91, 47%, 57%);
148
- --color-success-text-focus: hsl(91, 24%, 47%);
149
- --color-success-text-active: hsl(91, 61%, 31%);
150
- --color-success-text-disabled: hsl(92, 12%, 27%);
151
- --color-success-item-primary: hsl(0, 0%, 11%);
152
- --color-success-item-secondary: hsl(91, 47%, 57%);
153
- --color-success-item-hover: hsl(91, 47%, 57%);
154
- --color-success-item-focus: hsl(91, 24%, 47%);
155
- --color-success-item-active: hsl(91, 61%, 31%);
156
- --color-success-item-disabled: hsl(92, 12%, 27%);
157
- --color-success-border-primary: hsl(0, 0%, 11%);
158
- --color-success-border-secondary: hsl(91, 35%, 59%);
159
- --color-success-border-hover: hsl(91, 47%, 57%);
160
- --color-success-border-focus: hsl(91, 24%, 47%);
161
- --color-success-border-active: hsl(91, 61%, 31%);
162
- --color-success-border-disabled: hsl(350, 22%, 37%);
163
- --color-warning-fill-primary: hsl(36, 71%, 48%);
164
- --color-warning-fill-secondary: hsl(36, 74%, 40%);
165
- --color-warning-fill-tertiary: hsl(35, 79%, 28%);
166
- --color-warning-fill-focus: hsl(36, 71%, 48%);
167
- --color-warning-fill-hover: hsl(36, 76%, 63%);
168
- --color-warning-fill-active: hsl(35, 45%, 42%);
169
- --color-warning-fill-disabled: hsl(35, 78%, 14%);
170
- --color-warning-text-primary: hsl(0, 0%, 100%);
171
- --color-warning-text-secondary: hsl(36, 74%, 40%);
172
- --color-warning-text-focus: hsl(36, 71%, 48%);
173
- --color-warning-text-hover: hsl(36, 76%, 63%);
174
- --color-warning-text-active: hsl(35, 45%, 42%);
175
- --color-warning-text-disabled: hsl(35, 78%, 14%);
176
- --color-warning-item-primary: hsl(35, 78%, 14%);
177
- --color-warning-item-secondary: hsl(36, 74%, 40%);
178
- --color-warning-item-focus: hsl(36, 71%, 48%);
179
- --color-warning-item-hover: hsl(36, 76%, 63%);
180
- --color-warning-item-active: hsl(35, 45%, 42%);
181
- --color-warning-item-disabled: hsl(35, 78%, 14%);
182
- --color-warning-border-primary: hsl(0, 0%, 11%);
183
- --color-warning-border-secondary: hsl(36, 74%, 40%);
184
- --color-warning-border-focus: hsl(36, 71%, 48%);
185
- --color-warning-border-hover: hsl(36, 76%, 63%);
186
- --color-warning-border-active: hsl(35, 45%, 42%);
187
- --color-warning-border-disabled: hsl(35, 78%, 14%);
188
- --color-error-fill-primary: hsl(0, 100%, 44%);
189
- --color-error-fill-secondary: hsl(0, 99%, 38%);
190
- --color-error-fill-tertiary: hsl(0, 100%, 27%);
191
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
192
- --color-error-fill-hover: hsl(0, 60%, 41%);
193
- --color-error-fill-focus: hsl(0, 86%, 59%);
194
- --color-error-fill-active: hsl(0, 100%, 29%);
195
- --color-error-fill-disabled: hsl(0, 81%, 17%);
196
- --color-error-text-primary: hsl(0, 100%, 90%);
197
- --color-error-text-secondary: hsl(0, 100%, 22%);
198
- --color-error-text-tertiary: hsl(0, 100%, 27%);
199
- --color-error-text-quaternary: hsl(0, 100%, 44%);
200
- --color-error-text-hover: hsl(0, 60%, 41%);
201
- --color-error-text-focus: hsl(0, 86%, 59%);
202
- --color-error-text-active: hsl(0, 100%, 29%);
203
- --color-error-text-disabled: hsl(0, 81%, 17%);
204
- --color-error-item-primary: hsl(0, 100%, 90%);
205
- --color-error-item-secondary: hsl(0, 100%, 22%);
206
- --color-error-item-tertiary: hsl(0, 100%, 27%);
207
- --color-error-item-quaternary: hsl(0, 100%, 44%);
208
- --color-error-item-hover: hsl(0, 60%, 41%);
209
- --color-error-item-focus: hsl(0, 86%, 59%);
210
- --color-error-item-active: hsl(0, 100%, 29%);
211
- --color-error-item-disabled: hsl(0, 81%, 17%);
212
- --color-error-border-primary: hsl(0, 100%, 22%);
213
- --color-error-border-secondary: hsl(0, 100%, 44%);
214
- --color-error-border-tertiary: hsl(0, 100%, 27%);
215
- --color-error-border-quaternary: hsl(0, 100%, 44%);
216
- --color-error-border-hover: hsl(0, 60%, 41%);
217
- --color-error-border-focus: hsl(0, 86%, 59%);
218
- --color-error-border-active: hsl(0, 100%, 29%);
219
- --color-error-border-disabled: hsl(0, 81%, 17%);
220
- --color-info-fill-primary: hsl(211, 56%, 51%);
221
- --color-info-fill-secondary: hsl(212, 72%, 61%);
222
- --color-info-fill-tertiary: hsl(212, 89%, 93%);
223
- --color-info-fill-quaternary: hsl(211, 49%, 54%);
224
- --color-info-fill-hover: hsl(212, 68%, 65%);
225
- --color-info-fill-focus: hsl(212, 74%, 29%);
226
- --color-info-fill-active: hsl(212, 35%, 43%);
227
- --color-info-fill-disabled: hsl(211, 53%, 31%);
228
- --color-info-text-primary: hsl(0, 0%, 100%);
229
- --color-info-text-secondary: hsl(211, 56%, 51%);
230
- --color-info-text-tertiary: hsl(212, 89%, 93%);
231
- --color-info-text-quaternary: hsl(211, 49%, 54%);
232
- --color-info-text-hover: hsl(211, 56%, 51%);
233
- --color-info-text-focus: hsl(212, 68%, 65%);
234
- --color-info-text-active: hsl(212, 74%, 29%);
235
- --color-info-text-disabled: hsl(212, 26%, 72%);
236
- --color-info-item-primary: hsl(211, 80%, 50%);
237
- --color-info-item-secondary: hsl(212, 35%, 43%);
238
- --color-info-item-tertiary: hsl(212, 89%, 93%);
239
- --color-info-item-quaternary: hsl(211, 49%, 54%);
240
- --color-info-item-hover: hsl(211, 56%, 51%);
241
- --color-info-item-focus: hsl(212, 68%, 65%);
242
- --color-info-item-active: hsl(212, 74%, 29%);
243
- --color-info-item-disabled: hsl(212, 26%, 72%);
244
- --color-info-border-primary: hsl(211, 80%, 50%);
245
- --color-info-border-secondary: hsl(212, 35%, 43%);
246
- --color-info-border-tertiary: hsl(212, 89%, 93%);
247
- --color-info-border-quaternary: hsl(211, 56%, 51%);
248
- --color-info-border-hover: hsl(211, 56%, 51%);
249
- --color-info-border-focus: hsl(212, 68%, 65%);
250
- --color-info-border-active: hsl(212, 74%, 29%);
251
- --color-info-border-disabled: hsl(212, 26%, 72%);
252
- --color-danger-fill-primary: hsl(349, 62%, 48%);
253
- --color-danger-fill-secondary: hsl(0, 0%, 11%);
254
- --color-danger-fill-tertiary: hsl(349, 68%, 50%);
255
- --color-danger-fill-quaternary: hsl(349, 95%, 64%);
256
- --color-danger-fill-hover: hsl(349, 55%, 47%);
257
- --color-danger-fill-active: hsl(349, 92%, 51%);
258
- --color-danger-fill-focus: hsl(349, 94%, 32%);
259
- --color-danger-fill-disabled: hsl(349, 74%, 26%);
260
- --color-danger-text-primary: hsl(0, 0%, 11%);
261
- --color-danger-text-secondary: hsl(349, 62%, 48%);
262
- --color-danger-text-tertiary: hsl(349, 68%, 50%);
263
- --color-danger-text-quaternary: hsl(349, 95%, 64%);
264
- --color-danger-text-hover: hsl(349, 55%, 47%);
265
- --color-danger-text-active: hsl(349, 92%, 51%);
266
- --color-danger-text-focus: hsl(349, 94%, 32%);
267
- --color-danger-text-disabled: hsl(349, 74%, 26%);
268
- --color-danger-item-primary: hsl(0, 0%, 11%);
269
- --color-danger-item-secondary: hsl(349, 62%, 48%);
270
- --color-danger-item-tertiary: hsl(349, 68%, 50%);
271
- --color-danger-item-quaternary: hsl(349, 95%, 64%);
272
- --color-danger-item-hover: hsl(349, 55%, 47%);
273
- --color-danger-item-active: hsl(349, 92%, 51%);
274
- --color-danger-item-focus: hsl(349, 94%, 32%);
275
- --color-danger-item-disabled: hsl(349, 74%, 26%);
276
- --color-danger-border-primary: hsl(0, 0%, 11%);
277
- --color-danger-border-secondary: hsl(349, 62%, 48%);
278
- --color-danger-border-tertiary: hsl(349, 68%, 50%);
279
- --color-danger-border-quaternary: hsl(349, 95%, 64%);
280
- --color-danger-border-hover: hsl(349, 55%, 47%);
281
- --color-danger-border-active: hsl(349, 92%, 51%);
282
- --color-danger-border-focus: hsl(349, 94%, 32%);
283
- --color-danger-border-disabled: hsl(349, 74%, 26%);
284
- }/**
285
- * Do not edit directly, this file was auto-generated.
286
- */
287
-
288
- :root:where(.light-theme):where(.am) {
289
- --color-accent-fill-primary: hsl(92, 49%, 47%);
290
- --color-accent-fill-secondary: hsl(92, 28%, 62%);
291
- --color-accent-fill-tertiary: hsl(93, 53%, 93%);
292
- --color-accent-fill-quaternary: hsl(92, 71%, 27%);
293
- --color-accent-fill-focus: hsl(92, 59%, 64%);
294
- --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
295
- --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
296
- --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
297
- --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
298
- --color-accent-fill-active-primary: hsl(92, 52%, 70%);
299
- --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
300
- --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
301
- --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
302
- --color-accent-fill-disabled: hsl(93, 45%, 80%);
303
- --color-accent-text-primary: hsl(0, 0%, 100%);
304
- --color-accent-text-secondary: hsl(92, 49%, 47%);
305
- --color-accent-text-tertiary: hsl(94, 53%, 68%);
306
- --color-accent-text-quaternary: hsl(92, 37%, 35%);
307
- --color-accent-text-hover: hsl(91, 33%, 40%);
308
- --color-accent-text-focus: hsl(92, 59%, 64%);
309
- --color-accent-text-active: hsl(92, 52%, 70%);
310
- --color-accent-text-disabled: hsl(93, 45%, 80%);
311
- --color-accent-item-primary: hsl(0, 0%, 100%);
312
- --color-accent-item-secondary: hsl(92, 49%, 47%);
313
- --color-accent-item-tertiary: hsl(94, 53%, 68%);
314
- --color-accent-item-quaternary: hsl(92, 37%, 35%);
315
- --color-accent-item-hover: hsl(91, 33%, 40%);
316
- --color-accent-item-focus: hsl(92, 59%, 64%);
317
- --color-accent-item-active: hsl(92, 52%, 70%);
318
- --color-accent-item-disabled: hsl(93, 45%, 80%);
319
- --color-accent-border-primary: hsl(0, 0%, 100%);
320
- --color-accent-border-secondary: hsl(92, 49%, 47%);
321
- --color-accent-border-tertiary: hsl(94, 53%, 68%);
322
- --color-accent-border-quaternary: hsl(92, 37%, 35%);
323
- --color-accent-border-hover: hsl(91, 33%, 40%);
324
- --color-accent-border-focus: hsl(92, 59%, 64%);
325
- --color-accent-border-active: hsl(92, 52%, 70%);
326
- --color-accent-border-disabled: hsl(93, 45%, 80%);
327
- --color-special-fill-primary: hsl(36, 95%, 45%);
328
- --color-special-fill-secondary: hsl(36, 89%, 42%);
329
- --color-special-fill-tertiary: hsl(36, 100%, 90%);
330
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
331
- --color-special-fill-focus: hsl(36, 95%, 45%);
332
- --color-special-fill-active: hsl(36, 95%, 45%);
333
- --color-special-fill-disabled: hsl(36, 100%, 90%);
334
- --color-special-fill-hover-primary: hsl(36, 95%, 45%);
335
- --color-special-fill-hover-secondary: hsl(36, 89%, 42%);
336
- --color-special-fill-hover-tertiary: hsl(36, 100%, 90%);
337
- --color-special-fill-hover-quaternary: hsl(36, 95%, 36%);
338
- --color-special-text-primary: hsl(0, 0%, 100%);
339
- --color-special-text-secondary: hsl(36, 95%, 45%);
340
- --color-special-text-tertiary: hsl(36, 100%, 86%);
341
- --color-special-text-quaternary: hsl(36, 95%, 36%);
342
- --color-special-text-hover: hsl(36, 95%, 45%);
343
- --color-special-text-focus: hsl(36, 95%, 45%);
344
- --color-special-text-active: hsl(36, 95%, 45%);
345
- --color-special-text-disabled: hsl(36, 45%, 57%);
346
- --color-special-item-primary: hsl(0, 0%, 100%);
347
- --color-special-item-secondary: hsl(36, 95%, 45%);
348
- --color-special-item-tertiary: hsl(36, 100%, 86%);
349
- --color-special-item-quaternary: hsl(36, 95%, 36%);
350
- --color-special-item-hover: hsl(36, 95%, 45%);
351
- --color-special-item-focus: hsl(36, 95%, 45%);
352
- --color-special-item-active: hsl(36, 95%, 45%);
353
- --color-special-item-disabled: hsl(36, 45%, 57%);
354
- --color-special-border-primary: hsl(0, 0%, 100%);
355
- --color-special-border-secondary: hsl(36, 95%, 45%);
356
- --color-special-border-tertiary: hsl(36, 100%, 86%);
357
- --color-special-border-quaternary: hsl(36, 95%, 36%);
358
- --color-special-border-hover: hsl(36, 95%, 45%);
359
- --color-special-border-focus: hsl(36, 95%, 45%);
360
- --color-special-border-active: hsl(36, 95%, 45%);
361
- --color-special-border-disabled: hsl(36, 45%, 57%);
362
- --color-extra-fill-primary: hsl(349, 96%, 44%);
363
- --color-extra-fill-secondary: hsl(349, 70%, 74%);
364
- --color-extra-fill-tertiary: hsl(348, 58%, 90%);
365
- --color-extra-fill-quaternary: hsl(349, 87%, 28%);
366
- --color-extra-fill-focus: hsl(349, 84%, 59%);
367
- --color-extra-fill-active: hsl(350, 58%, 41%);
368
- --color-extra-fill-disabled: hsl(348, 20%, 64%);
369
- --color-extra-fill-hover-primary: hsl(349, 96%, 44%);
370
- --color-extra-fill-hover-secondary: hsl(349, 70%, 74%);
371
- --color-extra-fill-hover-tertiary: hsl(348, 58%, 90%);
372
- --color-extra-fill-hover-quaternary: hsl(349, 87%, 28%);
373
- --color-extra-text-primary: hsl(0, 0%, 100%);
374
- --color-extra-text-secondary: hsl(349, 96%, 44%);
375
- --color-extra-text-tertiary: hsl(348, 58%, 90%);
376
- --color-extra-text-quaternary: hsl(349, 87%, 28%);
377
- --color-extra-text-hover: hsl(349, 96%, 44%);
378
- --color-extra-text-focus: hsl(349, 84%, 59%);
379
- --color-extra-text-active: hsl(350, 58%, 41%);
380
- --color-extra-text-disabled: hsl(348, 20%, 64%);
381
- --color-extra-item-primary: hsl(0, 0%, 100%);
382
- --color-extra-item-secondary: hsl(349, 96%, 44%);
383
- --color-extra-item-tertiary: hsl(348, 58%, 90%);
384
- --color-extra-item-quaternary: hsl(349, 87%, 28%);
385
- --color-extra-item-hover: hsl(349, 96%, 44%);
386
- --color-extra-item-focus: hsl(349, 84%, 59%);
387
- --color-extra-item-active: hsl(350, 58%, 41%);
388
- --color-extra-item-disabled: hsl(348, 20%, 64%);
389
- --color-extra-border-primary: hsl(0, 0%, 100%);
390
- --color-extra-border-secondary: hsl(349, 96%, 44%);
391
- --color-extra-border-tertiary: hsl(348, 58%, 90%);
392
- --color-extra-border-quaternary: hsl(349, 87%, 28%);
393
- --color-extra-border-hover: hsl(349, 96%, 44%);
394
- --color-extra-border-focus: hsl(349, 84%, 59%);
395
- --color-extra-border-active: hsl(350, 58%, 41%);
396
- --color-extra-border-disabled: hsl(348, 20%, 64%);
397
- --color-surface-fill-primary: hsl(0, 0%, 100%);
398
- --color-surface-fill-secondary: hsl(220, 14%, 96%);
399
- --color-surface-fill-tertiary: hsl(0, 0%, 85%);
400
- --color-surface-fill-quaternary: hsl(0, 0%, 45%);
401
- --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
402
- --color-surface-fill-inverse: hsl(0, 0%, 0%);
403
- --color-surface-fill-focus: hsl(0, 0%, 59%);
404
- --color-surface-fill-active: hsl(92, 49%, 47%);
405
- --color-surface-fill-disabled: hsl(0, 0%, 93%);
406
- --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
407
- --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
408
- --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
409
- --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
410
- --color-surface-text-primary: hsl(0, 0%, 0%);
411
- --color-surface-text-secondary: hsl(0, 0%, 93%);
412
- --color-surface-text-tertiary: hsl(0, 0%, 85%);
413
- --color-surface-text-quaternary: hsl(0, 0%, 45%);
414
- --color-surface-text-inverse: hsl(0, 0%, 100%);
415
- --color-surface-text-hover: hsl(0, 0%, 79%);
416
- --color-surface-text-focus: hsl(0, 0%, 59%);
417
- --color-surface-text-active: hsl(92, 49%, 47%);
418
- --color-surface-text-disabled: hsl(0, 0%, 47%);
419
- --color-surface-item-primary: hsl(0, 0%, 0%);
420
- --color-surface-item-secondary: hsl(0, 0%, 93%);
421
- --color-surface-item-tertiary: hsl(0, 0%, 85%);
422
- --color-surface-item-quaternary: hsl(0, 0%, 45%);
423
- --color-surface-item-inverse: hsl(0, 0%, 100%);
424
- --color-surface-item-hover: hsl(0, 0%, 79%);
425
- --color-surface-item-focus: hsl(0, 0%, 59%);
426
- --color-surface-item-active: hsl(92, 49%, 47%);
427
- --color-surface-item-disabled: hsl(0, 0%, 47%);
428
- --color-surface-border-primary: hsl(0, 0%, 0%);
429
- --color-surface-border-secondary: hsl(0, 0%, 93%);
430
- --color-surface-border-tertiary: hsl(0, 0%, 85%);
431
- --color-surface-border-quaternary: hsl(0, 0%, 45%);
432
- --color-surface-border-inverse: hsl(0, 0%, 100%);
433
- --color-surface-border-hover: hsl(0, 0%, 79%);
434
- --color-surface-border-focus: hsl(0, 0%, 59%);
435
- --color-surface-border-active: hsl(92, 49%, 47%);
436
- --color-surface-border-disabled: hsl(0, 0%, 47%);
437
- --color-error-fill-primary: hsl(0, 100%, 44%);
438
- --color-error-fill-secondary: hsl(0, 100%, 73%);
439
- --color-error-fill-tertiary: hsl(0, 100%, 92%);
440
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
441
- --color-error-fill-focus: hsl(0, 100%, 29%);
442
- --color-error-fill-active: hsl(0, 86%, 59%);
443
- --color-error-fill-disabled: hsl(0, 100%, 92%);
444
- --color-error-fill-hover-primary: hsl(0, 60%, 41%);
445
- --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
446
- --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
447
- --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
448
- --color-error-text-primary: hsl(0, 0%, 100%);
449
- --color-error-text-secondary: hsl(0, 100%, 73%);
450
- --color-error-text-tertiary: hsl(0, 100%, 92%);
451
- --color-error-text-quaternary: hsl(0, 100%, 44%);
452
- --color-error-text-hover: hsl(0, 60%, 41%);
453
- --color-error-text-focus: hsl(0, 100%, 29%);
454
- --color-error-text-active: hsl(0, 86%, 59%);
455
- --color-error-text-disabled: hsl(0, 31%, 65%);
456
- --color-error-item-primary: hsl(0, 0%, 100%);
457
- --color-error-item-secondary: hsl(0, 100%, 73%);
458
- --color-error-item-tertiary: hsl(0, 100%, 92%);
459
- --color-error-item-quaternary: hsl(0, 100%, 44%);
460
- --color-error-item-hover: hsl(0, 60%, 41%);
461
- --color-error-item-focus: hsl(0, 100%, 29%);
462
- --color-error-item-active: hsl(0, 86%, 59%);
463
- --color-error-item-disabled: hsl(0, 31%, 65%);
464
- --color-error-border-primary: hsl(0, 0%, 100%);
465
- --color-error-border-secondary: hsl(0, 100%, 73%);
466
- --color-error-border-tertiary: hsl(0, 100%, 92%);
467
- --color-error-border-quaternary: hsl(0, 100%, 44%);
468
- --color-error-border-hover: hsl(0, 60%, 41%);
469
- --color-error-border-focus: hsl(0, 100%, 29%);
470
- --color-error-border-active: hsl(0, 100%, 44%);
471
- --color-error-border-disabled: hsl(0, 31%, 65%);
472
- --color-warning-fill-primary: hsl(36, 95%, 45%);
473
- --color-warning-fill-secondary: hsl(36, 76%, 71%);
474
- --color-warning-fill-tertiary: hsl(36, 100%, 93%);
475
- --color-warning-fill-quaternary: hsl(36, 66%, 40%);
476
- --color-warning-fill-focus: hsl(36, 95%, 45%);
477
- --color-warning-fill-active: hsl(36, 97%, 29%);
478
- --color-warning-fill-disabled: hsl(36, 83%, 86%);
479
- --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
480
- --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
481
- --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
482
- --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
483
- --color-warning-text-primary: hsl(0, 0%, 100%);
484
- --color-warning-text-secondary: hsl(36, 95%, 45%);
485
- --color-warning-text-tertiary: hsl(36, 100%, 93%);
486
- --color-warning-text-quaternary: hsl(36, 100%, 29%);
487
- --color-warning-text-focus: hsl(36, 95%, 45%);
488
- --color-warning-text-hover: hsl(36, 85%, 59%);
489
- --color-warning-text-active: hsl(36, 97%, 29%);
490
- --color-warning-text-disabled: hsl(36, 31%, 57%);
491
- --color-warning-item-primary: hsl(0, 0%, 100%);
492
- --color-warning-item-secondary: hsl(36, 95%, 45%);
493
- --color-warning-item-tertiary: hsl(36, 100%, 93%);
494
- --color-warning-item-quaternary: hsl(36, 100%, 29%);
495
- --color-warning-item-focus: hsl(36, 95%, 45%);
496
- --color-warning-item-hover: hsl(36, 85%, 59%);
497
- --color-warning-item-active: hsl(36, 97%, 29%);
498
- --color-warning-item-disabled: hsl(36, 31%, 57%);
499
- --color-warning-border-primary: hsl(0, 0%, 100%);
500
- --color-warning-border-secondary: hsl(36, 95%, 45%);
501
- --color-warning-border-tertiary: hsl(36, 100%, 93%);
502
- --color-warning-border-quaternary: hsl(36, 100%, 29%);
503
- --color-warning-border-focus: hsl(36, 95%, 45%);
504
- --color-warning-border-hover: hsl(36, 85%, 59%);
505
- --color-warning-border-active: hsl(36, 97%, 29%);
506
- --color-warning-border-disabled: hsl(36, 31%, 57%);
507
- --color-success-fill-primary: hsl(92, 56%, 38%);
508
- --color-success-fill-hover-primary: hsl(92, 56%, 38%);
509
- --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
510
- --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
511
- --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
512
- --color-success-fill-secondary: hsl(92, 68%, 48%);
513
- --color-success-fill-tertiary: hsl(90, 53%, 93%);
514
- --color-success-fill-quaternary: hsl(92, 90%, 37%);
515
- --color-success-fill-focus: hsl(92, 75%, 22%);
516
- --color-success-fill-active: hsl(92, 52%, 58%);
517
- --color-success-fill-disabled: hsl(92, 43%, 80%);
518
- --color-success-text-primary: hsl(0, 0%, 100%);
519
- --color-success-text-secondary: hsl(92, 68%, 48%);
520
- --color-success-text-tertiary: hsl(90, 53%, 93%);
521
- --color-success-text-quaternary: hsl(92, 90%, 37%);
522
- --color-success-text-hover: hsl(92, 56%, 38%);
523
- --color-success-text-focus: hsl(92, 75%, 22%);
524
- --color-success-text-active: hsl(92, 52%, 58%);
525
- --color-success-text-disabled: hsl(92, 22%, 54%);
526
- --color-success-item-primary: hsl(0, 0%, 100%);
527
- --color-success-item-secondary: hsl(92, 68%, 48%);
528
- --color-success-item-tertiary: hsl(90, 53%, 93%);
529
- --color-success-item-quaternary: hsl(92, 90%, 37%);
530
- --color-success-item-hover: hsl(92, 56%, 38%);
531
- --color-success-item-focus: hsl(92, 75%, 22%);
532
- --color-success-item-active: hsl(92, 52%, 58%);
533
- --color-success-item-disabled: hsl(92, 22%, 54%);
534
- --color-success-border-primary: hsl(0, 0%, 100%);
535
- --color-success-border-secondary: hsl(92, 68%, 48%);
536
- --color-success-border-tertiary: hsl(90, 53%, 93%);
537
- --color-success-border-quaternary: hsl(92, 90%, 37%);
538
- --color-success-border-hover: hsl(92, 56%, 38%);
539
- --color-success-border-focus: hsl(92, 75%, 22%);
540
- --color-success-border-active: hsl(92, 52%, 58%);
541
- --color-success-border-disabled: hsl(92, 22%, 54%);
542
- --color-info-fill-primary: hsl(226, 100%, 52%);
543
- --color-info-fill-hover-primary: hsl(226, 100%, 52%);
544
- --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
545
- --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
546
- --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
547
- --color-info-fill-secondary: hsl(226, 100%, 75%);
548
- --color-info-fill-tertiary: hsl(227, 100%, 96%);
549
- --color-info-fill-quaternary: hsl(226, 49%, 22%);
550
- --color-info-fill-focus: hsl(226, 49%, 45%);
551
- --color-info-fill-active: hsl(226, 100%, 75%);
552
- --color-info-fill-disabled: hsl(227, 36%, 85%);
553
- --color-info-text-primary: hsl(0, 0%, 100%);
554
- --color-info-text-secondary: hsl(226, 100%, 52%);
555
- --color-info-text-tertiary: hsl(227, 100%, 96%);
556
- --color-info-text-quaternary: hsl(226, 49%, 22%);
557
- --color-info-text-hover: hsl(226, 100%, 67%);
558
- --color-info-text-focus: hsl(226, 49%, 45%);
559
- --color-info-text-active: hsl(226, 100%, 75%);
560
- --color-info-text-disabled: hsl(227, 36%, 85%);
561
- --color-info-item-primary: hsl(0, 0%, 100%);
562
- --color-info-item-secondary: hsl(226, 100%, 52%);
563
- --color-info-item-tertiary: hsl(227, 100%, 96%);
564
- --color-info-item-quaternary: hsl(226, 49%, 22%);
565
- --color-info-item-hover: hsl(226, 100%, 67%);
566
- --color-info-item-focus: hsl(226, 49%, 45%);
567
- --color-info-item-active: hsl(226, 100%, 75%);
568
- --color-info-item-disabled: hsl(227, 36%, 85%);
569
- --color-info-border-primary: hsl(0, 0%, 100%);
570
- --color-info-border-secondary: hsl(226, 100%, 52%);
571
- --color-info-border-tertiary: hsl(227, 100%, 96%);
572
- --color-info-border-quaternary: hsl(226, 49%, 22%);
573
- --color-info-border-hover: hsl(226, 100%, 67%);
574
- --color-info-border-focus: hsl(226, 49%, 45%);
575
- --color-info-border-active: hsl(226, 100%, 75%);
576
- --color-info-border-disabled: hsl(227, 36%, 85%);
577
- --color-danger-fill-primary: hsl(349, 68%, 50%);
578
- --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
579
- --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
580
- --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
581
- --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
582
- --color-danger-fill-secondary: hsl(0, 0%, 100%);
583
- --color-danger-fill-tertiary: hsl(349, 70%, 91%);
584
- --color-danger-fill-quaternary: hsl(349, 74%, 47%);
585
- --color-danger-fill-focus: hsl(349, 95%, 64%);
586
- --color-danger-fill-active: hsl(349, 94%, 32%);
587
- --color-danger-fill-disabled: hsl(349, 43%, 75%);
588
- --color-danger-text-primary: hsl(0, 0%, 100%);
589
- --color-danger-text-secondary: hsl(349, 68%, 50%);
590
- --color-danger-text-tertiary: hsl(349, 70%, 91%);
591
- --color-danger-text-quaternary: hsl(349, 74%, 47%);
592
- --color-danger-text-hover: hsl(349, 92%, 51%);
593
- --color-danger-text-focus: hsl(349, 95%, 64%);
594
- --color-danger-text-active: hsl(349, 94%, 32%);
595
- --color-danger-text-disabled: hsl(349, 43%, 75%);
596
- --color-danger-item-primary: hsl(0, 0%, 100%);
597
- --color-danger-item-secondary: hsl(349, 68%, 50%);
598
- --color-danger-item-tertiary: hsl(349, 70%, 91%);
599
- --color-danger-item-quaternary: hsl(349, 74%, 47%);
600
- --color-danger-item-hover: hsl(349, 92%, 51%);
601
- --color-danger-item-focus: hsl(349, 95%, 64%);
602
- --color-danger-item-active: hsl(349, 94%, 32%);
603
- --color-danger-item-disabled: hsl(349, 43%, 75%);
604
- --color-danger-border-primary: hsl(0, 0%, 100%);
605
- --color-danger-border-secondary: hsl(349, 68%, 50%);
606
- --color-danger-border-tertiary: hsl(349, 70%, 91%);
607
- --color-danger-border-quaternary: hsl(349, 74%, 47%);
608
- --color-danger-border-hover: hsl(349, 92%, 51%);
609
- --color-danger-border-focus: hsl(349, 95%, 64%);
610
- --color-danger-border-active: hsl(349, 94%, 32%);
611
- --color-danger-border-disabled: hsl(349, 43%, 75%);
612
- --color-disabled-item-disabled: hsl(0, 0%, 47%);
613
- }/* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo */
614
-
615
- :root {
616
- --elevation-1: 0px 1px 1px rgb(0, 0, 0, 0.24);
617
- --elevation-2: 0px 2px 8px 0px rgb(0, 0, 0, 0.1);
618
- --elevation-4: 0px 2px 6px rgb(0, 0, 0, 0.24);
619
- --elevation-6: 0px 2px 6px rgb(0, 0, 0, 0.24);
620
- --elevation-8: 0px 4px 12px 0px rgb(0, 0, 0, 0.2);
621
- --elevation-12: 0px 6px 12px rgb(0, 0, 0, 0.16);
622
- --elevation-16: 0px 8px 16px rgb(0, 0, 0, 0.16);
623
- --elevation-24: 0px 16px 24px rgb(0, 0, 0, 0.12);
624
- --min-max: 360px 1440px;
625
- --min: 360px;
626
- --max: 1440px;
627
- --typography-min-viewport: 360px;
628
- --typography-max-viewport: 1920px;
629
-
630
- --typography-hero1-max: 128px;
631
- --typography-hero1-min: 72px;
632
- --typography-hero1-max-line-height: 156px;
633
- --typography-hero1-min-line-height: 88px;
634
- --typography-hero1-font: var(--font-primary);
635
-
636
- --typography-hero2-max: 96px;
637
- --typography-hero2-min: 56px;
638
- --typography-hero2-max-line-height: 112px;
639
- --typography-hero2-min-line-height: 72px;
640
- --typography-hero2-font: var(--font-primary);
641
-
642
- --typography-hero3-max: 72px;
643
- --typography-hero3-min: 48px;
644
- --typography-hero3-max-line-height: 88px;
645
- --typography-hero3-min-line-height: 56px;
646
- --typography-hero3-font: var(--font-primary);
647
-
648
- --typography-hero4-max: 56px;
649
- --typography-hero4-min: 40px;
650
- --typography-hero4-max-line-height: 72px;
651
- --typography-hero4-min-line-height: 48px;
652
- --typography-hero4-font: var(--font-primary);
653
-
654
- --typography-hero5-max: 40px;
655
- --typography-hero5-min: 32px;
656
- --typography-hero5-max-line-height: 48px;
657
- --typography-hero5-min-line-height: 40px;
658
- --typography-hero5-font: var(--font-primary);
659
-
660
- --typography-hero6-max: 32px;
661
- --typography-hero6-min: 28px;
662
- --typography-hero6-max-line-height: 40px;
663
- --typography-hero6-min-line-height: 32px;
664
- --typography-hero6-font: var(--font-primary);
665
-
666
- --typography-h1-max: 64px;
667
- --typography-h1-min: 56px;
668
- --typography-h1-max-line-height: 80px;
669
- --typography-h1-min-line-height: 60px;
670
- --typography-h1-font: var(--font-primary);
671
-
672
- --typography-h2-max: 48px;
673
- --typography-h2-min: 40px;
674
- --typography-h2-max-line-height: 56px;
675
- --typography-h2-min-line-height: 48px;
676
- --typography-h2-font: var(--font-primary);
677
-
678
- --typography-h3-max: 32px;
679
- --typography-h3-min: 28px;
680
- --typography-h3-max-line-height: 40px;
681
- --typography-h3-min-line-height: 32px;
682
- --typography-h3-font: var(--font-primary);
683
-
684
- --typography-h4-max: 24px;
685
- --typography-h4-min: 24px;
686
- --typography-h4-max-line-height: 32px;
687
- --typography-h4-min-line-height: 32px;
688
- --typography-h4-font: var(--font-primary);
689
-
690
- --typography-h5-max: 18px;
691
- --typography-h5-min: 18px;
692
- --typography-h5-max-line-height: 18px;
693
- --typography-h5-min-line-height: 18px;
694
- --typography-h5-font: var(--font-primary);
695
-
696
- --typography-h6-max: 16px;
697
- --typography-h6-min: 16px;
698
- --typography-h6-max-line-height: 20px;
699
- --typography-h6-min-line-height: 20px;
700
- --typography-h6-font: var(--font-primary);
701
-
702
- --typography-p-max: 24px;
703
- --typography-p-min: 20px;
704
- --typography-p-max-line-height: 24px;
705
- --typography-p-min-line-height: 28px;
706
- --typography-p-font: var(--font-primary);
707
-
708
- --typography-text-xxl-max: 24px;
709
- --typography-text-xxl-min: 20px;
710
- --typography-text-xxl-max-line-height: 28px;
711
- --typography-text-xxl-min-line-height: 24px;
712
- --typography-text-xxl-font: var(--font-primary);
713
-
714
- --typography-text-xl-max: 20px;
715
- --typography-text-xl-min: 18px;
716
- --typography-text-xl-min-line-height: 24px;
717
- --typography-text-xl-max-line-height: 20px;
718
- --typography-text-xl-font: var(--font-primary);
719
-
720
- --typography-text-l-max: 18px;
721
- --typography-text-l-min: 16px;
722
- --typography-text-l-max-line-height: 20px;
723
- --typography-text-l-min-line-height: 18px;
724
- --typography-text-l-font: var(--font-primary);
725
-
726
- --typography-text-m-max: 16px;
727
- --typography-text-m-min: 14px;
728
- --typography-text-m-max-line-height: 18px;
729
- --typography-text-m-min-line-height: 16px;
730
- --typography-text-m-font: var(--font-primary);
731
-
732
- --typography-text-s-min: 14px;
733
- --typography-text-s-max: 14px;
734
- --typography-text-s-min-line-height: 16px;
735
- --typography-text-s-max-line-height: 18px;
736
- --typography-text-s-font: var(--font-primary);
737
-
738
- --typography-text-xs-max: 12px;
739
- --typography-text-xs-min: 10px;
740
- --typography-text-xs-max-line-height: 12px;
741
- --typography-text-xs-min-line-height: 12px;
742
- --typography-text-xs-font: var(--font-primary);
743
-
744
- --typography-text-xxs-max: 10px;
745
- --typography-text-xxs-min: 8px;
746
- --typography-text-xxs-max-line-height: 10px;
747
- --typography-text-xxs-min-line-height: 10px;
748
- --typography-text-xxs-font: var(--font-primary);
749
-
750
- --typography-email-h1: 32px;
751
- --typography-email-h1-line-height: 38px;
752
-
753
- --typography-email-h2: 26px;
754
- --typography-email-h2-line-height: 32px;
755
-
756
- --typography-email-h3: 18px;
757
- --typography-email-h3-line-height: 24px;
758
-
759
- --typography-email-h4: 24px;
760
- --typography-email-h4-line-height: 30px;
761
-
762
- --typography-email-h5: 18px;
763
- --typography-email-h5-line-height: 24px;
764
-
765
- --typography-email-h6: 12px;
766
- --typography-email-h6-line-height: 18px;
767
-
768
- --typography-email-p: 16px;
769
- --typography-email-p-line-height: 24px;
770
-
771
- --typography-email-text-xxl: 24px;
772
- --typography-email-text-xxl-line-height: 28px;
773
-
774
- --typography-email-text-xl: 20px;
775
- --typography-email-text-xl-line-height: 24px;
776
-
777
- --typography-email-text-l: 18px;
778
- --typography-email-text-l-line-height: 24px;
779
-
780
- --typography-email-text-m: 16px;
781
- --typography-email-text-m-line-height: 18px;
782
-
783
- --typography-email-text-s: 14px;
784
- --typography-email-text-s-line-height: 18px;
785
-
786
- --typography-email-text-xs: 12px;
787
- --typography-email-text-xs-line-height: 16px;
788
-
789
- --typography-email-text-xxs: 10px;
790
- --typography-email-text-xxs-line-height: 14px;
791
-
792
- --typography-h1-print: 22px;
793
- --typography-h1-line-height-print: 22px;
794
- --typography-h1-font-print: var(--font-print);
795
-
796
- --typography-h2-print: 20px;
797
- --typography-h2-line-height-print: 20px;
798
- --typography-h2-font-print: var(--font-print);
799
-
800
- --typography-h3-print: 18px;
801
- --typography-h3-line-height-print: 18px;
802
- --typography-h3-font-print: var(--font-print);
803
-
804
- --typography-h4-print: 16px;
805
- --typography-h4-line-height-print: 16px;
806
- --typography-h4-font-print: var(--font-print);
807
-
808
- --typography-h5-print: 14px;
809
- --typography-h5-line-height-print: 14px;
810
- --typography-h5-font-print: var(--font-print);
811
-
812
- --typography-h6-print: 12px;
813
- --typography-h6-line-height-print: 12px;
814
- --typography-h6-font-print: var(--font-print);
815
-
816
- --typography-p-print: 12px;
817
- --typography-p-line-height-print: 12px;
818
- --typography-p-font-print: var(--font-print);
819
-
820
- --typography-text-xxl-print: 12px;
821
- --typography-text-xxl-line-height-print: 12px;
822
- --typography-text-xxl-font-print: var(--font-print);
823
-
824
- --typography-text-xl-print: 11px;
825
- --typography-text-xl-line-height-print: 11px;
826
- --typography-text-xl-font-print: var(--font-print);
827
-
828
- --typography-text-l-print: 10px;
829
- --typography-text-l-line-height-print: 10px;
830
- --typography-text-l-font-print: var(--font-print);
831
-
832
- --typography-text-m-print: 9px;
833
- --typography-text-m-line-height-print: 9px;
834
- --typography-text-m-font-print: var(--font-print);
835
-
836
- --typography-text-s-print: 8px;
837
- --typography-text-s-line-height-print: 8px;
838
- --typography-text-s-font-print: var(--font-print);
839
-
840
- --typography-text-xs-print: 7px;
841
- --typography-text-xs-line-height-print: 7px;
842
- --typography-text-xs-font-print: var(--font-print);
843
-
844
- --typography-text-xxs-print: 6px;
845
- --typography-text-xxs-line-height-print: 6px;
846
- --typography-text-xxs-font-print: var(--font-print);
847
- --color-accent-fill-primary: hsl(92, 49%, 47%);
848
- --color-accent-fill-secondary: hsl(92, 28%, 62%);
849
- --color-accent-fill-tertiary: hsl(93, 53%, 93%);
850
- --color-accent-fill-quaternary: hsl(92, 71%, 27%);
851
- --color-accent-fill-focus: hsl(92, 59%, 64%);
852
- --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
853
- --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
854
- --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
855
- --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
856
- --color-accent-fill-active-primary: hsl(92, 52%, 70%);
857
- --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
858
- --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
859
- --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
860
- --color-accent-fill-disabled: hsl(93, 45%, 80%);
861
- --color-accent-text-primary: hsl(0, 0%, 100%);
862
- --color-accent-text-secondary: hsl(92, 49%, 47%);
863
- --color-accent-text-tertiary: hsl(94, 53%, 68%);
864
- --color-accent-text-quaternary: hsl(92, 37%, 35%);
865
- --color-accent-text-hover: hsl(91, 33%, 40%);
866
- --color-accent-text-focus: hsl(92, 59%, 64%);
867
- --color-accent-text-active: hsl(92, 52%, 70%);
868
- --color-accent-text-disabled: hsl(93, 45%, 80%);
869
- --color-accent-item-primary: hsl(0, 0%, 100%);
870
- --color-accent-item-secondary: hsl(92, 49%, 47%);
871
- --color-accent-item-tertiary: hsl(94, 53%, 68%);
872
- --color-accent-item-quaternary: hsl(92, 37%, 35%);
873
- --color-accent-item-hover: hsl(91, 33%, 40%);
874
- --color-accent-item-focus: hsl(92, 59%, 64%);
875
- --color-accent-item-active: hsl(92, 52%, 70%);
876
- --color-accent-item-disabled: hsl(93, 45%, 80%);
877
- --color-accent-border-primary: hsl(0, 0%, 100%);
878
- --color-accent-border-secondary: hsl(92, 49%, 47%);
879
- --color-accent-border-tertiary: hsl(94, 53%, 68%);
880
- --color-accent-border-quaternary: hsl(92, 37%, 35%);
881
- --color-accent-border-hover: hsl(91, 33%, 40%);
882
- --color-accent-border-focus: hsl(92, 59%, 64%);
883
- --color-accent-border-active: hsl(92, 52%, 70%);
884
- --color-accent-border-disabled: hsl(93, 45%, 80%);
885
- --color-special-fill-primary: hsl(36, 95%, 45%);
886
- --color-special-fill-secondary: hsl(36, 89%, 42%);
887
- --color-special-fill-tertiary: hsl(36, 100%, 90%);
888
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
889
- --color-special-fill-focus: hsl(36, 95%, 45%);
890
- --color-special-fill-active: hsl(36, 95%, 45%);
891
- --color-special-fill-disabled: hsl(36, 100%, 90%);
892
- --color-special-fill-hover-primary: hsl(36, 95%, 45%);
893
- --color-special-fill-hover-secondary: hsl(36, 89%, 42%);
894
- --color-special-fill-hover-tertiary: hsl(36, 100%, 90%);
895
- --color-special-fill-hover-quaternary: hsl(36, 95%, 36%);
896
- --color-special-text-primary: hsl(0, 0%, 100%);
897
- --color-special-text-secondary: hsl(36, 95%, 45%);
898
- --color-special-text-tertiary: hsl(36, 100%, 86%);
899
- --color-special-text-quaternary: hsl(36, 95%, 36%);
900
- --color-special-text-hover: hsl(36, 95%, 45%);
901
- --color-special-text-focus: hsl(36, 95%, 45%);
902
- --color-special-text-active: hsl(36, 95%, 45%);
903
- --color-special-text-disabled: hsl(36, 45%, 57%);
904
- --color-special-item-primary: hsl(0, 0%, 100%);
905
- --color-special-item-secondary: hsl(36, 95%, 45%);
906
- --color-special-item-tertiary: hsl(36, 100%, 86%);
907
- --color-special-item-quaternary: hsl(36, 95%, 36%);
908
- --color-special-item-hover: hsl(36, 95%, 45%);
909
- --color-special-item-focus: hsl(36, 95%, 45%);
910
- --color-special-item-active: hsl(36, 95%, 45%);
911
- --color-special-item-disabled: hsl(36, 45%, 57%);
912
- --color-special-border-primary: hsl(0, 0%, 100%);
913
- --color-special-border-secondary: hsl(36, 95%, 45%);
914
- --color-special-border-tertiary: hsl(36, 100%, 86%);
915
- --color-special-border-quaternary: hsl(36, 95%, 36%);
916
- --color-special-border-hover: hsl(36, 95%, 45%);
917
- --color-special-border-focus: hsl(36, 95%, 45%);
918
- --color-special-border-active: hsl(36, 95%, 45%);
919
- --color-special-border-disabled: hsl(36, 45%, 57%);
920
- --color-extra-fill-primary: hsl(349, 96%, 44%);
921
- --color-extra-fill-secondary: hsl(349, 70%, 74%);
922
- --color-extra-fill-tertiary: hsl(348, 58%, 90%);
923
- --color-extra-fill-quaternary: hsl(349, 87%, 28%);
924
- --color-extra-fill-focus: hsl(349, 84%, 59%);
925
- --color-extra-fill-active: hsl(350, 58%, 41%);
926
- --color-extra-fill-disabled: hsl(348, 20%, 64%);
927
- --color-extra-fill-hover-primary: hsl(349, 96%, 44%);
928
- --color-extra-fill-hover-secondary: hsl(349, 70%, 74%);
929
- --color-extra-fill-hover-tertiary: hsl(348, 58%, 90%);
930
- --color-extra-fill-hover-quaternary: hsl(349, 87%, 28%);
931
- --color-extra-text-primary: hsl(0, 0%, 100%);
932
- --color-extra-text-secondary: hsl(349, 96%, 44%);
933
- --color-extra-text-tertiary: hsl(348, 58%, 90%);
934
- --color-extra-text-quaternary: hsl(349, 87%, 28%);
935
- --color-extra-text-hover: hsl(349, 96%, 44%);
936
- --color-extra-text-focus: hsl(349, 84%, 59%);
937
- --color-extra-text-active: hsl(350, 58%, 41%);
938
- --color-extra-text-disabled: hsl(348, 20%, 64%);
939
- --color-extra-item-primary: hsl(0, 0%, 100%);
940
- --color-extra-item-secondary: hsl(349, 96%, 44%);
941
- --color-extra-item-tertiary: hsl(348, 58%, 90%);
942
- --color-extra-item-quaternary: hsl(349, 87%, 28%);
943
- --color-extra-item-hover: hsl(349, 96%, 44%);
944
- --color-extra-item-focus: hsl(349, 84%, 59%);
945
- --color-extra-item-active: hsl(350, 58%, 41%);
946
- --color-extra-item-disabled: hsl(348, 20%, 64%);
947
- --color-extra-border-primary: hsl(0, 0%, 100%);
948
- --color-extra-border-secondary: hsl(349, 96%, 44%);
949
- --color-extra-border-tertiary: hsl(348, 58%, 90%);
950
- --color-extra-border-quaternary: hsl(349, 87%, 28%);
951
- --color-extra-border-hover: hsl(349, 96%, 44%);
952
- --color-extra-border-focus: hsl(349, 84%, 59%);
953
- --color-extra-border-active: hsl(350, 58%, 41%);
954
- --color-extra-border-disabled: hsl(348, 20%, 64%);
955
- --color-surface-fill-primary: hsl(0, 0%, 100%);
956
- --color-surface-fill-secondary: hsl(220, 14%, 96%);
957
- --color-surface-fill-tertiary: hsl(0, 0%, 85%);
958
- --color-surface-fill-quaternary: hsl(0, 0%, 45%);
959
- --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
960
- --color-surface-fill-inverse: hsl(0, 0%, 0%);
961
- --color-surface-fill-focus: hsl(0, 0%, 59%);
962
- --color-surface-fill-active: hsl(92, 49%, 47%);
963
- --color-surface-fill-disabled: hsl(0, 0%, 93%);
964
- --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
965
- --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
966
- --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
967
- --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
968
- --color-surface-text-primary: hsl(0, 0%, 0%);
969
- --color-surface-text-secondary: hsl(0, 0%, 93%);
970
- --color-surface-text-tertiary: hsl(0, 0%, 85%);
971
- --color-surface-text-quaternary: hsl(0, 0%, 45%);
972
- --color-surface-text-inverse: hsl(0, 0%, 100%);
973
- --color-surface-text-hover: hsl(0, 0%, 79%);
974
- --color-surface-text-focus: hsl(0, 0%, 59%);
975
- --color-surface-text-active: hsl(92, 49%, 47%);
976
- --color-surface-text-disabled: hsl(0, 0%, 47%);
977
- --color-surface-item-primary: hsl(0, 0%, 0%);
978
- --color-surface-item-secondary: hsl(0, 0%, 93%);
979
- --color-surface-item-tertiary: hsl(0, 0%, 85%);
980
- --color-surface-item-quaternary: hsl(0, 0%, 45%);
981
- --color-surface-item-inverse: hsl(0, 0%, 100%);
982
- --color-surface-item-hover: hsl(0, 0%, 79%);
983
- --color-surface-item-focus: hsl(0, 0%, 59%);
984
- --color-surface-item-active: hsl(92, 49%, 47%);
985
- --color-surface-item-disabled: hsl(0, 0%, 47%);
986
- --color-surface-border-primary: hsl(0, 0%, 0%);
987
- --color-surface-border-secondary: hsl(0, 0%, 93%);
988
- --color-surface-border-tertiary: hsl(0, 0%, 85%);
989
- --color-surface-border-quaternary: hsl(0, 0%, 45%);
990
- --color-surface-border-inverse: hsl(0, 0%, 100%);
991
- --color-surface-border-hover: hsl(0, 0%, 79%);
992
- --color-surface-border-focus: hsl(0, 0%, 59%);
993
- --color-surface-border-active: hsl(92, 49%, 47%);
994
- --color-surface-border-disabled: hsl(0, 0%, 47%);
995
- --color-error-fill-primary: hsl(0, 100%, 44%);
996
- --color-error-fill-secondary: hsl(0, 100%, 73%);
997
- --color-error-fill-tertiary: hsl(0, 100%, 92%);
998
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
999
- --color-error-fill-focus: hsl(0, 100%, 29%);
1000
- --color-error-fill-active: hsl(0, 86%, 59%);
1001
- --color-error-fill-disabled: hsl(0, 100%, 92%);
1002
- --color-error-fill-hover-primary: hsl(0, 60%, 41%);
1003
- --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
1004
- --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
1005
- --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
1006
- --color-error-text-primary: hsl(0, 0%, 100%);
1007
- --color-error-text-secondary: hsl(0, 100%, 73%);
1008
- --color-error-text-tertiary: hsl(0, 100%, 92%);
1009
- --color-error-text-quaternary: hsl(0, 100%, 44%);
1010
- --color-error-text-hover: hsl(0, 60%, 41%);
1011
- --color-error-text-focus: hsl(0, 100%, 29%);
1012
- --color-error-text-active: hsl(0, 86%, 59%);
1013
- --color-error-text-disabled: hsl(0, 31%, 65%);
1014
- --color-error-item-primary: hsl(0, 0%, 100%);
1015
- --color-error-item-secondary: hsl(0, 100%, 73%);
1016
- --color-error-item-tertiary: hsl(0, 100%, 92%);
1017
- --color-error-item-quaternary: hsl(0, 100%, 44%);
1018
- --color-error-item-hover: hsl(0, 60%, 41%);
1019
- --color-error-item-focus: hsl(0, 100%, 29%);
1020
- --color-error-item-active: hsl(0, 86%, 59%);
1021
- --color-error-item-disabled: hsl(0, 31%, 65%);
1022
- --color-error-border-primary: hsl(0, 0%, 100%);
1023
- --color-error-border-secondary: hsl(0, 100%, 73%);
1024
- --color-error-border-tertiary: hsl(0, 100%, 92%);
1025
- --color-error-border-quaternary: hsl(0, 100%, 44%);
1026
- --color-error-border-hover: hsl(0, 60%, 41%);
1027
- --color-error-border-focus: hsl(0, 100%, 29%);
1028
- --color-error-border-active: hsl(0, 100%, 44%);
1029
- --color-error-border-disabled: hsl(0, 31%, 65%);
1030
- --color-warning-fill-primary: hsl(36, 95%, 45%);
1031
- --color-warning-fill-secondary: hsl(36, 76%, 71%);
1032
- --color-warning-fill-tertiary: hsl(36, 100%, 93%);
1033
- --color-warning-fill-quaternary: hsl(36, 66%, 40%);
1034
- --color-warning-fill-focus: hsl(36, 95%, 45%);
1035
- --color-warning-fill-active: hsl(36, 97%, 29%);
1036
- --color-warning-fill-disabled: hsl(36, 83%, 86%);
1037
- --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
1038
- --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
1039
- --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
1040
- --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
1041
- --color-warning-text-primary: hsl(0, 0%, 100%);
1042
- --color-warning-text-secondary: hsl(36, 95%, 45%);
1043
- --color-warning-text-tertiary: hsl(36, 100%, 93%);
1044
- --color-warning-text-quaternary: hsl(36, 100%, 29%);
1045
- --color-warning-text-focus: hsl(36, 95%, 45%);
1046
- --color-warning-text-hover: hsl(36, 85%, 59%);
1047
- --color-warning-text-active: hsl(36, 97%, 29%);
1048
- --color-warning-text-disabled: hsl(36, 31%, 57%);
1049
- --color-warning-item-primary: hsl(0, 0%, 100%);
1050
- --color-warning-item-secondary: hsl(36, 95%, 45%);
1051
- --color-warning-item-tertiary: hsl(36, 100%, 93%);
1052
- --color-warning-item-quaternary: hsl(36, 100%, 29%);
1053
- --color-warning-item-focus: hsl(36, 95%, 45%);
1054
- --color-warning-item-hover: hsl(36, 85%, 59%);
1055
- --color-warning-item-active: hsl(36, 97%, 29%);
1056
- --color-warning-item-disabled: hsl(36, 31%, 57%);
1057
- --color-warning-border-primary: hsl(0, 0%, 100%);
1058
- --color-warning-border-secondary: hsl(36, 95%, 45%);
1059
- --color-warning-border-tertiary: hsl(36, 100%, 93%);
1060
- --color-warning-border-quaternary: hsl(36, 100%, 29%);
1061
- --color-warning-border-focus: hsl(36, 95%, 45%);
1062
- --color-warning-border-hover: hsl(36, 85%, 59%);
1063
- --color-warning-border-active: hsl(36, 97%, 29%);
1064
- --color-warning-border-disabled: hsl(36, 31%, 57%);
1065
- --color-success-fill-primary: hsl(92, 56%, 38%);
1066
- --color-success-fill-hover-primary: hsl(92, 56%, 38%);
1067
- --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
1068
- --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
1069
- --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
1070
- --color-success-fill-secondary: hsl(92, 68%, 48%);
1071
- --color-success-fill-tertiary: hsl(90, 53%, 93%);
1072
- --color-success-fill-quaternary: hsl(92, 90%, 37%);
1073
- --color-success-fill-focus: hsl(92, 75%, 22%);
1074
- --color-success-fill-active: hsl(92, 52%, 58%);
1075
- --color-success-fill-disabled: hsl(92, 43%, 80%);
1076
- --color-success-text-primary: hsl(0, 0%, 100%);
1077
- --color-success-text-secondary: hsl(92, 68%, 48%);
1078
- --color-success-text-tertiary: hsl(90, 53%, 93%);
1079
- --color-success-text-quaternary: hsl(92, 90%, 37%);
1080
- --color-success-text-hover: hsl(92, 56%, 38%);
1081
- --color-success-text-focus: hsl(92, 75%, 22%);
1082
- --color-success-text-active: hsl(92, 52%, 58%);
1083
- --color-success-text-disabled: hsl(92, 22%, 54%);
1084
- --color-success-item-primary: hsl(0, 0%, 100%);
1085
- --color-success-item-secondary: hsl(92, 68%, 48%);
1086
- --color-success-item-tertiary: hsl(90, 53%, 93%);
1087
- --color-success-item-quaternary: hsl(92, 90%, 37%);
1088
- --color-success-item-hover: hsl(92, 56%, 38%);
1089
- --color-success-item-focus: hsl(92, 75%, 22%);
1090
- --color-success-item-active: hsl(92, 52%, 58%);
1091
- --color-success-item-disabled: hsl(92, 22%, 54%);
1092
- --color-success-border-primary: hsl(0, 0%, 100%);
1093
- --color-success-border-secondary: hsl(92, 68%, 48%);
1094
- --color-success-border-tertiary: hsl(90, 53%, 93%);
1095
- --color-success-border-quaternary: hsl(92, 90%, 37%);
1096
- --color-success-border-hover: hsl(92, 56%, 38%);
1097
- --color-success-border-focus: hsl(92, 75%, 22%);
1098
- --color-success-border-active: hsl(92, 52%, 58%);
1099
- --color-success-border-disabled: hsl(92, 22%, 54%);
1100
- --color-info-fill-primary: hsl(226, 100%, 52%);
1101
- --color-info-fill-hover-primary: hsl(226, 100%, 52%);
1102
- --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
1103
- --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
1104
- --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
1105
- --color-info-fill-secondary: hsl(226, 100%, 75%);
1106
- --color-info-fill-tertiary: hsl(227, 100%, 96%);
1107
- --color-info-fill-quaternary: hsl(226, 49%, 22%);
1108
- --color-info-fill-focus: hsl(226, 49%, 45%);
1109
- --color-info-fill-active: hsl(226, 100%, 75%);
1110
- --color-info-fill-disabled: hsl(227, 36%, 85%);
1111
- --color-info-text-primary: hsl(0, 0%, 100%);
1112
- --color-info-text-secondary: hsl(226, 100%, 52%);
1113
- --color-info-text-tertiary: hsl(227, 100%, 96%);
1114
- --color-info-text-quaternary: hsl(226, 49%, 22%);
1115
- --color-info-text-hover: hsl(226, 100%, 67%);
1116
- --color-info-text-focus: hsl(226, 49%, 45%);
1117
- --color-info-text-active: hsl(226, 100%, 75%);
1118
- --color-info-text-disabled: hsl(227, 36%, 85%);
1119
- --color-info-item-primary: hsl(0, 0%, 100%);
1120
- --color-info-item-secondary: hsl(226, 100%, 52%);
1121
- --color-info-item-tertiary: hsl(227, 100%, 96%);
1122
- --color-info-item-quaternary: hsl(226, 49%, 22%);
1123
- --color-info-item-hover: hsl(226, 100%, 67%);
1124
- --color-info-item-focus: hsl(226, 49%, 45%);
1125
- --color-info-item-active: hsl(226, 100%, 75%);
1126
- --color-info-item-disabled: hsl(227, 36%, 85%);
1127
- --color-info-border-primary: hsl(0, 0%, 100%);
1128
- --color-info-border-secondary: hsl(226, 100%, 52%);
1129
- --color-info-border-tertiary: hsl(227, 100%, 96%);
1130
- --color-info-border-quaternary: hsl(226, 49%, 22%);
1131
- --color-info-border-hover: hsl(226, 100%, 67%);
1132
- --color-info-border-focus: hsl(226, 49%, 45%);
1133
- --color-info-border-active: hsl(226, 100%, 75%);
1134
- --color-info-border-disabled: hsl(227, 36%, 85%);
1135
- --color-danger-fill-primary: hsl(349, 68%, 50%);
1136
- --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
1137
- --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
1138
- --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
1139
- --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
1140
- --color-danger-fill-secondary: hsl(0, 0%, 100%);
1141
- --color-danger-fill-tertiary: hsl(349, 70%, 91%);
1142
- --color-danger-fill-quaternary: hsl(349, 74%, 47%);
1143
- --color-danger-fill-focus: hsl(349, 95%, 64%);
1144
- --color-danger-fill-active: hsl(349, 94%, 32%);
1145
- --color-danger-fill-disabled: hsl(349, 43%, 75%);
1146
- --color-danger-text-primary: hsl(0, 0%, 100%);
1147
- --color-danger-text-secondary: hsl(349, 68%, 50%);
1148
- --color-danger-text-tertiary: hsl(349, 70%, 91%);
1149
- --color-danger-text-quaternary: hsl(349, 74%, 47%);
1150
- --color-danger-text-hover: hsl(349, 92%, 51%);
1151
- --color-danger-text-focus: hsl(349, 95%, 64%);
1152
- --color-danger-text-active: hsl(349, 94%, 32%);
1153
- --color-danger-text-disabled: hsl(349, 43%, 75%);
1154
- --color-danger-item-primary: hsl(0, 0%, 100%);
1155
- --color-danger-item-secondary: hsl(349, 68%, 50%);
1156
- --color-danger-item-tertiary: hsl(349, 70%, 91%);
1157
- --color-danger-item-quaternary: hsl(349, 74%, 47%);
1158
- --color-danger-item-hover: hsl(349, 92%, 51%);
1159
- --color-danger-item-focus: hsl(349, 95%, 64%);
1160
- --color-danger-item-active: hsl(349, 94%, 32%);
1161
- --color-danger-item-disabled: hsl(349, 43%, 75%);
1162
- --color-danger-border-primary: hsl(0, 0%, 100%);
1163
- --color-danger-border-secondary: hsl(349, 68%, 50%);
1164
- --color-danger-border-tertiary: hsl(349, 70%, 91%);
1165
- --color-danger-border-quaternary: hsl(349, 74%, 47%);
1166
- --color-danger-border-hover: hsl(349, 92%, 51%);
1167
- --color-danger-border-focus: hsl(349, 95%, 64%);
1168
- --color-danger-border-active: hsl(349, 94%, 32%);
1169
- --color-danger-border-disabled: hsl(349, 43%, 75%);
1170
- --color-disabled-item-disabled: hsl(0, 0%, 47%);
1171
- }
1172
-
1173
- :root:where(.am) {
1174
- --color-gradient-primary: #e00000, #e5802d, #5e982b;
1175
- }/* DO NOT SET :root:where(.am) this will breaks postCSSFluid Typo *//* DO NOT SET :root:where(.am) this will breacks postCSSFluid Typo *//**
1176
- * Do not edit directly, this file was auto-generated.
1177
- *//**
1178
- * Do not edit directly, this file was auto-generated.
1179
- */
1180
-
1181
- :root:where(.dark-theme) {
1182
- --color-accent-fill-primary: hsl(91, 35%, 59%);
1183
- --color-accent-fill-secondary: hsl(92, 18%, 72%);
1184
- --color-accent-fill-tertiary: hsl(94, 53%, 65%);
1185
- --color-accent-fill-quaternary: hsl(91, 37%, 24%);
1186
- --color-accent-fill-hover: hsl(91, 35%, 59%);
1187
- --color-accent-fill-focus: hsl(91, 17%, 47%);
1188
- --color-accent-fill-active: hsl(91, 49%, 74%);
1189
- --color-accent-fill-disabled: hsl(92, 67%, 16%);
1190
- --color-accent-text-primary: hsl(0, 0%, 20%);
1191
- --color-accent-text-secondary: hsl(91, 35%, 59%);
1192
- --color-accent-text-tertiary: hsl(92, 18%, 72%);
1193
- --color-accent-text-quaternary: hsl(91, 21%, 40%);
1194
- --color-accent-text-hover: hsl(91, 17%, 47%);
1195
- --color-accent-text-focus: hsl(91, 53%, 31%);
1196
- --color-accent-text-active: hsl(91, 49%, 74%);
1197
- --color-accent-text-disabled: hsl(92, 67%, 16%);
1198
- --color-accent-item-primary: hsl(0, 0%, 20%);
1199
- --color-accent-item-secondary: hsl(91, 35%, 59%);
1200
- --color-accent-item-tertiary: hsl(91, 35%, 59%);
1201
- --color-accent-item-quaternary: hsl(90, 11%, 45%);
1202
- --color-accent-item-hover: hsl(91, 17%, 47%);
1203
- --color-accent-item-focus: hsl(91, 53%, 31%);
1204
- --color-accent-item-active: hsl(91, 49%, 74%);
1205
- --color-accent-item-disabled: hsl(92, 67%, 16%);
1206
- --color-accent-border-primary: hsl(93, 26%, 27%);
1207
- --color-accent-border-secondary: hsl(91, 35%, 59%);
1208
- --color-accent-border-tertiary: hsl(92, 18%, 72%);
1209
- --color-accent-border-quaternary: hsl(91, 21%, 40%);
1210
- --color-accent-border-hover: hsl(91, 17%, 47%);
1211
- --color-accent-border-focus: hsl(91, 53%, 31%);
1212
- --color-accent-border-active: hsl(91, 49%, 74%);
1213
- --color-accent-border-disabled: hsl(92, 67%, 16%);
1214
- --color-special-fill-primary: hsl(36, 71%, 53%);
1215
- --color-special-fill-secondary: hsl(36, 76%, 62%);
1216
- --color-special-fill-tertiary: hsl(36, 95%, 36%);
1217
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
1218
- --color-special-fill-hover: hsl(36, 71%, 53%);
1219
- --color-special-fill-focus: hsl(36, 100%, 64%);
1220
- --color-special-fill-active: hsl(36, 100%, 73%);
1221
- --color-special-fill-disabled: hsl(36, 45%, 35%);
1222
- --color-special-text-primary: hsl(0, 0%, 11%);
1223
- --color-special-text-secondary: hsl(36, 71%, 53%);
1224
- --color-special-text-tertiary: hsl(36, 76%, 62%);
1225
- --color-special-text-quaternary: hsl(36, 95%, 36%);
1226
- --color-special-text-hover: hsl(36, 71%, 53%);
1227
- --color-special-text-focus: hsl(36, 100%, 64%);
1228
- --color-special-text-active: hsl(36, 100%, 73%);
1229
- --color-special-text-disabled: hsl(36, 45%, 35%);
1230
- --color-special-item-primary: hsl(0, 0%, 11%);
1231
- --color-special-item-secondary: hsl(36, 71%, 53%);
1232
- --color-special-item-tertiary: hsl(36, 76%, 62%);
1233
- --color-special-item-quaternary: hsl(36, 95%, 36%);
1234
- --color-special-item-hover: hsl(36, 71%, 53%);
1235
- --color-special-item-focus: hsl(36, 100%, 64%);
1236
- --color-special-item-active: hsl(36, 100%, 73%);
1237
- --color-special-item-disabled: hsl(36, 45%, 35%);
1238
- --color-special-border-primary: hsl(0, 0%, 11%);
1239
- --color-special-border-secondary: hsl(36, 71%, 53%);
1240
- --color-special-border-tertiary: hsl(36, 76%, 62%);
1241
- --color-special-border-quaternary: hsl(36, 95%, 36%);
1242
- --color-special-border-hover: hsl(36, 71%, 53%);
1243
- --color-special-border-focus: hsl(36, 100%, 64%);
1244
- --color-special-border-active: hsl(36, 100%, 73%);
1245
- --color-special-border-disabled: hsl(36, 45%, 35%);
1246
- --color-extra-fill-primary: hsl(350, 67%, 46%);
1247
- --color-extra-fill-secondary: hsl(350, 51%, 48%);
1248
- --color-extra-fill-tertiary: hsl(350, 34%, 52%);
1249
- --color-extra-fill-quaternary: hsl(350, 45%, 36%);
1250
- --color-extra-fill-hover: hsl(350, 67%, 46%);
1251
- --color-extra-fill-focus: hsl(349, 67%, 46%);
1252
- --color-extra-fill-active: hsl(349, 83%, 27%);
1253
- --color-extra-fill-disabled: hsl(350, 22%, 37%);
1254
- --color-extra-text-primary: hsl(0, 0%, 11%);
1255
- --color-extra-text-secondary: hsl(350, 67%, 46%);
1256
- --color-extra-text-tertiary: hsl(350, 51%, 48%);
1257
- --color-extra-text-quaternary: hsl(350, 45%, 36%);
1258
- --color-extra-text-hover: hsl(350, 67%, 46%);
1259
- --color-extra-text-focus: hsl(349, 67%, 46%);
1260
- --color-extra-text-active: hsl(349, 83%, 27%);
1261
- --color-extra-text-disabled: hsl(350, 22%, 37%);
1262
- --color-extra-item-primary: hsl(0, 0%, 11%);
1263
- --color-extra-item-secondary: hsl(350, 67%, 46%);
1264
- --color-extra-item-tertiary: hsl(350, 51%, 48%);
1265
- --color-extra-item-quaternary: hsl(350, 45%, 36%);
1266
- --color-extra-item-hover: hsl(350, 67%, 46%);
1267
- --color-extra-item-focus: hsl(349, 67%, 46%);
1268
- --color-extra-item-active: hsl(349, 83%, 27%);
1269
- --color-extra-item-disabled: hsl(348, 20%, 64%);
1270
- --color-extra-border-primary: hsl(0, 0%, 11%);
1271
- --color-extra-border-secondary: hsl(350, 67%, 46%);
1272
- --color-extra-border-tertiary: hsl(350, 51%, 48%);
1273
- --color-extra-border-quaternary: hsl(350, 45%, 36%);
1274
- --color-extra-border-hover: hsl(350, 67%, 46%);
1275
- --color-extra-border-active: hsl(349, 67%, 46%);
1276
- --color-extra-border-focus: hsl(349, 83%, 27%);
1277
- --color-extra-border-disabled: hsl(350, 22%, 37%);
1278
- --color-surface-fill-primary: hsl(0, 0%, 11%);
1279
- --color-surface-fill-secondary: hsl(0, 0%, 30%);
1280
- --color-surface-fill-tertiary: hsl(0, 0%, 62%);
1281
- --color-surface-fill-quaternary: hsl(220, 14%, 96%);
1282
- --color-surface-fill-quaternary-50: hsl(0, 0%, 79%);
1283
- --color-surface-fill-disabled: hsl(0, 0%, 38%);
1284
- --color-surface-fill-hover: hsl(0, 0%, 79%);
1285
- --color-surface-fill-active: hsl(91, 35%, 59%);
1286
- --color-surface-fill-inverse: hsl(0, 0%, 96%);
1287
- --color-surface-text-primary: hsl(0, 0%, 96%);
1288
- --color-surface-text-secondary: hsl(0, 0%, 30%);
1289
- --color-surface-text-tertiary: hsl(0, 0%, 62%);
1290
- --color-surface-text-quaternary: hsl(220, 14%, 96%);
1291
- --color-surface-text-disabled: hsl(0, 0%, 38%);
1292
- --color-surface-text-hover: hsl(0, 0%, 79%);
1293
- --color-surface-text-active: hsl(91, 35%, 59%);
1294
- --color-surface-text-accent: hsl(91, 35%, 59%);
1295
- --color-surface-text-inverse: hsl(0, 0%, 11%);
1296
- --color-surface-item-primary: hsl(0, 0%, 96%);
1297
- --color-surface-item-secondary: hsl(0, 0%, 30%);
1298
- --color-surface-item-tertiary: hsl(0, 0%, 62%);
1299
- --color-surface-item-quaternary: hsl(220, 14%, 96%);
1300
- --color-surface-item-disabled: hsl(0, 0%, 38%);
1301
- --color-surface-item-hover: hsl(0, 0%, 79%);
1302
- --color-surface-item-active: hsl(91, 35%, 59%);
1303
- --color-surface-item-accent: hsl(91, 35%, 59%);
1304
- --color-surface-item-inverse: hsl(0, 0%, 96%);
1305
- --color-surface-border-primary: hsl(0, 0%, 96%);
1306
- --color-surface-border-secondary: hsl(0, 0%, 30%);
1307
- --color-surface-border-tertiary: hsl(0, 0%, 62%);
1308
- --color-surface-border-quaternary: hsl(220, 14%, 96%);
1309
- --color-surface-border-disabled: hsl(0, 0%, 38%);
1310
- --color-surface-border-hover: hsl(0, 0%, 79%);
1311
- --color-surface-border-active: hsl(91, 35%, 59%);
1312
- --color-surface-border-accent: hsl(91, 35%, 59%);
1313
- --color-surface-border-inverse: hsl(0, 0%, 11%);
1314
- --color-success-fill-primary: hsl(91, 35%, 59%);
1315
- --color-success-fill-secondary: hsl(91, 47%, 57%);
1316
- --color-success-fill-tertiary: hsl(91, 17%, 41%);
1317
- --color-success-fill-hover: hsl(91, 47%, 57%);
1318
- --color-success-fill-focus: hsl(91, 24%, 47%);
1319
- --color-success-fill-active: hsl(91, 61%, 31%);
1320
- --color-success-fill-disabled: hsl(92, 12%, 27%);
1321
- --color-success-text-primary: hsl(0, 0%, 100%);
1322
- --color-success-text-secondary: hsl(91, 47%, 57%);
1323
- --color-success-text-hover: hsl(91, 47%, 57%);
1324
- --color-success-text-focus: hsl(91, 24%, 47%);
1325
- --color-success-text-active: hsl(91, 61%, 31%);
1326
- --color-success-text-disabled: hsl(92, 12%, 27%);
1327
- --color-success-item-primary: hsl(0, 0%, 11%);
1328
- --color-success-item-secondary: hsl(91, 47%, 57%);
1329
- --color-success-item-hover: hsl(91, 47%, 57%);
1330
- --color-success-item-focus: hsl(91, 24%, 47%);
1331
- --color-success-item-active: hsl(91, 61%, 31%);
1332
- --color-success-item-disabled: hsl(92, 12%, 27%);
1333
- --color-success-border-primary: hsl(0, 0%, 11%);
1334
- --color-success-border-secondary: hsl(91, 35%, 59%);
1335
- --color-success-border-hover: hsl(91, 47%, 57%);
1336
- --color-success-border-focus: hsl(91, 24%, 47%);
1337
- --color-success-border-active: hsl(91, 61%, 31%);
1338
- --color-success-border-disabled: hsl(350, 22%, 37%);
1339
- --color-warning-fill-primary: hsl(36, 71%, 48%);
1340
- --color-warning-fill-secondary: hsl(36, 74%, 40%);
1341
- --color-warning-fill-tertiary: hsl(35, 79%, 28%);
1342
- --color-warning-fill-focus: hsl(36, 71%, 48%);
1343
- --color-warning-fill-hover: hsl(36, 76%, 63%);
1344
- --color-warning-fill-active: hsl(35, 45%, 42%);
1345
- --color-warning-fill-disabled: hsl(35, 78%, 14%);
1346
- --color-warning-text-primary: hsl(0, 0%, 100%);
1347
- --color-warning-text-secondary: hsl(36, 74%, 40%);
1348
- --color-warning-text-focus: hsl(36, 71%, 48%);
1349
- --color-warning-text-hover: hsl(36, 76%, 63%);
1350
- --color-warning-text-active: hsl(35, 45%, 42%);
1351
- --color-warning-text-disabled: hsl(35, 78%, 14%);
1352
- --color-warning-item-primary: hsl(35, 78%, 14%);
1353
- --color-warning-item-secondary: hsl(36, 74%, 40%);
1354
- --color-warning-item-focus: hsl(36, 71%, 48%);
1355
- --color-warning-item-hover: hsl(36, 76%, 63%);
1356
- --color-warning-item-active: hsl(35, 45%, 42%);
1357
- --color-warning-item-disabled: hsl(35, 78%, 14%);
1358
- --color-warning-border-primary: hsl(0, 0%, 11%);
1359
- --color-warning-border-secondary: hsl(36, 74%, 40%);
1360
- --color-warning-border-focus: hsl(36, 71%, 48%);
1361
- --color-warning-border-hover: hsl(36, 76%, 63%);
1362
- --color-warning-border-active: hsl(35, 45%, 42%);
1363
- --color-warning-border-disabled: hsl(35, 78%, 14%);
1364
- --color-error-fill-primary: hsl(0, 100%, 44%);
1365
- --color-error-fill-secondary: hsl(0, 99%, 38%);
1366
- --color-error-fill-tertiary: hsl(0, 100%, 27%);
1367
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
1368
- --color-error-fill-hover: hsl(0, 60%, 41%);
1369
- --color-error-fill-focus: hsl(0, 86%, 59%);
1370
- --color-error-fill-active: hsl(0, 100%, 29%);
1371
- --color-error-fill-disabled: hsl(0, 81%, 17%);
1372
- --color-error-text-primary: hsl(0, 100%, 90%);
1373
- --color-error-text-secondary: hsl(0, 100%, 22%);
1374
- --color-error-text-tertiary: hsl(0, 100%, 27%);
1375
- --color-error-text-quaternary: hsl(0, 100%, 44%);
1376
- --color-error-text-hover: hsl(0, 60%, 41%);
1377
- --color-error-text-focus: hsl(0, 86%, 59%);
1378
- --color-error-text-active: hsl(0, 100%, 29%);
1379
- --color-error-text-disabled: hsl(0, 81%, 17%);
1380
- --color-error-item-primary: hsl(0, 100%, 90%);
1381
- --color-error-item-secondary: hsl(0, 100%, 22%);
1382
- --color-error-item-tertiary: hsl(0, 100%, 27%);
1383
- --color-error-item-quaternary: hsl(0, 100%, 44%);
1384
- --color-error-item-hover: hsl(0, 60%, 41%);
1385
- --color-error-item-focus: hsl(0, 86%, 59%);
1386
- --color-error-item-active: hsl(0, 100%, 29%);
1387
- --color-error-item-disabled: hsl(0, 81%, 17%);
1388
- --color-error-border-primary: hsl(0, 100%, 22%);
1389
- --color-error-border-secondary: hsl(0, 100%, 44%);
1390
- --color-error-border-tertiary: hsl(0, 100%, 27%);
1391
- --color-error-border-quaternary: hsl(0, 100%, 44%);
1392
- --color-error-border-hover: hsl(0, 60%, 41%);
1393
- --color-error-border-focus: hsl(0, 86%, 59%);
1394
- --color-error-border-active: hsl(0, 100%, 29%);
1395
- --color-error-border-disabled: hsl(0, 81%, 17%);
1396
- --color-info-fill-primary: hsl(211, 56%, 51%);
1397
- --color-info-fill-secondary: hsl(212, 72%, 61%);
1398
- --color-info-fill-tertiary: hsl(212, 89%, 93%);
1399
- --color-info-fill-quaternary: hsl(211, 49%, 54%);
1400
- --color-info-fill-hover: hsl(212, 68%, 65%);
1401
- --color-info-fill-focus: hsl(212, 74%, 29%);
1402
- --color-info-fill-active: hsl(212, 35%, 43%);
1403
- --color-info-fill-disabled: hsl(211, 53%, 31%);
1404
- --color-info-text-primary: hsl(0, 0%, 100%);
1405
- --color-info-text-secondary: hsl(211, 56%, 51%);
1406
- --color-info-text-tertiary: hsl(212, 89%, 93%);
1407
- --color-info-text-quaternary: hsl(211, 49%, 54%);
1408
- --color-info-text-hover: hsl(211, 56%, 51%);
1409
- --color-info-text-focus: hsl(212, 68%, 65%);
1410
- --color-info-text-active: hsl(212, 74%, 29%);
1411
- --color-info-text-disabled: hsl(212, 26%, 72%);
1412
- --color-info-item-primary: hsl(211, 80%, 50%);
1413
- --color-info-item-secondary: hsl(212, 35%, 43%);
1414
- --color-info-item-tertiary: hsl(212, 89%, 93%);
1415
- --color-info-item-quaternary: hsl(211, 49%, 54%);
1416
- --color-info-item-hover: hsl(211, 56%, 51%);
1417
- --color-info-item-focus: hsl(212, 68%, 65%);
1418
- --color-info-item-active: hsl(212, 74%, 29%);
1419
- --color-info-item-disabled: hsl(212, 26%, 72%);
1420
- --color-info-border-primary: hsl(211, 80%, 50%);
1421
- --color-info-border-secondary: hsl(212, 35%, 43%);
1422
- --color-info-border-tertiary: hsl(212, 89%, 93%);
1423
- --color-info-border-quaternary: hsl(211, 56%, 51%);
1424
- --color-info-border-hover: hsl(211, 56%, 51%);
1425
- --color-info-border-focus: hsl(212, 68%, 65%);
1426
- --color-info-border-active: hsl(212, 74%, 29%);
1427
- --color-info-border-disabled: hsl(212, 26%, 72%);
1428
- --color-danger-fill-primary: hsl(349, 62%, 48%);
1429
- --color-danger-fill-secondary: hsl(0, 0%, 11%);
1430
- --color-danger-fill-tertiary: hsl(349, 68%, 50%);
1431
- --color-danger-fill-quaternary: hsl(349, 95%, 64%);
1432
- --color-danger-fill-hover: hsl(349, 55%, 47%);
1433
- --color-danger-fill-active: hsl(349, 92%, 51%);
1434
- --color-danger-fill-focus: hsl(349, 94%, 32%);
1435
- --color-danger-fill-disabled: hsl(349, 74%, 26%);
1436
- --color-danger-text-primary: hsl(0, 0%, 11%);
1437
- --color-danger-text-secondary: hsl(349, 62%, 48%);
1438
- --color-danger-text-tertiary: hsl(349, 68%, 50%);
1439
- --color-danger-text-quaternary: hsl(349, 95%, 64%);
1440
- --color-danger-text-hover: hsl(349, 55%, 47%);
1441
- --color-danger-text-active: hsl(349, 92%, 51%);
1442
- --color-danger-text-focus: hsl(349, 94%, 32%);
1443
- --color-danger-text-disabled: hsl(349, 74%, 26%);
1444
- --color-danger-item-primary: hsl(0, 0%, 11%);
1445
- --color-danger-item-secondary: hsl(349, 62%, 48%);
1446
- --color-danger-item-tertiary: hsl(349, 68%, 50%);
1447
- --color-danger-item-quaternary: hsl(349, 95%, 64%);
1448
- --color-danger-item-hover: hsl(349, 55%, 47%);
1449
- --color-danger-item-active: hsl(349, 92%, 51%);
1450
- --color-danger-item-focus: hsl(349, 94%, 32%);
1451
- --color-danger-item-disabled: hsl(349, 74%, 26%);
1452
- --color-danger-border-primary: hsl(0, 0%, 11%);
1453
- --color-danger-border-secondary: hsl(349, 62%, 48%);
1454
- --color-danger-border-tertiary: hsl(349, 68%, 50%);
1455
- --color-danger-border-quaternary: hsl(349, 95%, 64%);
1456
- --color-danger-border-hover: hsl(349, 55%, 47%);
1457
- --color-danger-border-active: hsl(349, 92%, 51%);
1458
- --color-danger-border-focus: hsl(349, 94%, 32%);
1459
- --color-danger-border-disabled: hsl(349, 74%, 26%);
1460
- }/**
1461
- * Do not edit directly, this file was auto-generated.
1462
- */
1463
-
1464
- :root:where(.light-theme) {
1465
- --color-accent-fill-primary: hsl(92, 49%, 47%);
1466
- --color-accent-fill-secondary: hsl(92, 28%, 62%);
1467
- --color-accent-fill-tertiary: hsl(93, 53%, 93%);
1468
- --color-accent-fill-quaternary: hsl(92, 71%, 27%);
1469
- --color-accent-fill-focus: hsl(92, 59%, 64%);
1470
- --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
1471
- --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
1472
- --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
1473
- --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
1474
- --color-accent-fill-active-primary: hsl(92, 52%, 70%);
1475
- --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
1476
- --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
1477
- --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
1478
- --color-accent-fill-disabled: hsl(93, 45%, 80%);
1479
- --color-accent-text-primary: hsl(0, 0%, 100%);
1480
- --color-accent-text-secondary: hsl(92, 49%, 47%);
1481
- --color-accent-text-tertiary: hsl(94, 53%, 68%);
1482
- --color-accent-text-quaternary: hsl(92, 37%, 35%);
1483
- --color-accent-text-hover: hsl(91, 33%, 40%);
1484
- --color-accent-text-focus: hsl(92, 59%, 64%);
1485
- --color-accent-text-active: hsl(92, 52%, 70%);
1486
- --color-accent-text-disabled: hsl(93, 45%, 80%);
1487
- --color-accent-item-primary: hsl(0, 0%, 100%);
1488
- --color-accent-item-secondary: hsl(92, 49%, 47%);
1489
- --color-accent-item-tertiary: hsl(94, 53%, 68%);
1490
- --color-accent-item-quaternary: hsl(92, 37%, 35%);
1491
- --color-accent-item-hover: hsl(91, 33%, 40%);
1492
- --color-accent-item-focus: hsl(92, 59%, 64%);
1493
- --color-accent-item-active: hsl(92, 52%, 70%);
1494
- --color-accent-item-disabled: hsl(93, 45%, 80%);
1495
- --color-accent-border-primary: hsl(0, 0%, 100%);
1496
- --color-accent-border-secondary: hsl(92, 49%, 47%);
1497
- --color-accent-border-tertiary: hsl(94, 53%, 68%);
1498
- --color-accent-border-quaternary: hsl(92, 37%, 35%);
1499
- --color-accent-border-hover: hsl(91, 33%, 40%);
1500
- --color-accent-border-focus: hsl(92, 59%, 64%);
1501
- --color-accent-border-active: hsl(92, 52%, 70%);
1502
- --color-accent-border-disabled: hsl(93, 45%, 80%);
1503
- --color-special-fill-primary: hsl(36, 95%, 45%);
1504
- --color-special-fill-secondary: hsl(36, 89%, 42%);
1505
- --color-special-fill-tertiary: hsl(36, 100%, 90%);
1506
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
1507
- --color-special-fill-focus: hsl(36, 95%, 45%);
1508
- --color-special-fill-active: hsl(36, 95%, 45%);
1509
- --color-special-fill-disabled: hsl(36, 100%, 90%);
1510
- --color-special-fill-hover-primary: hsl(36, 95%, 45%);
1511
- --color-special-fill-hover-secondary: hsl(36, 89%, 42%);
1512
- --color-special-fill-hover-tertiary: hsl(36, 100%, 90%);
1513
- --color-special-fill-hover-quaternary: hsl(36, 95%, 36%);
1514
- --color-special-text-primary: hsl(0, 0%, 100%);
1515
- --color-special-text-secondary: hsl(36, 95%, 45%);
1516
- --color-special-text-tertiary: hsl(36, 100%, 86%);
1517
- --color-special-text-quaternary: hsl(36, 95%, 36%);
1518
- --color-special-text-hover: hsl(36, 95%, 45%);
1519
- --color-special-text-focus: hsl(36, 95%, 45%);
1520
- --color-special-text-active: hsl(36, 95%, 45%);
1521
- --color-special-text-disabled: hsl(36, 45%, 57%);
1522
- --color-special-item-primary: hsl(0, 0%, 100%);
1523
- --color-special-item-secondary: hsl(36, 95%, 45%);
1524
- --color-special-item-tertiary: hsl(36, 100%, 86%);
1525
- --color-special-item-quaternary: hsl(36, 95%, 36%);
1526
- --color-special-item-hover: hsl(36, 95%, 45%);
1527
- --color-special-item-focus: hsl(36, 95%, 45%);
1528
- --color-special-item-active: hsl(36, 95%, 45%);
1529
- --color-special-item-disabled: hsl(36, 45%, 57%);
1530
- --color-special-border-primary: hsl(0, 0%, 100%);
1531
- --color-special-border-secondary: hsl(36, 95%, 45%);
1532
- --color-special-border-tertiary: hsl(36, 100%, 86%);
1533
- --color-special-border-quaternary: hsl(36, 95%, 36%);
1534
- --color-special-border-hover: hsl(36, 95%, 45%);
1535
- --color-special-border-focus: hsl(36, 95%, 45%);
1536
- --color-special-border-active: hsl(36, 95%, 45%);
1537
- --color-special-border-disabled: hsl(36, 45%, 57%);
1538
- --color-extra-fill-primary: hsl(349, 96%, 44%);
1539
- --color-extra-fill-secondary: hsl(349, 70%, 74%);
1540
- --color-extra-fill-tertiary: hsl(348, 58%, 90%);
1541
- --color-extra-fill-quaternary: hsl(349, 87%, 28%);
1542
- --color-extra-fill-focus: hsl(349, 84%, 59%);
1543
- --color-extra-fill-active: hsl(350, 58%, 41%);
1544
- --color-extra-fill-disabled: hsl(348, 20%, 64%);
1545
- --color-extra-fill-hover-primary: hsl(349, 96%, 44%);
1546
- --color-extra-fill-hover-secondary: hsl(349, 70%, 74%);
1547
- --color-extra-fill-hover-tertiary: hsl(348, 58%, 90%);
1548
- --color-extra-fill-hover-quaternary: hsl(349, 87%, 28%);
1549
- --color-extra-text-primary: hsl(0, 0%, 100%);
1550
- --color-extra-text-secondary: hsl(349, 96%, 44%);
1551
- --color-extra-text-tertiary: hsl(348, 58%, 90%);
1552
- --color-extra-text-quaternary: hsl(349, 87%, 28%);
1553
- --color-extra-text-hover: hsl(349, 96%, 44%);
1554
- --color-extra-text-focus: hsl(349, 84%, 59%);
1555
- --color-extra-text-active: hsl(350, 58%, 41%);
1556
- --color-extra-text-disabled: hsl(348, 20%, 64%);
1557
- --color-extra-item-primary: hsl(0, 0%, 100%);
1558
- --color-extra-item-secondary: hsl(349, 96%, 44%);
1559
- --color-extra-item-tertiary: hsl(348, 58%, 90%);
1560
- --color-extra-item-quaternary: hsl(349, 87%, 28%);
1561
- --color-extra-item-hover: hsl(349, 96%, 44%);
1562
- --color-extra-item-focus: hsl(349, 84%, 59%);
1563
- --color-extra-item-active: hsl(350, 58%, 41%);
1564
- --color-extra-item-disabled: hsl(348, 20%, 64%);
1565
- --color-extra-border-primary: hsl(0, 0%, 100%);
1566
- --color-extra-border-secondary: hsl(349, 96%, 44%);
1567
- --color-extra-border-tertiary: hsl(348, 58%, 90%);
1568
- --color-extra-border-quaternary: hsl(349, 87%, 28%);
1569
- --color-extra-border-hover: hsl(349, 96%, 44%);
1570
- --color-extra-border-focus: hsl(349, 84%, 59%);
1571
- --color-extra-border-active: hsl(350, 58%, 41%);
1572
- --color-extra-border-disabled: hsl(348, 20%, 64%);
1573
- --color-surface-fill-primary: hsl(0, 0%, 100%);
1574
- --color-surface-fill-secondary: hsl(220, 14%, 96%);
1575
- --color-surface-fill-tertiary: hsl(0, 0%, 85%);
1576
- --color-surface-fill-quaternary: hsl(0, 0%, 45%);
1577
- --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
1578
- --color-surface-fill-inverse: hsl(0, 0%, 0%);
1579
- --color-surface-fill-focus: hsl(0, 0%, 59%);
1580
- --color-surface-fill-active: hsl(92, 49%, 47%);
1581
- --color-surface-fill-disabled: hsl(0, 0%, 93%);
1582
- --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
1583
- --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
1584
- --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
1585
- --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
1586
- --color-surface-text-primary: hsl(0, 0%, 0%);
1587
- --color-surface-text-secondary: hsl(0, 0%, 93%);
1588
- --color-surface-text-tertiary: hsl(0, 0%, 85%);
1589
- --color-surface-text-quaternary: hsl(0, 0%, 45%);
1590
- --color-surface-text-inverse: hsl(0, 0%, 100%);
1591
- --color-surface-text-hover: hsl(0, 0%, 79%);
1592
- --color-surface-text-focus: hsl(0, 0%, 59%);
1593
- --color-surface-text-active: hsl(92, 49%, 47%);
1594
- --color-surface-text-disabled: hsl(0, 0%, 47%);
1595
- --color-surface-item-primary: hsl(0, 0%, 0%);
1596
- --color-surface-item-secondary: hsl(0, 0%, 93%);
1597
- --color-surface-item-tertiary: hsl(0, 0%, 85%);
1598
- --color-surface-item-quaternary: hsl(0, 0%, 45%);
1599
- --color-surface-item-inverse: hsl(0, 0%, 100%);
1600
- --color-surface-item-hover: hsl(0, 0%, 79%);
1601
- --color-surface-item-focus: hsl(0, 0%, 59%);
1602
- --color-surface-item-active: hsl(92, 49%, 47%);
1603
- --color-surface-item-disabled: hsl(0, 0%, 47%);
1604
- --color-surface-border-primary: hsl(0, 0%, 0%);
1605
- --color-surface-border-secondary: hsl(0, 0%, 93%);
1606
- --color-surface-border-tertiary: hsl(0, 0%, 85%);
1607
- --color-surface-border-quaternary: hsl(0, 0%, 45%);
1608
- --color-surface-border-inverse: hsl(0, 0%, 100%);
1609
- --color-surface-border-hover: hsl(0, 0%, 79%);
1610
- --color-surface-border-focus: hsl(0, 0%, 59%);
1611
- --color-surface-border-active: hsl(92, 49%, 47%);
1612
- --color-surface-border-disabled: hsl(0, 0%, 47%);
1613
- --color-error-fill-primary: hsl(0, 100%, 44%);
1614
- --color-error-fill-secondary: hsl(0, 100%, 73%);
1615
- --color-error-fill-tertiary: hsl(0, 100%, 92%);
1616
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
1617
- --color-error-fill-focus: hsl(0, 100%, 29%);
1618
- --color-error-fill-active: hsl(0, 86%, 59%);
1619
- --color-error-fill-disabled: hsl(0, 100%, 92%);
1620
- --color-error-fill-hover-primary: hsl(0, 60%, 41%);
1621
- --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
1622
- --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
1623
- --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
1624
- --color-error-text-primary: hsl(0, 0%, 100%);
1625
- --color-error-text-secondary: hsl(0, 100%, 73%);
1626
- --color-error-text-tertiary: hsl(0, 100%, 92%);
1627
- --color-error-text-quaternary: hsl(0, 100%, 44%);
1628
- --color-error-text-hover: hsl(0, 60%, 41%);
1629
- --color-error-text-focus: hsl(0, 100%, 29%);
1630
- --color-error-text-active: hsl(0, 86%, 59%);
1631
- --color-error-text-disabled: hsl(0, 31%, 65%);
1632
- --color-error-item-primary: hsl(0, 0%, 100%);
1633
- --color-error-item-secondary: hsl(0, 100%, 73%);
1634
- --color-error-item-tertiary: hsl(0, 100%, 92%);
1635
- --color-error-item-quaternary: hsl(0, 100%, 44%);
1636
- --color-error-item-hover: hsl(0, 60%, 41%);
1637
- --color-error-item-focus: hsl(0, 100%, 29%);
1638
- --color-error-item-active: hsl(0, 86%, 59%);
1639
- --color-error-item-disabled: hsl(0, 31%, 65%);
1640
- --color-error-border-primary: hsl(0, 0%, 100%);
1641
- --color-error-border-secondary: hsl(0, 100%, 73%);
1642
- --color-error-border-tertiary: hsl(0, 100%, 92%);
1643
- --color-error-border-quaternary: hsl(0, 100%, 44%);
1644
- --color-error-border-hover: hsl(0, 60%, 41%);
1645
- --color-error-border-focus: hsl(0, 100%, 29%);
1646
- --color-error-border-active: hsl(0, 100%, 44%);
1647
- --color-error-border-disabled: hsl(0, 31%, 65%);
1648
- --color-warning-fill-primary: hsl(36, 95%, 45%);
1649
- --color-warning-fill-secondary: hsl(36, 76%, 71%);
1650
- --color-warning-fill-tertiary: hsl(36, 100%, 93%);
1651
- --color-warning-fill-quaternary: hsl(36, 66%, 40%);
1652
- --color-warning-fill-focus: hsl(36, 95%, 45%);
1653
- --color-warning-fill-active: hsl(36, 97%, 29%);
1654
- --color-warning-fill-disabled: hsl(36, 83%, 86%);
1655
- --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
1656
- --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
1657
- --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
1658
- --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
1659
- --color-warning-text-primary: hsl(0, 0%, 100%);
1660
- --color-warning-text-secondary: hsl(36, 95%, 45%);
1661
- --color-warning-text-tertiary: hsl(36, 100%, 93%);
1662
- --color-warning-text-quaternary: hsl(36, 100%, 29%);
1663
- --color-warning-text-focus: hsl(36, 95%, 45%);
1664
- --color-warning-text-hover: hsl(36, 85%, 59%);
1665
- --color-warning-text-active: hsl(36, 97%, 29%);
1666
- --color-warning-text-disabled: hsl(36, 31%, 57%);
1667
- --color-warning-item-primary: hsl(0, 0%, 100%);
1668
- --color-warning-item-secondary: hsl(36, 95%, 45%);
1669
- --color-warning-item-tertiary: hsl(36, 100%, 93%);
1670
- --color-warning-item-quaternary: hsl(36, 100%, 29%);
1671
- --color-warning-item-focus: hsl(36, 95%, 45%);
1672
- --color-warning-item-hover: hsl(36, 85%, 59%);
1673
- --color-warning-item-active: hsl(36, 97%, 29%);
1674
- --color-warning-item-disabled: hsl(36, 31%, 57%);
1675
- --color-warning-border-primary: hsl(0, 0%, 100%);
1676
- --color-warning-border-secondary: hsl(36, 95%, 45%);
1677
- --color-warning-border-tertiary: hsl(36, 100%, 93%);
1678
- --color-warning-border-quaternary: hsl(36, 100%, 29%);
1679
- --color-warning-border-focus: hsl(36, 95%, 45%);
1680
- --color-warning-border-hover: hsl(36, 85%, 59%);
1681
- --color-warning-border-active: hsl(36, 97%, 29%);
1682
- --color-warning-border-disabled: hsl(36, 31%, 57%);
1683
- --color-success-fill-primary: hsl(92, 56%, 38%);
1684
- --color-success-fill-hover-primary: hsl(92, 56%, 38%);
1685
- --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
1686
- --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
1687
- --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
1688
- --color-success-fill-secondary: hsl(92, 68%, 48%);
1689
- --color-success-fill-tertiary: hsl(90, 53%, 93%);
1690
- --color-success-fill-quaternary: hsl(92, 90%, 37%);
1691
- --color-success-fill-focus: hsl(92, 75%, 22%);
1692
- --color-success-fill-active: hsl(92, 52%, 58%);
1693
- --color-success-fill-disabled: hsl(92, 43%, 80%);
1694
- --color-success-text-primary: hsl(0, 0%, 100%);
1695
- --color-success-text-secondary: hsl(92, 68%, 48%);
1696
- --color-success-text-tertiary: hsl(90, 53%, 93%);
1697
- --color-success-text-quaternary: hsl(92, 90%, 37%);
1698
- --color-success-text-hover: hsl(92, 56%, 38%);
1699
- --color-success-text-focus: hsl(92, 75%, 22%);
1700
- --color-success-text-active: hsl(92, 52%, 58%);
1701
- --color-success-text-disabled: hsl(92, 22%, 54%);
1702
- --color-success-item-primary: hsl(0, 0%, 100%);
1703
- --color-success-item-secondary: hsl(92, 68%, 48%);
1704
- --color-success-item-tertiary: hsl(90, 53%, 93%);
1705
- --color-success-item-quaternary: hsl(92, 90%, 37%);
1706
- --color-success-item-hover: hsl(92, 56%, 38%);
1707
- --color-success-item-focus: hsl(92, 75%, 22%);
1708
- --color-success-item-active: hsl(92, 52%, 58%);
1709
- --color-success-item-disabled: hsl(92, 22%, 54%);
1710
- --color-success-border-primary: hsl(0, 0%, 100%);
1711
- --color-success-border-secondary: hsl(92, 68%, 48%);
1712
- --color-success-border-tertiary: hsl(90, 53%, 93%);
1713
- --color-success-border-quaternary: hsl(92, 90%, 37%);
1714
- --color-success-border-hover: hsl(92, 56%, 38%);
1715
- --color-success-border-focus: hsl(92, 75%, 22%);
1716
- --color-success-border-active: hsl(92, 52%, 58%);
1717
- --color-success-border-disabled: hsl(92, 22%, 54%);
1718
- --color-info-fill-primary: hsl(226, 100%, 52%);
1719
- --color-info-fill-hover-primary: hsl(226, 100%, 52%);
1720
- --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
1721
- --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
1722
- --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
1723
- --color-info-fill-secondary: hsl(226, 100%, 75%);
1724
- --color-info-fill-tertiary: hsl(227, 100%, 96%);
1725
- --color-info-fill-quaternary: hsl(226, 49%, 22%);
1726
- --color-info-fill-focus: hsl(226, 49%, 45%);
1727
- --color-info-fill-active: hsl(226, 100%, 75%);
1728
- --color-info-fill-disabled: hsl(227, 36%, 85%);
1729
- --color-info-text-primary: hsl(0, 0%, 100%);
1730
- --color-info-text-secondary: hsl(226, 100%, 52%);
1731
- --color-info-text-tertiary: hsl(227, 100%, 96%);
1732
- --color-info-text-quaternary: hsl(226, 49%, 22%);
1733
- --color-info-text-hover: hsl(226, 100%, 67%);
1734
- --color-info-text-focus: hsl(226, 49%, 45%);
1735
- --color-info-text-active: hsl(226, 100%, 75%);
1736
- --color-info-text-disabled: hsl(227, 36%, 85%);
1737
- --color-info-item-primary: hsl(0, 0%, 100%);
1738
- --color-info-item-secondary: hsl(226, 100%, 52%);
1739
- --color-info-item-tertiary: hsl(227, 100%, 96%);
1740
- --color-info-item-quaternary: hsl(226, 49%, 22%);
1741
- --color-info-item-hover: hsl(226, 100%, 67%);
1742
- --color-info-item-focus: hsl(226, 49%, 45%);
1743
- --color-info-item-active: hsl(226, 100%, 75%);
1744
- --color-info-item-disabled: hsl(227, 36%, 85%);
1745
- --color-info-border-primary: hsl(0, 0%, 100%);
1746
- --color-info-border-secondary: hsl(226, 100%, 52%);
1747
- --color-info-border-tertiary: hsl(227, 100%, 96%);
1748
- --color-info-border-quaternary: hsl(226, 49%, 22%);
1749
- --color-info-border-hover: hsl(226, 100%, 67%);
1750
- --color-info-border-focus: hsl(226, 49%, 45%);
1751
- --color-info-border-active: hsl(226, 100%, 75%);
1752
- --color-info-border-disabled: hsl(227, 36%, 85%);
1753
- --color-danger-fill-primary: hsl(349, 68%, 50%);
1754
- --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
1755
- --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
1756
- --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
1757
- --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
1758
- --color-danger-fill-secondary: hsl(0, 0%, 100%);
1759
- --color-danger-fill-tertiary: hsl(349, 70%, 91%);
1760
- --color-danger-fill-quaternary: hsl(349, 74%, 47%);
1761
- --color-danger-fill-focus: hsl(349, 95%, 64%);
1762
- --color-danger-fill-active: hsl(349, 94%, 32%);
1763
- --color-danger-fill-disabled: hsl(349, 43%, 75%);
1764
- --color-danger-text-primary: hsl(0, 0%, 100%);
1765
- --color-danger-text-secondary: hsl(349, 68%, 50%);
1766
- --color-danger-text-tertiary: hsl(349, 70%, 91%);
1767
- --color-danger-text-quaternary: hsl(349, 74%, 47%);
1768
- --color-danger-text-hover: hsl(349, 92%, 51%);
1769
- --color-danger-text-focus: hsl(349, 95%, 64%);
1770
- --color-danger-text-active: hsl(349, 94%, 32%);
1771
- --color-danger-text-disabled: hsl(349, 43%, 75%);
1772
- --color-danger-item-primary: hsl(0, 0%, 100%);
1773
- --color-danger-item-secondary: hsl(349, 68%, 50%);
1774
- --color-danger-item-tertiary: hsl(349, 70%, 91%);
1775
- --color-danger-item-quaternary: hsl(349, 74%, 47%);
1776
- --color-danger-item-hover: hsl(349, 92%, 51%);
1777
- --color-danger-item-focus: hsl(349, 95%, 64%);
1778
- --color-danger-item-active: hsl(349, 94%, 32%);
1779
- --color-danger-item-disabled: hsl(349, 43%, 75%);
1780
- --color-danger-border-primary: hsl(0, 0%, 100%);
1781
- --color-danger-border-secondary: hsl(349, 68%, 50%);
1782
- --color-danger-border-tertiary: hsl(349, 70%, 91%);
1783
- --color-danger-border-quaternary: hsl(349, 74%, 47%);
1784
- --color-danger-border-hover: hsl(349, 92%, 51%);
1785
- --color-danger-border-focus: hsl(349, 95%, 64%);
1786
- --color-danger-border-active: hsl(349, 94%, 32%);
1787
- --color-danger-border-disabled: hsl(349, 43%, 75%);
1788
- --color-disabled-item-disabled: hsl(0, 0%, 47%);
1789
- }
1790
-
1791
- @media (prefers-color-scheme: dark) {
1792
-
1793
- /**
1794
- * Do not edit directly, this file was auto-generated.
1795
- */
1796
-
1797
- :root:where(:not(.light-theme)):where(.am) {
1798
- --color-accent-fill-primary: hsl(91, 35%, 59%);
1799
- --color-accent-fill-secondary: hsl(92, 18%, 72%);
1800
- --color-accent-fill-tertiary: hsl(94, 53%, 65%);
1801
- --color-accent-fill-quaternary: hsl(91, 37%, 24%);
1802
- --color-accent-fill-hover: hsl(91, 35%, 59%);
1803
- --color-accent-fill-focus: hsl(91, 17%, 47%);
1804
- --color-accent-fill-active: hsl(91, 49%, 74%);
1805
- --color-accent-fill-disabled: hsl(92, 67%, 16%);
1806
- --color-accent-text-primary: hsl(0, 0%, 20%);
1807
- --color-accent-text-secondary: hsl(91, 35%, 59%);
1808
- --color-accent-text-tertiary: hsl(92, 18%, 72%);
1809
- --color-accent-text-quaternary: hsl(91, 21%, 40%);
1810
- --color-accent-text-hover: hsl(91, 17%, 47%);
1811
- --color-accent-text-focus: hsl(91, 53%, 31%);
1812
- --color-accent-text-active: hsl(91, 49%, 74%);
1813
- --color-accent-text-disabled: hsl(92, 67%, 16%);
1814
- --color-accent-item-primary: hsl(0, 0%, 20%);
1815
- --color-accent-item-secondary: hsl(91, 35%, 59%);
1816
- --color-accent-item-tertiary: hsl(91, 35%, 59%);
1817
- --color-accent-item-quaternary: hsl(90, 11%, 45%);
1818
- --color-accent-item-hover: hsl(91, 17%, 47%);
1819
- --color-accent-item-focus: hsl(91, 53%, 31%);
1820
- --color-accent-item-active: hsl(91, 49%, 74%);
1821
- --color-accent-item-disabled: hsl(92, 67%, 16%);
1822
- --color-accent-border-primary: hsl(93, 26%, 27%);
1823
- --color-accent-border-secondary: hsl(91, 35%, 59%);
1824
- --color-accent-border-tertiary: hsl(92, 18%, 72%);
1825
- --color-accent-border-quaternary: hsl(91, 21%, 40%);
1826
- --color-accent-border-hover: hsl(91, 17%, 47%);
1827
- --color-accent-border-focus: hsl(91, 53%, 31%);
1828
- --color-accent-border-active: hsl(91, 49%, 74%);
1829
- --color-accent-border-disabled: hsl(92, 67%, 16%);
1830
- --color-special-fill-primary: hsl(36, 71%, 53%);
1831
- --color-special-fill-secondary: hsl(36, 76%, 62%);
1832
- --color-special-fill-tertiary: hsl(36, 95%, 36%);
1833
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
1834
- --color-special-fill-hover: hsl(36, 71%, 53%);
1835
- --color-special-fill-focus: hsl(36, 100%, 64%);
1836
- --color-special-fill-active: hsl(36, 100%, 73%);
1837
- --color-special-fill-disabled: hsl(36, 45%, 35%);
1838
- --color-special-text-primary: hsl(0, 0%, 11%);
1839
- --color-special-text-secondary: hsl(36, 71%, 53%);
1840
- --color-special-text-tertiary: hsl(36, 76%, 62%);
1841
- --color-special-text-quaternary: hsl(36, 95%, 36%);
1842
- --color-special-text-hover: hsl(36, 71%, 53%);
1843
- --color-special-text-focus: hsl(36, 100%, 64%);
1844
- --color-special-text-active: hsl(36, 100%, 73%);
1845
- --color-special-text-disabled: hsl(36, 45%, 35%);
1846
- --color-special-item-primary: hsl(0, 0%, 11%);
1847
- --color-special-item-secondary: hsl(36, 71%, 53%);
1848
- --color-special-item-tertiary: hsl(36, 76%, 62%);
1849
- --color-special-item-quaternary: hsl(36, 95%, 36%);
1850
- --color-special-item-hover: hsl(36, 71%, 53%);
1851
- --color-special-item-focus: hsl(36, 100%, 64%);
1852
- --color-special-item-active: hsl(36, 100%, 73%);
1853
- --color-special-item-disabled: hsl(36, 45%, 35%);
1854
- --color-special-border-primary: hsl(0, 0%, 11%);
1855
- --color-special-border-secondary: hsl(36, 71%, 53%);
1856
- --color-special-border-tertiary: hsl(36, 76%, 62%);
1857
- --color-special-border-quaternary: hsl(36, 95%, 36%);
1858
- --color-special-border-hover: hsl(36, 71%, 53%);
1859
- --color-special-border-focus: hsl(36, 100%, 64%);
1860
- --color-special-border-active: hsl(36, 100%, 73%);
1861
- --color-special-border-disabled: hsl(36, 45%, 35%);
1862
- --color-extra-fill-primary: hsl(350, 67%, 46%);
1863
- --color-extra-fill-secondary: hsl(350, 51%, 48%);
1864
- --color-extra-fill-tertiary: hsl(350, 34%, 52%);
1865
- --color-extra-fill-quaternary: hsl(350, 45%, 36%);
1866
- --color-extra-fill-hover: hsl(350, 67%, 46%);
1867
- --color-extra-fill-focus: hsl(349, 67%, 46%);
1868
- --color-extra-fill-active: hsl(349, 83%, 27%);
1869
- --color-extra-fill-disabled: hsl(350, 22%, 37%);
1870
- --color-extra-text-primary: hsl(0, 0%, 11%);
1871
- --color-extra-text-secondary: hsl(350, 67%, 46%);
1872
- --color-extra-text-tertiary: hsl(350, 51%, 48%);
1873
- --color-extra-text-quaternary: hsl(350, 45%, 36%);
1874
- --color-extra-text-hover: hsl(350, 67%, 46%);
1875
- --color-extra-text-focus: hsl(349, 67%, 46%);
1876
- --color-extra-text-active: hsl(349, 83%, 27%);
1877
- --color-extra-text-disabled: hsl(350, 22%, 37%);
1878
- --color-extra-item-primary: hsl(0, 0%, 11%);
1879
- --color-extra-item-secondary: hsl(350, 67%, 46%);
1880
- --color-extra-item-tertiary: hsl(350, 51%, 48%);
1881
- --color-extra-item-quaternary: hsl(350, 45%, 36%);
1882
- --color-extra-item-hover: hsl(350, 67%, 46%);
1883
- --color-extra-item-focus: hsl(349, 67%, 46%);
1884
- --color-extra-item-active: hsl(349, 83%, 27%);
1885
- --color-extra-item-disabled: hsl(348, 20%, 64%);
1886
- --color-extra-border-primary: hsl(0, 0%, 11%);
1887
- --color-extra-border-secondary: hsl(350, 67%, 46%);
1888
- --color-extra-border-tertiary: hsl(350, 51%, 48%);
1889
- --color-extra-border-quaternary: hsl(350, 45%, 36%);
1890
- --color-extra-border-hover: hsl(350, 67%, 46%);
1891
- --color-extra-border-active: hsl(349, 67%, 46%);
1892
- --color-extra-border-focus: hsl(349, 83%, 27%);
1893
- --color-extra-border-disabled: hsl(350, 22%, 37%);
1894
- --color-surface-fill-primary: hsl(0, 0%, 11%);
1895
- --color-surface-fill-secondary: hsl(0, 0%, 30%);
1896
- --color-surface-fill-tertiary: hsl(0, 0%, 62%);
1897
- --color-surface-fill-quaternary: hsl(220, 14%, 96%);
1898
- --color-surface-fill-quaternary-50: hsl(0, 0%, 79%);
1899
- --color-surface-fill-disabled: hsl(0, 0%, 38%);
1900
- --color-surface-fill-hover: hsl(0, 0%, 79%);
1901
- --color-surface-fill-active: hsl(91, 35%, 59%);
1902
- --color-surface-fill-inverse: hsl(0, 0%, 96%);
1903
- --color-surface-text-primary: hsl(0, 0%, 96%);
1904
- --color-surface-text-secondary: hsl(0, 0%, 30%);
1905
- --color-surface-text-tertiary: hsl(0, 0%, 62%);
1906
- --color-surface-text-quaternary: hsl(220, 14%, 96%);
1907
- --color-surface-text-disabled: hsl(0, 0%, 38%);
1908
- --color-surface-text-hover: hsl(0, 0%, 79%);
1909
- --color-surface-text-active: hsl(91, 35%, 59%);
1910
- --color-surface-text-accent: hsl(91, 35%, 59%);
1911
- --color-surface-text-inverse: hsl(0, 0%, 11%);
1912
- --color-surface-item-primary: hsl(0, 0%, 96%);
1913
- --color-surface-item-secondary: hsl(0, 0%, 30%);
1914
- --color-surface-item-tertiary: hsl(0, 0%, 62%);
1915
- --color-surface-item-quaternary: hsl(220, 14%, 96%);
1916
- --color-surface-item-disabled: hsl(0, 0%, 38%);
1917
- --color-surface-item-hover: hsl(0, 0%, 79%);
1918
- --color-surface-item-active: hsl(91, 35%, 59%);
1919
- --color-surface-item-accent: hsl(91, 35%, 59%);
1920
- --color-surface-item-inverse: hsl(0, 0%, 96%);
1921
- --color-surface-border-primary: hsl(0, 0%, 96%);
1922
- --color-surface-border-secondary: hsl(0, 0%, 30%);
1923
- --color-surface-border-tertiary: hsl(0, 0%, 62%);
1924
- --color-surface-border-quaternary: hsl(220, 14%, 96%);
1925
- --color-surface-border-disabled: hsl(0, 0%, 38%);
142
+ --color-surface-item-focus: hsl(0, 0%, 59%);
143
+ --color-surface-item-active: hsl(92, 49%, 47%);
144
+ --color-surface-item-disabled: hsl(0, 0%, 47%);
145
+ --color-surface-border-primary: hsl(0, 0%, 0%);
146
+ --color-surface-border-secondary: hsl(0, 0%, 93%);
147
+ --color-surface-border-tertiary: hsl(0, 0%, 85%);
148
+ --color-surface-border-quaternary: hsl(0, 0%, 45%);
149
+ --color-surface-border-inverse: hsl(0, 0%, 100%);
1926
150
  --color-surface-border-hover: hsl(0, 0%, 79%);
1927
- --color-surface-border-active: hsl(91, 35%, 59%);
1928
- --color-surface-border-accent: hsl(91, 35%, 59%);
1929
- --color-surface-border-inverse: hsl(0, 0%, 11%);
1930
- --color-success-fill-primary: hsl(91, 35%, 59%);
1931
- --color-success-fill-secondary: hsl(91, 47%, 57%);
1932
- --color-success-fill-tertiary: hsl(91, 17%, 41%);
1933
- --color-success-fill-hover: hsl(91, 47%, 57%);
1934
- --color-success-fill-focus: hsl(91, 24%, 47%);
1935
- --color-success-fill-active: hsl(91, 61%, 31%);
1936
- --color-success-fill-disabled: hsl(92, 12%, 27%);
1937
- --color-success-text-primary: hsl(0, 0%, 100%);
1938
- --color-success-text-secondary: hsl(91, 47%, 57%);
1939
- --color-success-text-hover: hsl(91, 47%, 57%);
1940
- --color-success-text-focus: hsl(91, 24%, 47%);
1941
- --color-success-text-active: hsl(91, 61%, 31%);
1942
- --color-success-text-disabled: hsl(92, 12%, 27%);
1943
- --color-success-item-primary: hsl(0, 0%, 11%);
1944
- --color-success-item-secondary: hsl(91, 47%, 57%);
1945
- --color-success-item-hover: hsl(91, 47%, 57%);
1946
- --color-success-item-focus: hsl(91, 24%, 47%);
1947
- --color-success-item-active: hsl(91, 61%, 31%);
1948
- --color-success-item-disabled: hsl(92, 12%, 27%);
1949
- --color-success-border-primary: hsl(0, 0%, 11%);
1950
- --color-success-border-secondary: hsl(91, 35%, 59%);
1951
- --color-success-border-hover: hsl(91, 47%, 57%);
1952
- --color-success-border-focus: hsl(91, 24%, 47%);
1953
- --color-success-border-active: hsl(91, 61%, 31%);
1954
- --color-success-border-disabled: hsl(350, 22%, 37%);
1955
- --color-warning-fill-primary: hsl(36, 71%, 48%);
1956
- --color-warning-fill-secondary: hsl(36, 74%, 40%);
1957
- --color-warning-fill-tertiary: hsl(35, 79%, 28%);
1958
- --color-warning-fill-focus: hsl(36, 71%, 48%);
1959
- --color-warning-fill-hover: hsl(36, 76%, 63%);
1960
- --color-warning-fill-active: hsl(35, 45%, 42%);
1961
- --color-warning-fill-disabled: hsl(35, 78%, 14%);
1962
- --color-warning-text-primary: hsl(0, 0%, 100%);
1963
- --color-warning-text-secondary: hsl(36, 74%, 40%);
1964
- --color-warning-text-focus: hsl(36, 71%, 48%);
1965
- --color-warning-text-hover: hsl(36, 76%, 63%);
1966
- --color-warning-text-active: hsl(35, 45%, 42%);
1967
- --color-warning-text-disabled: hsl(35, 78%, 14%);
1968
- --color-warning-item-primary: hsl(35, 78%, 14%);
1969
- --color-warning-item-secondary: hsl(36, 74%, 40%);
1970
- --color-warning-item-focus: hsl(36, 71%, 48%);
1971
- --color-warning-item-hover: hsl(36, 76%, 63%);
1972
- --color-warning-item-active: hsl(35, 45%, 42%);
1973
- --color-warning-item-disabled: hsl(35, 78%, 14%);
1974
- --color-warning-border-primary: hsl(0, 0%, 11%);
1975
- --color-warning-border-secondary: hsl(36, 74%, 40%);
1976
- --color-warning-border-focus: hsl(36, 71%, 48%);
1977
- --color-warning-border-hover: hsl(36, 76%, 63%);
1978
- --color-warning-border-active: hsl(35, 45%, 42%);
1979
- --color-warning-border-disabled: hsl(35, 78%, 14%);
151
+ --color-surface-border-focus: hsl(0, 0%, 59%);
152
+ --color-surface-border-active: hsl(92, 49%, 47%);
153
+ --color-surface-border-disabled: hsl(0, 0%, 47%);
1980
154
  --color-error-fill-primary: hsl(0, 100%, 44%);
1981
- --color-error-fill-secondary: hsl(0, 99%, 38%);
1982
- --color-error-fill-tertiary: hsl(0, 100%, 27%);
155
+ --color-error-fill-secondary: hsl(0, 100%, 73%);
156
+ --color-error-fill-tertiary: hsl(0, 100%, 92%);
1983
157
  --color-error-fill-quaternary: hsl(0, 100%, 44%);
1984
- --color-error-fill-hover: hsl(0, 60%, 41%);
1985
- --color-error-fill-focus: hsl(0, 86%, 59%);
1986
- --color-error-fill-active: hsl(0, 100%, 29%);
1987
- --color-error-fill-disabled: hsl(0, 81%, 17%);
1988
- --color-error-text-primary: hsl(0, 100%, 90%);
1989
- --color-error-text-secondary: hsl(0, 100%, 22%);
1990
- --color-error-text-tertiary: hsl(0, 100%, 27%);
158
+ --color-error-fill-focus: hsl(0, 100%, 29%);
159
+ --color-error-fill-active: hsl(0, 86%, 59%);
160
+ --color-error-fill-disabled: hsl(0, 100%, 92%);
161
+ --color-error-fill-hover-primary: hsl(0, 60%, 41%);
162
+ --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
163
+ --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
164
+ --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
165
+ --color-error-text-primary: hsl(0, 0%, 100%);
166
+ --color-error-text-secondary: hsl(0, 100%, 73%);
167
+ --color-error-text-tertiary: hsl(0, 100%, 92%);
1991
168
  --color-error-text-quaternary: hsl(0, 100%, 44%);
1992
169
  --color-error-text-hover: hsl(0, 60%, 41%);
1993
- --color-error-text-focus: hsl(0, 86%, 59%);
1994
- --color-error-text-active: hsl(0, 100%, 29%);
1995
- --color-error-text-disabled: hsl(0, 81%, 17%);
1996
- --color-error-item-primary: hsl(0, 100%, 90%);
1997
- --color-error-item-secondary: hsl(0, 100%, 22%);
1998
- --color-error-item-tertiary: hsl(0, 100%, 27%);
170
+ --color-error-text-focus: hsl(0, 100%, 29%);
171
+ --color-error-text-active: hsl(0, 86%, 59%);
172
+ --color-error-text-disabled: hsl(0, 31%, 65%);
173
+ --color-error-item-primary: hsl(0, 0%, 100%);
174
+ --color-error-item-secondary: hsl(0, 100%, 73%);
175
+ --color-error-item-tertiary: hsl(0, 100%, 92%);
1999
176
  --color-error-item-quaternary: hsl(0, 100%, 44%);
2000
177
  --color-error-item-hover: hsl(0, 60%, 41%);
2001
- --color-error-item-focus: hsl(0, 86%, 59%);
2002
- --color-error-item-active: hsl(0, 100%, 29%);
2003
- --color-error-item-disabled: hsl(0, 81%, 17%);
2004
- --color-error-border-primary: hsl(0, 100%, 22%);
2005
- --color-error-border-secondary: hsl(0, 100%, 44%);
2006
- --color-error-border-tertiary: hsl(0, 100%, 27%);
178
+ --color-error-item-focus: hsl(0, 100%, 29%);
179
+ --color-error-item-active: hsl(0, 86%, 59%);
180
+ --color-error-item-disabled: hsl(0, 31%, 65%);
181
+ --color-error-border-primary: hsl(0, 0%, 100%);
182
+ --color-error-border-secondary: hsl(0, 100%, 73%);
183
+ --color-error-border-tertiary: hsl(0, 100%, 92%);
2007
184
  --color-error-border-quaternary: hsl(0, 100%, 44%);
2008
185
  --color-error-border-hover: hsl(0, 60%, 41%);
2009
- --color-error-border-focus: hsl(0, 86%, 59%);
2010
- --color-error-border-active: hsl(0, 100%, 29%);
2011
- --color-error-border-disabled: hsl(0, 81%, 17%);
2012
- --color-info-fill-primary: hsl(211, 56%, 51%);
2013
- --color-info-fill-secondary: hsl(212, 72%, 61%);
2014
- --color-info-fill-tertiary: hsl(212, 89%, 93%);
2015
- --color-info-fill-quaternary: hsl(211, 49%, 54%);
2016
- --color-info-fill-hover: hsl(212, 68%, 65%);
2017
- --color-info-fill-focus: hsl(212, 74%, 29%);
2018
- --color-info-fill-active: hsl(212, 35%, 43%);
2019
- --color-info-fill-disabled: hsl(211, 53%, 31%);
186
+ --color-error-border-focus: hsl(0, 100%, 29%);
187
+ --color-error-border-active: hsl(0, 100%, 44%);
188
+ --color-error-border-disabled: hsl(0, 31%, 65%);
189
+ --color-warning-fill-primary: hsl(36, 95%, 45%);
190
+ --color-warning-fill-secondary: hsl(36, 76%, 71%);
191
+ --color-warning-fill-tertiary: hsl(36, 100%, 93%);
192
+ --color-warning-fill-quaternary: hsl(36, 66%, 40%);
193
+ --color-warning-fill-focus: hsl(36, 95%, 45%);
194
+ --color-warning-fill-active: hsl(36, 97%, 29%);
195
+ --color-warning-fill-disabled: hsl(36, 83%, 86%);
196
+ --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
197
+ --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
198
+ --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
199
+ --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
200
+ --color-warning-text-primary: hsl(0, 0%, 100%);
201
+ --color-warning-text-secondary: hsl(36, 95%, 45%);
202
+ --color-warning-text-tertiary: hsl(36, 100%, 93%);
203
+ --color-warning-text-quaternary: hsl(36, 100%, 29%);
204
+ --color-warning-text-focus: hsl(36, 95%, 45%);
205
+ --color-warning-text-hover: hsl(36, 85%, 59%);
206
+ --color-warning-text-active: hsl(36, 97%, 29%);
207
+ --color-warning-text-disabled: hsl(36, 31%, 57%);
208
+ --color-warning-item-primary: hsl(0, 0%, 100%);
209
+ --color-warning-item-secondary: hsl(36, 95%, 45%);
210
+ --color-warning-item-tertiary: hsl(36, 100%, 93%);
211
+ --color-warning-item-quaternary: hsl(36, 100%, 29%);
212
+ --color-warning-item-focus: hsl(36, 95%, 45%);
213
+ --color-warning-item-hover: hsl(36, 85%, 59%);
214
+ --color-warning-item-active: hsl(36, 97%, 29%);
215
+ --color-warning-item-disabled: hsl(36, 31%, 57%);
216
+ --color-warning-border-primary: hsl(0, 0%, 100%);
217
+ --color-warning-border-secondary: hsl(36, 95%, 45%);
218
+ --color-warning-border-tertiary: hsl(36, 100%, 93%);
219
+ --color-warning-border-quaternary: hsl(36, 100%, 29%);
220
+ --color-warning-border-focus: hsl(36, 95%, 45%);
221
+ --color-warning-border-hover: hsl(36, 85%, 59%);
222
+ --color-warning-border-active: hsl(36, 97%, 29%);
223
+ --color-warning-border-disabled: hsl(36, 31%, 57%);
224
+ --color-success-fill-primary: hsl(92, 56%, 38%);
225
+ --color-success-fill-hover-primary: hsl(92, 56%, 38%);
226
+ --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
227
+ --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
228
+ --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
229
+ --color-success-fill-secondary: hsl(92, 68%, 48%);
230
+ --color-success-fill-tertiary: hsl(90, 53%, 93%);
231
+ --color-success-fill-quaternary: hsl(92, 90%, 37%);
232
+ --color-success-fill-focus: hsl(92, 75%, 22%);
233
+ --color-success-fill-active: hsl(92, 52%, 58%);
234
+ --color-success-fill-disabled: hsl(92, 43%, 80%);
235
+ --color-success-text-primary: hsl(0, 0%, 100%);
236
+ --color-success-text-secondary: hsl(92, 68%, 48%);
237
+ --color-success-text-tertiary: hsl(90, 53%, 93%);
238
+ --color-success-text-quaternary: hsl(92, 90%, 37%);
239
+ --color-success-text-hover: hsl(92, 56%, 38%);
240
+ --color-success-text-focus: hsl(92, 75%, 22%);
241
+ --color-success-text-active: hsl(92, 52%, 58%);
242
+ --color-success-text-disabled: hsl(92, 22%, 54%);
243
+ --color-success-item-primary: hsl(0, 0%, 100%);
244
+ --color-success-item-secondary: hsl(92, 68%, 48%);
245
+ --color-success-item-tertiary: hsl(90, 53%, 93%);
246
+ --color-success-item-quaternary: hsl(92, 90%, 37%);
247
+ --color-success-item-hover: hsl(92, 56%, 38%);
248
+ --color-success-item-focus: hsl(92, 75%, 22%);
249
+ --color-success-item-active: hsl(92, 52%, 58%);
250
+ --color-success-item-disabled: hsl(92, 22%, 54%);
251
+ --color-success-border-primary: hsl(0, 0%, 100%);
252
+ --color-success-border-secondary: hsl(92, 68%, 48%);
253
+ --color-success-border-tertiary: hsl(90, 53%, 93%);
254
+ --color-success-border-quaternary: hsl(92, 90%, 37%);
255
+ --color-success-border-hover: hsl(92, 56%, 38%);
256
+ --color-success-border-focus: hsl(92, 75%, 22%);
257
+ --color-success-border-active: hsl(92, 52%, 58%);
258
+ --color-success-border-disabled: hsl(92, 22%, 54%);
259
+ --color-info-fill-primary: hsl(226, 100%, 52%);
260
+ --color-info-fill-hover-primary: hsl(226, 100%, 52%);
261
+ --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
262
+ --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
263
+ --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
264
+ --color-info-fill-secondary: hsl(226, 100%, 75%);
265
+ --color-info-fill-tertiary: hsl(227, 100%, 96%);
266
+ --color-info-fill-quaternary: hsl(226, 49%, 22%);
267
+ --color-info-fill-focus: hsl(226, 49%, 45%);
268
+ --color-info-fill-active: hsl(226, 100%, 75%);
269
+ --color-info-fill-disabled: hsl(227, 36%, 85%);
2020
270
  --color-info-text-primary: hsl(0, 0%, 100%);
2021
- --color-info-text-secondary: hsl(211, 56%, 51%);
2022
- --color-info-text-tertiary: hsl(212, 89%, 93%);
2023
- --color-info-text-quaternary: hsl(211, 49%, 54%);
2024
- --color-info-text-hover: hsl(211, 56%, 51%);
2025
- --color-info-text-focus: hsl(212, 68%, 65%);
2026
- --color-info-text-active: hsl(212, 74%, 29%);
2027
- --color-info-text-disabled: hsl(212, 26%, 72%);
2028
- --color-info-item-primary: hsl(211, 80%, 50%);
2029
- --color-info-item-secondary: hsl(212, 35%, 43%);
2030
- --color-info-item-tertiary: hsl(212, 89%, 93%);
2031
- --color-info-item-quaternary: hsl(211, 49%, 54%);
2032
- --color-info-item-hover: hsl(211, 56%, 51%);
2033
- --color-info-item-focus: hsl(212, 68%, 65%);
2034
- --color-info-item-active: hsl(212, 74%, 29%);
2035
- --color-info-item-disabled: hsl(212, 26%, 72%);
2036
- --color-info-border-primary: hsl(211, 80%, 50%);
2037
- --color-info-border-secondary: hsl(212, 35%, 43%);
2038
- --color-info-border-tertiary: hsl(212, 89%, 93%);
2039
- --color-info-border-quaternary: hsl(211, 56%, 51%);
2040
- --color-info-border-hover: hsl(211, 56%, 51%);
2041
- --color-info-border-focus: hsl(212, 68%, 65%);
2042
- --color-info-border-active: hsl(212, 74%, 29%);
2043
- --color-info-border-disabled: hsl(212, 26%, 72%);
2044
- --color-danger-fill-primary: hsl(349, 62%, 48%);
2045
- --color-danger-fill-secondary: hsl(0, 0%, 11%);
2046
- --color-danger-fill-tertiary: hsl(349, 68%, 50%);
2047
- --color-danger-fill-quaternary: hsl(349, 95%, 64%);
2048
- --color-danger-fill-hover: hsl(349, 55%, 47%);
2049
- --color-danger-fill-active: hsl(349, 92%, 51%);
2050
- --color-danger-fill-focus: hsl(349, 94%, 32%);
2051
- --color-danger-fill-disabled: hsl(349, 74%, 26%);
2052
- --color-danger-text-primary: hsl(0, 0%, 11%);
2053
- --color-danger-text-secondary: hsl(349, 62%, 48%);
2054
- --color-danger-text-tertiary: hsl(349, 68%, 50%);
2055
- --color-danger-text-quaternary: hsl(349, 95%, 64%);
2056
- --color-danger-text-hover: hsl(349, 55%, 47%);
2057
- --color-danger-text-active: hsl(349, 92%, 51%);
2058
- --color-danger-text-focus: hsl(349, 94%, 32%);
2059
- --color-danger-text-disabled: hsl(349, 74%, 26%);
2060
- --color-danger-item-primary: hsl(0, 0%, 11%);
2061
- --color-danger-item-secondary: hsl(349, 62%, 48%);
2062
- --color-danger-item-tertiary: hsl(349, 68%, 50%);
2063
- --color-danger-item-quaternary: hsl(349, 95%, 64%);
2064
- --color-danger-item-hover: hsl(349, 55%, 47%);
2065
- --color-danger-item-active: hsl(349, 92%, 51%);
2066
- --color-danger-item-focus: hsl(349, 94%, 32%);
2067
- --color-danger-item-disabled: hsl(349, 74%, 26%);
2068
- --color-danger-border-primary: hsl(0, 0%, 11%);
2069
- --color-danger-border-secondary: hsl(349, 62%, 48%);
2070
- --color-danger-border-tertiary: hsl(349, 68%, 50%);
2071
- --color-danger-border-quaternary: hsl(349, 95%, 64%);
2072
- --color-danger-border-hover: hsl(349, 55%, 47%);
2073
- --color-danger-border-active: hsl(349, 92%, 51%);
2074
- --color-danger-border-focus: hsl(349, 94%, 32%);
2075
- --color-danger-border-disabled: hsl(349, 74%, 26%);
271
+ --color-info-text-secondary: hsl(226, 100%, 52%);
272
+ --color-info-text-tertiary: hsl(227, 100%, 96%);
273
+ --color-info-text-quaternary: hsl(226, 49%, 22%);
274
+ --color-info-text-hover: hsl(226, 100%, 67%);
275
+ --color-info-text-focus: hsl(226, 49%, 45%);
276
+ --color-info-text-active: hsl(226, 100%, 75%);
277
+ --color-info-text-disabled: hsl(227, 36%, 85%);
278
+ --color-info-item-primary: hsl(0, 0%, 100%);
279
+ --color-info-item-secondary: hsl(226, 100%, 52%);
280
+ --color-info-item-tertiary: hsl(227, 100%, 96%);
281
+ --color-info-item-quaternary: hsl(226, 49%, 22%);
282
+ --color-info-item-hover: hsl(226, 100%, 67%);
283
+ --color-info-item-focus: hsl(226, 49%, 45%);
284
+ --color-info-item-active: hsl(226, 100%, 75%);
285
+ --color-info-item-disabled: hsl(227, 36%, 85%);
286
+ --color-info-border-primary: hsl(0, 0%, 100%);
287
+ --color-info-border-secondary: hsl(226, 100%, 52%);
288
+ --color-info-border-tertiary: hsl(227, 100%, 96%);
289
+ --color-info-border-quaternary: hsl(226, 49%, 22%);
290
+ --color-info-border-hover: hsl(226, 100%, 67%);
291
+ --color-info-border-focus: hsl(226, 49%, 45%);
292
+ --color-info-border-active: hsl(226, 100%, 75%);
293
+ --color-info-border-disabled: hsl(227, 36%, 85%);
294
+ --color-danger-fill-primary: hsl(349, 68%, 50%);
295
+ --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
296
+ --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
297
+ --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
298
+ --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
299
+ --color-danger-fill-secondary: hsl(0, 0%, 100%);
300
+ --color-danger-fill-tertiary: hsl(349, 70%, 91%);
301
+ --color-danger-fill-quaternary: hsl(349, 74%, 47%);
302
+ --color-danger-fill-focus: hsl(349, 95%, 64%);
303
+ --color-danger-fill-active: hsl(349, 94%, 32%);
304
+ --color-danger-fill-disabled: hsl(349, 43%, 75%);
305
+ --color-danger-text-primary: hsl(0, 0%, 100%);
306
+ --color-danger-text-secondary: hsl(349, 68%, 50%);
307
+ --color-danger-text-tertiary: hsl(349, 70%, 91%);
308
+ --color-danger-text-quaternary: hsl(349, 74%, 47%);
309
+ --color-danger-text-hover: hsl(349, 92%, 51%);
310
+ --color-danger-text-focus: hsl(349, 95%, 64%);
311
+ --color-danger-text-active: hsl(349, 94%, 32%);
312
+ --color-danger-text-disabled: hsl(349, 43%, 75%);
313
+ --color-danger-item-primary: hsl(0, 0%, 100%);
314
+ --color-danger-item-secondary: hsl(349, 68%, 50%);
315
+ --color-danger-item-tertiary: hsl(349, 70%, 91%);
316
+ --color-danger-item-quaternary: hsl(349, 74%, 47%);
317
+ --color-danger-item-hover: hsl(349, 92%, 51%);
318
+ --color-danger-item-focus: hsl(349, 95%, 64%);
319
+ --color-danger-item-active: hsl(349, 94%, 32%);
320
+ --color-danger-item-disabled: hsl(349, 43%, 75%);
321
+ --color-danger-border-primary: hsl(0, 0%, 100%);
322
+ --color-danger-border-secondary: hsl(349, 68%, 50%);
323
+ --color-danger-border-tertiary: hsl(349, 70%, 91%);
324
+ --color-danger-border-quaternary: hsl(349, 74%, 47%);
325
+ --color-danger-border-hover: hsl(349, 92%, 51%);
326
+ --color-danger-border-focus: hsl(349, 95%, 64%);
327
+ --color-danger-border-active: hsl(349, 94%, 32%);
328
+ --color-danger-border-disabled: hsl(349, 43%, 75%);
329
+ --color-disabled-item-disabled: hsl(0, 0%, 47%);
2076
330
  }
2077
331
 
332
+ @media (prefers-color-scheme: dark) {
333
+
2078
334
  /**
2079
335
  * Do not edit directly, this file was auto-generated.
2080
336
  */
2081
337
 
2082
- :root:where(:not(.light-theme)) {
338
+ :root {
2083
339
  --color-accent-fill-primary: hsl(91, 35%, 59%);
2084
340
  --color-accent-fill-secondary: hsl(92, 18%, 72%);
2085
341
  --color-accent-fill-tertiary: hsl(94, 53%, 65%);
@@ -2263,442 +519,111 @@
2263
519
  --color-warning-border-active: hsl(35, 45%, 42%);
2264
520
  --color-warning-border-disabled: hsl(35, 78%, 14%);
2265
521
  --color-error-fill-primary: hsl(0, 100%, 44%);
2266
- --color-error-fill-secondary: hsl(0, 99%, 38%);
2267
- --color-error-fill-tertiary: hsl(0, 100%, 27%);
2268
- --color-error-fill-quaternary: hsl(0, 100%, 44%);
2269
- --color-error-fill-hover: hsl(0, 60%, 41%);
2270
- --color-error-fill-focus: hsl(0, 86%, 59%);
2271
- --color-error-fill-active: hsl(0, 100%, 29%);
2272
- --color-error-fill-disabled: hsl(0, 81%, 17%);
2273
- --color-error-text-primary: hsl(0, 100%, 90%);
2274
- --color-error-text-secondary: hsl(0, 100%, 22%);
2275
- --color-error-text-tertiary: hsl(0, 100%, 27%);
2276
- --color-error-text-quaternary: hsl(0, 100%, 44%);
2277
- --color-error-text-hover: hsl(0, 60%, 41%);
2278
- --color-error-text-focus: hsl(0, 86%, 59%);
2279
- --color-error-text-active: hsl(0, 100%, 29%);
2280
- --color-error-text-disabled: hsl(0, 81%, 17%);
2281
- --color-error-item-primary: hsl(0, 100%, 90%);
2282
- --color-error-item-secondary: hsl(0, 100%, 22%);
2283
- --color-error-item-tertiary: hsl(0, 100%, 27%);
2284
- --color-error-item-quaternary: hsl(0, 100%, 44%);
2285
- --color-error-item-hover: hsl(0, 60%, 41%);
2286
- --color-error-item-focus: hsl(0, 86%, 59%);
2287
- --color-error-item-active: hsl(0, 100%, 29%);
2288
- --color-error-item-disabled: hsl(0, 81%, 17%);
2289
- --color-error-border-primary: hsl(0, 100%, 22%);
2290
- --color-error-border-secondary: hsl(0, 100%, 44%);
2291
- --color-error-border-tertiary: hsl(0, 100%, 27%);
2292
- --color-error-border-quaternary: hsl(0, 100%, 44%);
2293
- --color-error-border-hover: hsl(0, 60%, 41%);
2294
- --color-error-border-focus: hsl(0, 86%, 59%);
2295
- --color-error-border-active: hsl(0, 100%, 29%);
2296
- --color-error-border-disabled: hsl(0, 81%, 17%);
2297
- --color-info-fill-primary: hsl(211, 56%, 51%);
2298
- --color-info-fill-secondary: hsl(212, 72%, 61%);
2299
- --color-info-fill-tertiary: hsl(212, 89%, 93%);
2300
- --color-info-fill-quaternary: hsl(211, 49%, 54%);
2301
- --color-info-fill-hover: hsl(212, 68%, 65%);
2302
- --color-info-fill-focus: hsl(212, 74%, 29%);
2303
- --color-info-fill-active: hsl(212, 35%, 43%);
2304
- --color-info-fill-disabled: hsl(211, 53%, 31%);
2305
- --color-info-text-primary: hsl(0, 0%, 100%);
2306
- --color-info-text-secondary: hsl(211, 56%, 51%);
2307
- --color-info-text-tertiary: hsl(212, 89%, 93%);
2308
- --color-info-text-quaternary: hsl(211, 49%, 54%);
2309
- --color-info-text-hover: hsl(211, 56%, 51%);
2310
- --color-info-text-focus: hsl(212, 68%, 65%);
2311
- --color-info-text-active: hsl(212, 74%, 29%);
2312
- --color-info-text-disabled: hsl(212, 26%, 72%);
2313
- --color-info-item-primary: hsl(211, 80%, 50%);
2314
- --color-info-item-secondary: hsl(212, 35%, 43%);
2315
- --color-info-item-tertiary: hsl(212, 89%, 93%);
2316
- --color-info-item-quaternary: hsl(211, 49%, 54%);
2317
- --color-info-item-hover: hsl(211, 56%, 51%);
2318
- --color-info-item-focus: hsl(212, 68%, 65%);
2319
- --color-info-item-active: hsl(212, 74%, 29%);
2320
- --color-info-item-disabled: hsl(212, 26%, 72%);
2321
- --color-info-border-primary: hsl(211, 80%, 50%);
2322
- --color-info-border-secondary: hsl(212, 35%, 43%);
2323
- --color-info-border-tertiary: hsl(212, 89%, 93%);
2324
- --color-info-border-quaternary: hsl(211, 56%, 51%);
2325
- --color-info-border-hover: hsl(211, 56%, 51%);
2326
- --color-info-border-focus: hsl(212, 68%, 65%);
2327
- --color-info-border-active: hsl(212, 74%, 29%);
2328
- --color-info-border-disabled: hsl(212, 26%, 72%);
2329
- --color-danger-fill-primary: hsl(349, 62%, 48%);
2330
- --color-danger-fill-secondary: hsl(0, 0%, 11%);
2331
- --color-danger-fill-tertiary: hsl(349, 68%, 50%);
2332
- --color-danger-fill-quaternary: hsl(349, 95%, 64%);
2333
- --color-danger-fill-hover: hsl(349, 55%, 47%);
2334
- --color-danger-fill-active: hsl(349, 92%, 51%);
2335
- --color-danger-fill-focus: hsl(349, 94%, 32%);
2336
- --color-danger-fill-disabled: hsl(349, 74%, 26%);
2337
- --color-danger-text-primary: hsl(0, 0%, 11%);
2338
- --color-danger-text-secondary: hsl(349, 62%, 48%);
2339
- --color-danger-text-tertiary: hsl(349, 68%, 50%);
2340
- --color-danger-text-quaternary: hsl(349, 95%, 64%);
2341
- --color-danger-text-hover: hsl(349, 55%, 47%);
2342
- --color-danger-text-active: hsl(349, 92%, 51%);
2343
- --color-danger-text-focus: hsl(349, 94%, 32%);
2344
- --color-danger-text-disabled: hsl(349, 74%, 26%);
2345
- --color-danger-item-primary: hsl(0, 0%, 11%);
2346
- --color-danger-item-secondary: hsl(349, 62%, 48%);
2347
- --color-danger-item-tertiary: hsl(349, 68%, 50%);
2348
- --color-danger-item-quaternary: hsl(349, 95%, 64%);
2349
- --color-danger-item-hover: hsl(349, 55%, 47%);
2350
- --color-danger-item-active: hsl(349, 92%, 51%);
2351
- --color-danger-item-focus: hsl(349, 94%, 32%);
2352
- --color-danger-item-disabled: hsl(349, 74%, 26%);
2353
- --color-danger-border-primary: hsl(0, 0%, 11%);
2354
- --color-danger-border-secondary: hsl(349, 62%, 48%);
2355
- --color-danger-border-tertiary: hsl(349, 68%, 50%);
2356
- --color-danger-border-quaternary: hsl(349, 95%, 64%);
2357
- --color-danger-border-hover: hsl(349, 55%, 47%);
2358
- --color-danger-border-active: hsl(349, 92%, 51%);
2359
- --color-danger-border-focus: hsl(349, 94%, 32%);
2360
- --color-danger-border-disabled: hsl(349, 74%, 26%);
2361
- }
2362
- }
2363
-
2364
- @media (prefers-color-scheme: light) {
2365
-
2366
- /**
2367
- * Do not edit directly, this file was auto-generated.
2368
- */
2369
-
2370
- :root:where(:not(.dark-theme)):where(.am) {
2371
- --color-accent-fill-primary: hsl(92, 49%, 47%);
2372
- --color-accent-fill-secondary: hsl(92, 28%, 62%);
2373
- --color-accent-fill-tertiary: hsl(93, 53%, 93%);
2374
- --color-accent-fill-quaternary: hsl(92, 71%, 27%);
2375
- --color-accent-fill-focus: hsl(92, 59%, 64%);
2376
- --color-accent-fill-hover-primary: hsl(91, 33%, 40%);
2377
- --color-accent-fill-hover-secondary: hsl(92, 28%, 62%);
2378
- --color-accent-fill-hover-tertiary: hsl(93, 53%, 93%);
2379
- --color-accent-fill-hover-quaternary: hsl(92, 71%, 27%);
2380
- --color-accent-fill-active-primary: hsl(92, 52%, 70%);
2381
- --color-accent-fill-active-secondary: hsl(92, 52%, 70%);
2382
- --color-accent-fill-active-tertiary: hsl(92, 52%, 70%);
2383
- --color-accent-fill-active-quaternary: hsl(92, 52%, 70%);
2384
- --color-accent-fill-disabled: hsl(93, 45%, 80%);
2385
- --color-accent-text-primary: hsl(0, 0%, 100%);
2386
- --color-accent-text-secondary: hsl(92, 49%, 47%);
2387
- --color-accent-text-tertiary: hsl(94, 53%, 68%);
2388
- --color-accent-text-quaternary: hsl(92, 37%, 35%);
2389
- --color-accent-text-hover: hsl(91, 33%, 40%);
2390
- --color-accent-text-focus: hsl(92, 59%, 64%);
2391
- --color-accent-text-active: hsl(92, 52%, 70%);
2392
- --color-accent-text-disabled: hsl(93, 45%, 80%);
2393
- --color-accent-item-primary: hsl(0, 0%, 100%);
2394
- --color-accent-item-secondary: hsl(92, 49%, 47%);
2395
- --color-accent-item-tertiary: hsl(94, 53%, 68%);
2396
- --color-accent-item-quaternary: hsl(92, 37%, 35%);
2397
- --color-accent-item-hover: hsl(91, 33%, 40%);
2398
- --color-accent-item-focus: hsl(92, 59%, 64%);
2399
- --color-accent-item-active: hsl(92, 52%, 70%);
2400
- --color-accent-item-disabled: hsl(93, 45%, 80%);
2401
- --color-accent-border-primary: hsl(0, 0%, 100%);
2402
- --color-accent-border-secondary: hsl(92, 49%, 47%);
2403
- --color-accent-border-tertiary: hsl(94, 53%, 68%);
2404
- --color-accent-border-quaternary: hsl(92, 37%, 35%);
2405
- --color-accent-border-hover: hsl(91, 33%, 40%);
2406
- --color-accent-border-focus: hsl(92, 59%, 64%);
2407
- --color-accent-border-active: hsl(92, 52%, 70%);
2408
- --color-accent-border-disabled: hsl(93, 45%, 80%);
2409
- --color-special-fill-primary: hsl(36, 95%, 45%);
2410
- --color-special-fill-secondary: hsl(36, 89%, 42%);
2411
- --color-special-fill-tertiary: hsl(36, 100%, 90%);
2412
- --color-special-fill-quaternary: hsl(36, 95%, 36%);
2413
- --color-special-fill-focus: hsl(36, 95%, 45%);
2414
- --color-special-fill-active: hsl(36, 95%, 45%);
2415
- --color-special-fill-disabled: hsl(36, 100%, 90%);
2416
- --color-special-fill-hover-primary: hsl(36, 95%, 45%);
2417
- --color-special-fill-hover-secondary: hsl(36, 89%, 42%);
2418
- --color-special-fill-hover-tertiary: hsl(36, 100%, 90%);
2419
- --color-special-fill-hover-quaternary: hsl(36, 95%, 36%);
2420
- --color-special-text-primary: hsl(0, 0%, 100%);
2421
- --color-special-text-secondary: hsl(36, 95%, 45%);
2422
- --color-special-text-tertiary: hsl(36, 100%, 86%);
2423
- --color-special-text-quaternary: hsl(36, 95%, 36%);
2424
- --color-special-text-hover: hsl(36, 95%, 45%);
2425
- --color-special-text-focus: hsl(36, 95%, 45%);
2426
- --color-special-text-active: hsl(36, 95%, 45%);
2427
- --color-special-text-disabled: hsl(36, 45%, 57%);
2428
- --color-special-item-primary: hsl(0, 0%, 100%);
2429
- --color-special-item-secondary: hsl(36, 95%, 45%);
2430
- --color-special-item-tertiary: hsl(36, 100%, 86%);
2431
- --color-special-item-quaternary: hsl(36, 95%, 36%);
2432
- --color-special-item-hover: hsl(36, 95%, 45%);
2433
- --color-special-item-focus: hsl(36, 95%, 45%);
2434
- --color-special-item-active: hsl(36, 95%, 45%);
2435
- --color-special-item-disabled: hsl(36, 45%, 57%);
2436
- --color-special-border-primary: hsl(0, 0%, 100%);
2437
- --color-special-border-secondary: hsl(36, 95%, 45%);
2438
- --color-special-border-tertiary: hsl(36, 100%, 86%);
2439
- --color-special-border-quaternary: hsl(36, 95%, 36%);
2440
- --color-special-border-hover: hsl(36, 95%, 45%);
2441
- --color-special-border-focus: hsl(36, 95%, 45%);
2442
- --color-special-border-active: hsl(36, 95%, 45%);
2443
- --color-special-border-disabled: hsl(36, 45%, 57%);
2444
- --color-extra-fill-primary: hsl(349, 96%, 44%);
2445
- --color-extra-fill-secondary: hsl(349, 70%, 74%);
2446
- --color-extra-fill-tertiary: hsl(348, 58%, 90%);
2447
- --color-extra-fill-quaternary: hsl(349, 87%, 28%);
2448
- --color-extra-fill-focus: hsl(349, 84%, 59%);
2449
- --color-extra-fill-active: hsl(350, 58%, 41%);
2450
- --color-extra-fill-disabled: hsl(348, 20%, 64%);
2451
- --color-extra-fill-hover-primary: hsl(349, 96%, 44%);
2452
- --color-extra-fill-hover-secondary: hsl(349, 70%, 74%);
2453
- --color-extra-fill-hover-tertiary: hsl(348, 58%, 90%);
2454
- --color-extra-fill-hover-quaternary: hsl(349, 87%, 28%);
2455
- --color-extra-text-primary: hsl(0, 0%, 100%);
2456
- --color-extra-text-secondary: hsl(349, 96%, 44%);
2457
- --color-extra-text-tertiary: hsl(348, 58%, 90%);
2458
- --color-extra-text-quaternary: hsl(349, 87%, 28%);
2459
- --color-extra-text-hover: hsl(349, 96%, 44%);
2460
- --color-extra-text-focus: hsl(349, 84%, 59%);
2461
- --color-extra-text-active: hsl(350, 58%, 41%);
2462
- --color-extra-text-disabled: hsl(348, 20%, 64%);
2463
- --color-extra-item-primary: hsl(0, 0%, 100%);
2464
- --color-extra-item-secondary: hsl(349, 96%, 44%);
2465
- --color-extra-item-tertiary: hsl(348, 58%, 90%);
2466
- --color-extra-item-quaternary: hsl(349, 87%, 28%);
2467
- --color-extra-item-hover: hsl(349, 96%, 44%);
2468
- --color-extra-item-focus: hsl(349, 84%, 59%);
2469
- --color-extra-item-active: hsl(350, 58%, 41%);
2470
- --color-extra-item-disabled: hsl(348, 20%, 64%);
2471
- --color-extra-border-primary: hsl(0, 0%, 100%);
2472
- --color-extra-border-secondary: hsl(349, 96%, 44%);
2473
- --color-extra-border-tertiary: hsl(348, 58%, 90%);
2474
- --color-extra-border-quaternary: hsl(349, 87%, 28%);
2475
- --color-extra-border-hover: hsl(349, 96%, 44%);
2476
- --color-extra-border-focus: hsl(349, 84%, 59%);
2477
- --color-extra-border-active: hsl(350, 58%, 41%);
2478
- --color-extra-border-disabled: hsl(348, 20%, 64%);
2479
- --color-surface-fill-primary: hsl(0, 0%, 100%);
2480
- --color-surface-fill-secondary: hsl(220, 14%, 96%);
2481
- --color-surface-fill-tertiary: hsl(0, 0%, 85%);
2482
- --color-surface-fill-quaternary: hsl(0, 0%, 45%);
2483
- --color-surface-fill-quaternary-50: hsl(0, 0%, 45%);
2484
- --color-surface-fill-inverse: hsl(0, 0%, 0%);
2485
- --color-surface-fill-focus: hsl(0, 0%, 59%);
2486
- --color-surface-fill-active: hsl(92, 49%, 47%);
2487
- --color-surface-fill-disabled: hsl(0, 0%, 93%);
2488
- --color-surface-fill-hover-primary: hsl(0, 0%, 79%);
2489
- --color-surface-fill-hover-secondary: hsl(220, 14%, 96%);
2490
- --color-surface-fill-hover-tertiary: hsl(0, 0%, 85%);
2491
- --color-surface-fill-hover-quaternary: hsl(0, 0%, 45%);
2492
- --color-surface-text-primary: hsl(0, 0%, 0%);
2493
- --color-surface-text-secondary: hsl(0, 0%, 93%);
2494
- --color-surface-text-tertiary: hsl(0, 0%, 85%);
2495
- --color-surface-text-quaternary: hsl(0, 0%, 45%);
2496
- --color-surface-text-inverse: hsl(0, 0%, 100%);
2497
- --color-surface-text-hover: hsl(0, 0%, 79%);
2498
- --color-surface-text-focus: hsl(0, 0%, 59%);
2499
- --color-surface-text-active: hsl(92, 49%, 47%);
2500
- --color-surface-text-disabled: hsl(0, 0%, 47%);
2501
- --color-surface-item-primary: hsl(0, 0%, 0%);
2502
- --color-surface-item-secondary: hsl(0, 0%, 93%);
2503
- --color-surface-item-tertiary: hsl(0, 0%, 85%);
2504
- --color-surface-item-quaternary: hsl(0, 0%, 45%);
2505
- --color-surface-item-inverse: hsl(0, 0%, 100%);
2506
- --color-surface-item-hover: hsl(0, 0%, 79%);
2507
- --color-surface-item-focus: hsl(0, 0%, 59%);
2508
- --color-surface-item-active: hsl(92, 49%, 47%);
2509
- --color-surface-item-disabled: hsl(0, 0%, 47%);
2510
- --color-surface-border-primary: hsl(0, 0%, 0%);
2511
- --color-surface-border-secondary: hsl(0, 0%, 93%);
2512
- --color-surface-border-tertiary: hsl(0, 0%, 85%);
2513
- --color-surface-border-quaternary: hsl(0, 0%, 45%);
2514
- --color-surface-border-inverse: hsl(0, 0%, 100%);
2515
- --color-surface-border-hover: hsl(0, 0%, 79%);
2516
- --color-surface-border-focus: hsl(0, 0%, 59%);
2517
- --color-surface-border-active: hsl(92, 49%, 47%);
2518
- --color-surface-border-disabled: hsl(0, 0%, 47%);
2519
- --color-error-fill-primary: hsl(0, 100%, 44%);
2520
- --color-error-fill-secondary: hsl(0, 100%, 73%);
2521
- --color-error-fill-tertiary: hsl(0, 100%, 92%);
522
+ --color-error-fill-secondary: hsl(0, 99%, 38%);
523
+ --color-error-fill-tertiary: hsl(0, 100%, 27%);
2522
524
  --color-error-fill-quaternary: hsl(0, 100%, 44%);
2523
- --color-error-fill-focus: hsl(0, 100%, 29%);
2524
- --color-error-fill-active: hsl(0, 86%, 59%);
2525
- --color-error-fill-disabled: hsl(0, 100%, 92%);
2526
- --color-error-fill-hover-primary: hsl(0, 60%, 41%);
2527
- --color-error-fill-hover-secondary: hsl(0, 100%, 73%);
2528
- --color-error-fill-hover-tertiary: hsl(0, 100%, 92%);
2529
- --color-error-fill-hover-quaternary: hsl(0, 100%, 44%);
2530
- --color-error-text-primary: hsl(0, 0%, 100%);
2531
- --color-error-text-secondary: hsl(0, 100%, 73%);
2532
- --color-error-text-tertiary: hsl(0, 100%, 92%);
525
+ --color-error-fill-hover: hsl(0, 60%, 41%);
526
+ --color-error-fill-focus: hsl(0, 86%, 59%);
527
+ --color-error-fill-active: hsl(0, 100%, 29%);
528
+ --color-error-fill-disabled: hsl(0, 81%, 17%);
529
+ --color-error-text-primary: hsl(0, 100%, 90%);
530
+ --color-error-text-secondary: hsl(0, 100%, 22%);
531
+ --color-error-text-tertiary: hsl(0, 100%, 27%);
2533
532
  --color-error-text-quaternary: hsl(0, 100%, 44%);
2534
533
  --color-error-text-hover: hsl(0, 60%, 41%);
2535
- --color-error-text-focus: hsl(0, 100%, 29%);
2536
- --color-error-text-active: hsl(0, 86%, 59%);
2537
- --color-error-text-disabled: hsl(0, 31%, 65%);
2538
- --color-error-item-primary: hsl(0, 0%, 100%);
2539
- --color-error-item-secondary: hsl(0, 100%, 73%);
2540
- --color-error-item-tertiary: hsl(0, 100%, 92%);
534
+ --color-error-text-focus: hsl(0, 86%, 59%);
535
+ --color-error-text-active: hsl(0, 100%, 29%);
536
+ --color-error-text-disabled: hsl(0, 81%, 17%);
537
+ --color-error-item-primary: hsl(0, 100%, 90%);
538
+ --color-error-item-secondary: hsl(0, 100%, 22%);
539
+ --color-error-item-tertiary: hsl(0, 100%, 27%);
2541
540
  --color-error-item-quaternary: hsl(0, 100%, 44%);
2542
541
  --color-error-item-hover: hsl(0, 60%, 41%);
2543
- --color-error-item-focus: hsl(0, 100%, 29%);
2544
- --color-error-item-active: hsl(0, 86%, 59%);
2545
- --color-error-item-disabled: hsl(0, 31%, 65%);
2546
- --color-error-border-primary: hsl(0, 0%, 100%);
2547
- --color-error-border-secondary: hsl(0, 100%, 73%);
2548
- --color-error-border-tertiary: hsl(0, 100%, 92%);
542
+ --color-error-item-focus: hsl(0, 86%, 59%);
543
+ --color-error-item-active: hsl(0, 100%, 29%);
544
+ --color-error-item-disabled: hsl(0, 81%, 17%);
545
+ --color-error-border-primary: hsl(0, 100%, 22%);
546
+ --color-error-border-secondary: hsl(0, 100%, 44%);
547
+ --color-error-border-tertiary: hsl(0, 100%, 27%);
2549
548
  --color-error-border-quaternary: hsl(0, 100%, 44%);
2550
549
  --color-error-border-hover: hsl(0, 60%, 41%);
2551
- --color-error-border-focus: hsl(0, 100%, 29%);
2552
- --color-error-border-active: hsl(0, 100%, 44%);
2553
- --color-error-border-disabled: hsl(0, 31%, 65%);
2554
- --color-warning-fill-primary: hsl(36, 95%, 45%);
2555
- --color-warning-fill-secondary: hsl(36, 76%, 71%);
2556
- --color-warning-fill-tertiary: hsl(36, 100%, 93%);
2557
- --color-warning-fill-quaternary: hsl(36, 66%, 40%);
2558
- --color-warning-fill-focus: hsl(36, 95%, 45%);
2559
- --color-warning-fill-active: hsl(36, 97%, 29%);
2560
- --color-warning-fill-disabled: hsl(36, 83%, 86%);
2561
- --color-warning-fill-hover-primary: hsl(36, 85%, 59%);
2562
- --color-warning-fill-hover-secondary: hsl(36, 76%, 71%);
2563
- --color-warning-fill-hover-tertiary: hsl(36, 100%, 93%);
2564
- --color-warning-fill-hover-quaternary: hsl(36, 66%, 40%);
2565
- --color-warning-text-primary: hsl(0, 0%, 100%);
2566
- --color-warning-text-secondary: hsl(36, 95%, 45%);
2567
- --color-warning-text-tertiary: hsl(36, 100%, 93%);
2568
- --color-warning-text-quaternary: hsl(36, 100%, 29%);
2569
- --color-warning-text-focus: hsl(36, 95%, 45%);
2570
- --color-warning-text-hover: hsl(36, 85%, 59%);
2571
- --color-warning-text-active: hsl(36, 97%, 29%);
2572
- --color-warning-text-disabled: hsl(36, 31%, 57%);
2573
- --color-warning-item-primary: hsl(0, 0%, 100%);
2574
- --color-warning-item-secondary: hsl(36, 95%, 45%);
2575
- --color-warning-item-tertiary: hsl(36, 100%, 93%);
2576
- --color-warning-item-quaternary: hsl(36, 100%, 29%);
2577
- --color-warning-item-focus: hsl(36, 95%, 45%);
2578
- --color-warning-item-hover: hsl(36, 85%, 59%);
2579
- --color-warning-item-active: hsl(36, 97%, 29%);
2580
- --color-warning-item-disabled: hsl(36, 31%, 57%);
2581
- --color-warning-border-primary: hsl(0, 0%, 100%);
2582
- --color-warning-border-secondary: hsl(36, 95%, 45%);
2583
- --color-warning-border-tertiary: hsl(36, 100%, 93%);
2584
- --color-warning-border-quaternary: hsl(36, 100%, 29%);
2585
- --color-warning-border-focus: hsl(36, 95%, 45%);
2586
- --color-warning-border-hover: hsl(36, 85%, 59%);
2587
- --color-warning-border-active: hsl(36, 97%, 29%);
2588
- --color-warning-border-disabled: hsl(36, 31%, 57%);
2589
- --color-success-fill-primary: hsl(92, 56%, 38%);
2590
- --color-success-fill-hover-primary: hsl(92, 56%, 38%);
2591
- --color-success-fill-hover-secondary: hsl(92, 68%, 48%);
2592
- --color-success-fill-hover-tertiary: hsl(90, 53%, 93%);
2593
- --color-success-fill-hover-quaternary: hsl(92, 90%, 37%);
2594
- --color-success-fill-secondary: hsl(92, 68%, 48%);
2595
- --color-success-fill-tertiary: hsl(90, 53%, 93%);
2596
- --color-success-fill-quaternary: hsl(92, 90%, 37%);
2597
- --color-success-fill-focus: hsl(92, 75%, 22%);
2598
- --color-success-fill-active: hsl(92, 52%, 58%);
2599
- --color-success-fill-disabled: hsl(92, 43%, 80%);
2600
- --color-success-text-primary: hsl(0, 0%, 100%);
2601
- --color-success-text-secondary: hsl(92, 68%, 48%);
2602
- --color-success-text-tertiary: hsl(90, 53%, 93%);
2603
- --color-success-text-quaternary: hsl(92, 90%, 37%);
2604
- --color-success-text-hover: hsl(92, 56%, 38%);
2605
- --color-success-text-focus: hsl(92, 75%, 22%);
2606
- --color-success-text-active: hsl(92, 52%, 58%);
2607
- --color-success-text-disabled: hsl(92, 22%, 54%);
2608
- --color-success-item-primary: hsl(0, 0%, 100%);
2609
- --color-success-item-secondary: hsl(92, 68%, 48%);
2610
- --color-success-item-tertiary: hsl(90, 53%, 93%);
2611
- --color-success-item-quaternary: hsl(92, 90%, 37%);
2612
- --color-success-item-hover: hsl(92, 56%, 38%);
2613
- --color-success-item-focus: hsl(92, 75%, 22%);
2614
- --color-success-item-active: hsl(92, 52%, 58%);
2615
- --color-success-item-disabled: hsl(92, 22%, 54%);
2616
- --color-success-border-primary: hsl(0, 0%, 100%);
2617
- --color-success-border-secondary: hsl(92, 68%, 48%);
2618
- --color-success-border-tertiary: hsl(90, 53%, 93%);
2619
- --color-success-border-quaternary: hsl(92, 90%, 37%);
2620
- --color-success-border-hover: hsl(92, 56%, 38%);
2621
- --color-success-border-focus: hsl(92, 75%, 22%);
2622
- --color-success-border-active: hsl(92, 52%, 58%);
2623
- --color-success-border-disabled: hsl(92, 22%, 54%);
2624
- --color-info-fill-primary: hsl(226, 100%, 52%);
2625
- --color-info-fill-hover-primary: hsl(226, 100%, 52%);
2626
- --color-info-fill-hover-secondary: hsl(226, 100%, 75%);
2627
- --color-info-fill-hover-tertiary: hsl(227, 100%, 96%);
2628
- --color-info-fill-hover-quaternary: hsl(226, 49%, 22%);
2629
- --color-info-fill-secondary: hsl(226, 100%, 75%);
2630
- --color-info-fill-tertiary: hsl(227, 100%, 96%);
2631
- --color-info-fill-quaternary: hsl(226, 49%, 22%);
2632
- --color-info-fill-focus: hsl(226, 49%, 45%);
2633
- --color-info-fill-active: hsl(226, 100%, 75%);
2634
- --color-info-fill-disabled: hsl(227, 36%, 85%);
550
+ --color-error-border-focus: hsl(0, 86%, 59%);
551
+ --color-error-border-active: hsl(0, 100%, 29%);
552
+ --color-error-border-disabled: hsl(0, 81%, 17%);
553
+ --color-info-fill-primary: hsl(211, 56%, 51%);
554
+ --color-info-fill-secondary: hsl(212, 72%, 61%);
555
+ --color-info-fill-tertiary: hsl(212, 89%, 93%);
556
+ --color-info-fill-quaternary: hsl(211, 49%, 54%);
557
+ --color-info-fill-hover: hsl(212, 68%, 65%);
558
+ --color-info-fill-focus: hsl(212, 74%, 29%);
559
+ --color-info-fill-active: hsl(212, 35%, 43%);
560
+ --color-info-fill-disabled: hsl(211, 53%, 31%);
2635
561
  --color-info-text-primary: hsl(0, 0%, 100%);
2636
- --color-info-text-secondary: hsl(226, 100%, 52%);
2637
- --color-info-text-tertiary: hsl(227, 100%, 96%);
2638
- --color-info-text-quaternary: hsl(226, 49%, 22%);
2639
- --color-info-text-hover: hsl(226, 100%, 67%);
2640
- --color-info-text-focus: hsl(226, 49%, 45%);
2641
- --color-info-text-active: hsl(226, 100%, 75%);
2642
- --color-info-text-disabled: hsl(227, 36%, 85%);
2643
- --color-info-item-primary: hsl(0, 0%, 100%);
2644
- --color-info-item-secondary: hsl(226, 100%, 52%);
2645
- --color-info-item-tertiary: hsl(227, 100%, 96%);
2646
- --color-info-item-quaternary: hsl(226, 49%, 22%);
2647
- --color-info-item-hover: hsl(226, 100%, 67%);
2648
- --color-info-item-focus: hsl(226, 49%, 45%);
2649
- --color-info-item-active: hsl(226, 100%, 75%);
2650
- --color-info-item-disabled: hsl(227, 36%, 85%);
2651
- --color-info-border-primary: hsl(0, 0%, 100%);
2652
- --color-info-border-secondary: hsl(226, 100%, 52%);
2653
- --color-info-border-tertiary: hsl(227, 100%, 96%);
2654
- --color-info-border-quaternary: hsl(226, 49%, 22%);
2655
- --color-info-border-hover: hsl(226, 100%, 67%);
2656
- --color-info-border-focus: hsl(226, 49%, 45%);
2657
- --color-info-border-active: hsl(226, 100%, 75%);
2658
- --color-info-border-disabled: hsl(227, 36%, 85%);
2659
- --color-danger-fill-primary: hsl(349, 68%, 50%);
2660
- --color-danger-fill-hover-primary: hsl(349, 92%, 51%);
2661
- --color-danger-fill-hover-secondary: hsl(0, 0%, 100%);
2662
- --color-danger-fill-hover-tertiary: hsl(349, 70%, 91%);
2663
- --color-danger-fill-hover-quaternary: hsl(349, 74%, 47%);
2664
- --color-danger-fill-secondary: hsl(0, 0%, 100%);
2665
- --color-danger-fill-tertiary: hsl(349, 70%, 91%);
2666
- --color-danger-fill-quaternary: hsl(349, 74%, 47%);
2667
- --color-danger-fill-focus: hsl(349, 95%, 64%);
2668
- --color-danger-fill-active: hsl(349, 94%, 32%);
2669
- --color-danger-fill-disabled: hsl(349, 43%, 75%);
2670
- --color-danger-text-primary: hsl(0, 0%, 100%);
2671
- --color-danger-text-secondary: hsl(349, 68%, 50%);
2672
- --color-danger-text-tertiary: hsl(349, 70%, 91%);
2673
- --color-danger-text-quaternary: hsl(349, 74%, 47%);
2674
- --color-danger-text-hover: hsl(349, 92%, 51%);
2675
- --color-danger-text-focus: hsl(349, 95%, 64%);
2676
- --color-danger-text-active: hsl(349, 94%, 32%);
2677
- --color-danger-text-disabled: hsl(349, 43%, 75%);
2678
- --color-danger-item-primary: hsl(0, 0%, 100%);
2679
- --color-danger-item-secondary: hsl(349, 68%, 50%);
2680
- --color-danger-item-tertiary: hsl(349, 70%, 91%);
2681
- --color-danger-item-quaternary: hsl(349, 74%, 47%);
2682
- --color-danger-item-hover: hsl(349, 92%, 51%);
2683
- --color-danger-item-focus: hsl(349, 95%, 64%);
2684
- --color-danger-item-active: hsl(349, 94%, 32%);
2685
- --color-danger-item-disabled: hsl(349, 43%, 75%);
2686
- --color-danger-border-primary: hsl(0, 0%, 100%);
2687
- --color-danger-border-secondary: hsl(349, 68%, 50%);
2688
- --color-danger-border-tertiary: hsl(349, 70%, 91%);
2689
- --color-danger-border-quaternary: hsl(349, 74%, 47%);
2690
- --color-danger-border-hover: hsl(349, 92%, 51%);
2691
- --color-danger-border-focus: hsl(349, 95%, 64%);
2692
- --color-danger-border-active: hsl(349, 94%, 32%);
2693
- --color-danger-border-disabled: hsl(349, 43%, 75%);
2694
- --color-disabled-item-disabled: hsl(0, 0%, 47%);
562
+ --color-info-text-secondary: hsl(211, 56%, 51%);
563
+ --color-info-text-tertiary: hsl(212, 89%, 93%);
564
+ --color-info-text-quaternary: hsl(211, 49%, 54%);
565
+ --color-info-text-hover: hsl(211, 56%, 51%);
566
+ --color-info-text-focus: hsl(212, 68%, 65%);
567
+ --color-info-text-active: hsl(212, 74%, 29%);
568
+ --color-info-text-disabled: hsl(212, 26%, 72%);
569
+ --color-info-item-primary: hsl(211, 80%, 50%);
570
+ --color-info-item-secondary: hsl(212, 35%, 43%);
571
+ --color-info-item-tertiary: hsl(212, 89%, 93%);
572
+ --color-info-item-quaternary: hsl(211, 49%, 54%);
573
+ --color-info-item-hover: hsl(211, 56%, 51%);
574
+ --color-info-item-focus: hsl(212, 68%, 65%);
575
+ --color-info-item-active: hsl(212, 74%, 29%);
576
+ --color-info-item-disabled: hsl(212, 26%, 72%);
577
+ --color-info-border-primary: hsl(211, 80%, 50%);
578
+ --color-info-border-secondary: hsl(212, 35%, 43%);
579
+ --color-info-border-tertiary: hsl(212, 89%, 93%);
580
+ --color-info-border-quaternary: hsl(211, 56%, 51%);
581
+ --color-info-border-hover: hsl(211, 56%, 51%);
582
+ --color-info-border-focus: hsl(212, 68%, 65%);
583
+ --color-info-border-active: hsl(212, 74%, 29%);
584
+ --color-info-border-disabled: hsl(212, 26%, 72%);
585
+ --color-danger-fill-primary: hsl(349, 62%, 48%);
586
+ --color-danger-fill-secondary: hsl(0, 0%, 11%);
587
+ --color-danger-fill-tertiary: hsl(349, 68%, 50%);
588
+ --color-danger-fill-quaternary: hsl(349, 95%, 64%);
589
+ --color-danger-fill-hover: hsl(349, 55%, 47%);
590
+ --color-danger-fill-active: hsl(349, 92%, 51%);
591
+ --color-danger-fill-focus: hsl(349, 94%, 32%);
592
+ --color-danger-fill-disabled: hsl(349, 74%, 26%);
593
+ --color-danger-text-primary: hsl(0, 0%, 11%);
594
+ --color-danger-text-secondary: hsl(349, 62%, 48%);
595
+ --color-danger-text-tertiary: hsl(349, 68%, 50%);
596
+ --color-danger-text-quaternary: hsl(349, 95%, 64%);
597
+ --color-danger-text-hover: hsl(349, 55%, 47%);
598
+ --color-danger-text-active: hsl(349, 92%, 51%);
599
+ --color-danger-text-focus: hsl(349, 94%, 32%);
600
+ --color-danger-text-disabled: hsl(349, 74%, 26%);
601
+ --color-danger-item-primary: hsl(0, 0%, 11%);
602
+ --color-danger-item-secondary: hsl(349, 62%, 48%);
603
+ --color-danger-item-tertiary: hsl(349, 68%, 50%);
604
+ --color-danger-item-quaternary: hsl(349, 95%, 64%);
605
+ --color-danger-item-hover: hsl(349, 55%, 47%);
606
+ --color-danger-item-active: hsl(349, 92%, 51%);
607
+ --color-danger-item-focus: hsl(349, 94%, 32%);
608
+ --color-danger-item-disabled: hsl(349, 74%, 26%);
609
+ --color-danger-border-primary: hsl(0, 0%, 11%);
610
+ --color-danger-border-secondary: hsl(349, 62%, 48%);
611
+ --color-danger-border-tertiary: hsl(349, 68%, 50%);
612
+ --color-danger-border-quaternary: hsl(349, 95%, 64%);
613
+ --color-danger-border-hover: hsl(349, 55%, 47%);
614
+ --color-danger-border-active: hsl(349, 92%, 51%);
615
+ --color-danger-border-focus: hsl(349, 94%, 32%);
616
+ --color-danger-border-disabled: hsl(349, 74%, 26%);
2695
617
  }
618
+ }
619
+
620
+ @media (prefers-color-scheme: light) {
2696
621
 
2697
622
  /**
2698
623
  * Do not edit directly, this file was auto-generated.
2699
624
  */
2700
625
 
2701
- :root:where(:not(.dark-theme)) {
626
+ :root {
2702
627
  --color-accent-fill-primary: hsl(92, 49%, 47%);
2703
628
  --color-accent-fill-secondary: hsl(92, 28%, 62%);
2704
629
  --color-accent-fill-tertiary: hsl(93, 53%, 93%);