@maggioli-design-system/styles 10.0.0 → 10.0.1

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 (20) hide show
  1. package/dist/css/base.css +95 -0
  2. package/dist/css/colors-hex-brand-synbee.css +208 -0
  3. package/dist/css/colors-hex-brand.css +49 -0
  4. package/dist/css/colors-hex-label.css +346 -0
  5. package/dist/css/colors-hex-status.css +148 -0
  6. package/dist/css/colors-hex-tones.css +181 -0
  7. package/dist/css/colors-hex.css +868 -0
  8. package/dist/css/colors-rgb-brand-synbee.css +208 -0
  9. package/dist/css/colors-rgb-brand.css +49 -0
  10. package/dist/css/colors-rgb-label.css +346 -0
  11. package/dist/css/colors-rgb-status.css +148 -0
  12. package/dist/css/colors-rgb-tones.css +181 -0
  13. package/dist/css/colors-rgb.css +868 -0
  14. package/dist/css/globals.css +19 -0
  15. package/dist/css/reset.css +470 -0
  16. package/dist/css/typography.css +150 -0
  17. package/dist/tailwind/base.css +96 -0
  18. package/dist/tailwind/components.css +18 -0
  19. package/dist/tailwind/typography.css +153 -0
  20. package/package.json +1 -1
package/dist/css/base.css ADDED
@@ -0,0 +1,95 @@
1
+ @tailwind components;
2
+ html {
3
+ scroll-behavior: smooth;
4
+ }
5
+ body,
6
+ html{
7
+ margin: 0px;
8
+ }
9
+ body{
10
+ font-size: 1rem;
11
+ line-height: 1.5rem;
12
+ font-family: Karla, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
13
+ --tw-text-opacity: 1;
14
+ color: rgba(var(--tone-neutral-02), var(--tw-text-opacity));
15
+
16
+ -moz-osx-font-smoothing: grayscale;
17
+ -webkit-font-smoothing: antialiased;
18
+ -webkit-tap-highlight-color: transparent;
19
+ text-rendering: optimizelegibility;
20
+ -webkit-text-size-adjust: 100%;
21
+ text-size-adjust: 100%;
22
+ }
23
+ ::-moz-selection {
24
+ background-color: var(--selection-background, rgb(var(--label-sky-09)));
25
+ color: var(--selection-color, rgb(var(--label-sky-01)));
26
+ }
27
+ ::selection {
28
+ background-color: var(--selection-background, rgb(var(--label-sky-09)));
29
+ color: var(--selection-color, rgb(var(--label-sky-01)));
30
+ }
31
+ button,
32
+ optgroup,
33
+ select{
34
+ font-family: Roboto, -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', 'Helvetica Neue', sans-serif;
35
+ font-weight: 500;
36
+ line-height: 1.625;
37
+ -webkit-font-smoothing: antialiased;
38
+ -moz-osx-font-smoothing: grayscale;
39
+ }
40
+ input,
41
+ textarea{
42
+ -webkit-appearance: none;
43
+ -moz-appearance: none;
44
+ appearance: none;
45
+
46
+ font-family: inherit;
47
+ }
48
+ b,
49
+ strong{
50
+ font-weight: 600;
51
+ letter-spacing: -0.025em;
52
+ }
53
+ a{
54
+ --tw-text-opacity: 1;
55
+ color: rgba(var(--brand-maggioli-03), var(--tw-text-opacity));
56
+
57
+ font-family: inherit;
58
+ font-size: inherit;
59
+ font-weight: inherit;
60
+ }
61
+ a,
62
+ aside,
63
+ body,
64
+ code,
65
+ div,
66
+ datalist,
67
+ footer,
68
+ form,
69
+ h1,
70
+ h2,
71
+ h3,
72
+ h4,
73
+ h5,
74
+ h6,
75
+ header,
76
+ hr,
77
+ html,
78
+ input,
79
+ li,
80
+ main,
81
+ section,
82
+ span,
83
+ ul,
84
+ textarea{
85
+ box-sizing: border-box;
86
+ }
87
+ h1,
88
+ h2,
89
+ h3,
90
+ h4,
91
+ h5,
92
+ h6,
93
+ p{
94
+ margin: 0px;
95
+ }
package/dist/css/colors-hex-brand-synbee.css ADDED
@@ -0,0 +1,208 @@
1
+ /*
2
+ Generated by Style Dictionary
3
+ Do not edit directly
4
+ Generated at Wed, 07 Dec 2022 12:03:38 GMT
5
+ */
6
+
7
+ :root {
8
+ --brand-synbee-eolo-01: #2b4066;
9
+ --brand-synbee-eolo-02: #324a76;
10
+ --brand-synbee-eolo-03: #3d5b91;
11
+ --brand-synbee-eolo-04: #496dad;
12
+ --brand-synbee-eolo-05: #6585be;
13
+ --brand-synbee-eolo-06: #8aa2ce;
14
+ --brand-synbee-eolo-07: #b0c1de;
15
+ --brand-synbee-eolo-08: #cfd9eb;
16
+ --brand-synbee-eolo-09: #e3e9f3;
17
+ --brand-synbee-eolo-10: #f2f5f9;
18
+ --brand-synbee-eolo: #597cb9;
19
+ --brand-synbee-eolo-v1-01: #1a263d;
20
+ --brand-synbee-eolo-v1-02: #233452;
21
+ --brand-synbee-eolo-v1-03: #2b4066;
22
+ --brand-synbee-eolo-v1-04: #334c79;
23
+ --brand-synbee-eolo-v1-05: #3b598d;
24
+ --brand-synbee-eolo-v1-06: #4465a0;
25
+ --brand-synbee-eolo-v1-07: #4c72b4;
26
+ --brand-synbee-eolo-v1-08: #5d80bb;
27
+ --brand-synbee-eolo-v1-09: #708ec3;
28
+ --brand-synbee-eolo-v1-10: #859ecb;
29
+ --brand-synbee-eolo-v1-11: #98aed4;
30
+ --brand-synbee-eolo-v1-12: #acbddc;
31
+ --brand-synbee-eolo-v1-13: #bccae3;
32
+ --brand-synbee-eolo-v1-14: #c6d2e7;
33
+ --brand-synbee-eolo-v1-15: #cfd9eb;
34
+ --brand-synbee-eolo-v1-16: #d8e0ee;
35
+ --brand-synbee-eolo-v1-17: #e0e7f2;
36
+ --brand-synbee-eolo-v1-18: #e9eef6;
37
+ --brand-synbee-eolo-v1-19: #f0f3f9;
38
+ --brand-synbee-eolo-v1-20: #f6f8fb;
39
+ --brand-synbee-eolo-v1: #597cb9;
40
+ --brand-synbee-01: #513e00;
41
+ --brand-synbee-02: #5e4800;
42
+ --brand-synbee-03: #735800;
43
+ --brand-synbee-04: #896900;
44
+ --brand-synbee-05: #a67f00;
45
+ --brand-synbee-06: #c99b00;
46
+ --brand-synbee-07: #efb800;
47
+ --brand-synbee-08: #ffd446;
48
+ --brand-synbee-09: #ffe89a;
49
+ --brand-synbee-10: #fff5d5;
50
+ --brand-synbee: #ffcf30;
51
+ --adjust-tone-01: #262626;
52
+ --adjust-tone-02: #343434;
53
+ --adjust-tone-03: #404040;
54
+ --adjust-tone-04: #4c4c4c;
55
+ --adjust-tone-05: #595959;
56
+ --adjust-tone-06: #656565;
57
+ --adjust-tone-07: #727272;
58
+ --adjust-tone-08: #7f7f7f;
59
+ --adjust-tone-09: #8d8d8d;
60
+ --adjust-tone-10: #9d9d9d;
61
+ --adjust-tone-11: #acacac;
62
+ --adjust-tone-12: #bcbcbc;
63
+ --adjust-tone-13: #c9c9c9;
64
+ --adjust-tone-14: #d2d2d2;
65
+ --adjust-tone-15: #d9d9d9;
66
+ --adjust-tone-16: #dfdfdf;
67
+ --adjust-tone-17: #e7e7e7;
68
+ --adjust-tone-18: #ededed;
69
+ --adjust-tone-19: #f3f3f3;
70
+ --adjust-tone-20: #f9f9f9;
71
+ --adjust-tone: #ffffff;
72
+ }
73
+
74
+ :root.dark-mode {
75
+ --brand-synbee-eolo-01: #a3b6d8;
76
+ --brand-synbee-eolo-02: #91a8d1;
77
+ --brand-synbee-eolo-03: #7692c5;
78
+ --brand-synbee-eolo-04: #5b7eba;
79
+ --brand-synbee-eolo-05: #4567a3;
80
+ --brand-synbee-eolo-06: #354f7d;
81
+ --brand-synbee-eolo-07: #26395b;
82
+ --brand-synbee-eolo-08: #1b283f;
83
+ --brand-synbee-eolo-09: #131c2c;
84
+ --brand-synbee-eolo-10: #090e16;
85
+ --brand-synbee-eolo: #597cb9;
86
+ --brand-synbee-eolo-v1-01: #d1daeb;
87
+ --brand-synbee-eolo-v1-02: #bac8e2;
88
+ --brand-synbee-eolo-v1-03: #a3b6d8;
89
+ --brand-synbee-eolo-v1-04: #8ea6cf;
90
+ --brand-synbee-eolo-v1-05: #7a96c7;
91
+ --brand-synbee-eolo-v1-06: #6686bf;
92
+ --brand-synbee-eolo-v1-07: #5579b7;
93
+ --brand-synbee-eolo-v1-08: #486caa;
94
+ --brand-synbee-eolo-v1-09: #405f97;
95
+ --brand-synbee-eolo-v1-10: #375282;
96
+ --brand-synbee-eolo-v1-11: #2f4770;
97
+ --brand-synbee-eolo-v1-12: #283c5e;
98
+ --brand-synbee-eolo-v1-13: #223351;
99
+ --brand-synbee-eolo-v1-14: #1e2d47;
100
+ --brand-synbee-eolo-v1-15: #1b283f;
101
+ --brand-synbee-eolo-v1-16: #172337;
102
+ --brand-synbee-eolo-v1-17: #131d2e;
103
+ --brand-synbee-eolo-v1-18: #101725;
104
+ --brand-synbee-eolo-v1-19: #0b101a;
105
+ --brand-synbee-eolo-v1-20: #06090f;
106
+ --brand-synbee-eolo-v1: #597cb9;
107
+ --brand-synbee-01: #e2ae00;
108
+ --brand-synbee-02: #d1a000;
109
+ --brand-synbee-03: #b68c00;
110
+ --brand-synbee-04: #9d7800;
111
+ --brand-synbee-05: #816300;
112
+ --brand-synbee-06: #644c00;
113
+ --brand-synbee-07: #483700;
114
+ --brand-synbee-08: #332700;
115
+ --brand-synbee-09: #231b00;
116
+ --brand-synbee-10: #120e00;
117
+ --brand-synbee: #ffcf30;
118
+ --adjust-tone-01: #d9d9d9;
119
+ --adjust-tone-02: #c7c7c7;
120
+ --adjust-tone-03: #b5b5b5;
121
+ --adjust-tone-04: #a4a4a4;
122
+ --adjust-tone-05: #959595;
123
+ --adjust-tone-06: #858585;
124
+ --adjust-tone-07: #787878;
125
+ --adjust-tone-08: #6c6c6c;
126
+ --adjust-tone-09: #606060;
127
+ --adjust-tone-10: #525252;
128
+ --adjust-tone-11: #474747;
129
+ --adjust-tone-12: #3c3c3c;
130
+ --adjust-tone-13: #333333;
131
+ --adjust-tone-14: #2d2d2d;
132
+ --adjust-tone-15: #282828;
133
+ --adjust-tone-16: #222222;
134
+ --adjust-tone-17: #1d1d1d;
135
+ --adjust-tone-18: #181818;
136
+ --adjust-tone-19: #101010;
137
+ --adjust-tone-20: #080808;
138
+ --adjust-tone: #000000;
139
+ }
140
+
141
+ @media (prefers-color-scheme: dark) {
142
+ :root.system-mode {
143
+ --brand-synbee-eolo-01: #a3b6d8;
144
+ --brand-synbee-eolo-02: #91a8d1;
145
+ --brand-synbee-eolo-03: #7692c5;
146
+ --brand-synbee-eolo-04: #5b7eba;
147
+ --brand-synbee-eolo-05: #4567a3;
148
+ --brand-synbee-eolo-06: #354f7d;
149
+ --brand-synbee-eolo-07: #26395b;
150
+ --brand-synbee-eolo-08: #1b283f;
151
+ --brand-synbee-eolo-09: #131c2c;
152
+ --brand-synbee-eolo-10: #090e16;
153
+ --brand-synbee-eolo: #597cb9;
154
+ --brand-synbee-eolo-v1-01: #d1daeb;
155
+ --brand-synbee-eolo-v1-02: #bac8e2;
156
+ --brand-synbee-eolo-v1-03: #a3b6d8;
157
+ --brand-synbee-eolo-v1-04: #8ea6cf;
158
+ --brand-synbee-eolo-v1-05: #7a96c7;
159
+ --brand-synbee-eolo-v1-06: #6686bf;
160
+ --brand-synbee-eolo-v1-07: #5579b7;
161
+ --brand-synbee-eolo-v1-08: #486caa;
162
+ --brand-synbee-eolo-v1-09: #405f97;
163
+ --brand-synbee-eolo-v1-10: #375282;
164
+ --brand-synbee-eolo-v1-11: #2f4770;
165
+ --brand-synbee-eolo-v1-12: #283c5e;
166
+ --brand-synbee-eolo-v1-13: #223351;
167
+ --brand-synbee-eolo-v1-14: #1e2d47;
168
+ --brand-synbee-eolo-v1-15: #1b283f;
169
+ --brand-synbee-eolo-v1-16: #172337;
170
+ --brand-synbee-eolo-v1-17: #131d2e;
171
+ --brand-synbee-eolo-v1-18: #101725;
172
+ --brand-synbee-eolo-v1-19: #0b101a;
173
+ --brand-synbee-eolo-v1-20: #06090f;
174
+ --brand-synbee-eolo-v1: #597cb9;
175
+ --brand-synbee-01: #e2ae00;
176
+ --brand-synbee-02: #d1a000;
177
+ --brand-synbee-03: #b68c00;
178
+ --brand-synbee-04: #9d7800;
179
+ --brand-synbee-05: #816300;
180
+ --brand-synbee-06: #644c00;
181
+ --brand-synbee-07: #483700;
182
+ --brand-synbee-08: #332700;
183
+ --brand-synbee-09: #231b00;
184
+ --brand-synbee-10: #120e00;
185
+ --brand-synbee: #ffcf30;
186
+ --adjust-tone-01: #d9d9d9;
187
+ --adjust-tone-02: #c7c7c7;
188
+ --adjust-tone-03: #b5b5b5;
189
+ --adjust-tone-04: #a4a4a4;
190
+ --adjust-tone-05: #959595;
191
+ --adjust-tone-06: #858585;
192
+ --adjust-tone-07: #787878;
193
+ --adjust-tone-08: #6c6c6c;
194
+ --adjust-tone-09: #606060;
195
+ --adjust-tone-10: #525252;
196
+ --adjust-tone-11: #474747;
197
+ --adjust-tone-12: #3c3c3c;
198
+ --adjust-tone-13: #333333;
199
+ --adjust-tone-14: #2d2d2d;
200
+ --adjust-tone-15: #282828;
201
+ --adjust-tone-16: #222222;
202
+ --adjust-tone-17: #1d1d1d;
203
+ --adjust-tone-18: #181818;
204
+ --adjust-tone-19: #101010;
205
+ --adjust-tone-20: #080808;
206
+ --adjust-tone: #000000;
207
+ }
208
+ }
package/dist/css/colors-hex-brand.css ADDED
@@ -0,0 +1,49 @@
1
+ /*
2
+ Generated by Style Dictionary
3
+ Do not edit directly
4
+ Generated at Wed, 07 Dec 2022 12:03:38 GMT
5
+ */
6
+
7
+ :root {
8
+ --brand-maggioli-01: #00379e;
9
+ --brand-maggioli-02: #0240b4;
10
+ --brand-maggioli-03: #0a50d4;
11
+ --brand-maggioli-04: #1f65e8;
12
+ --brand-maggioli-05: #5183df;
13
+ --brand-maggioli-06: #85a2da;
14
+ --brand-maggioli-07: #b2c1dc;
15
+ --brand-maggioli-08: #d2d8e4;
16
+ --brand-maggioli-09: #e6e9ed;
17
+ --brand-maggioli-10: #f4f5f6;
18
+ --brand-maggioli: #00379e;
19
+ }
20
+
21
+ :root.dark-mode {
22
+ --brand-maggioli-01: #a3b6db;
23
+ --brand-maggioli-02: #8da8da;
24
+ --brand-maggioli-03: #6a91dc;
25
+ --brand-maggioli-04: #447ae1;
26
+ --brand-maggioli-05: #135ce6;
27
+ --brand-maggioli-06: #0344be;
28
+ --brand-maggioli-07: #01318c;
29
+ --brand-maggioli-08: #07255c;
30
+ --brand-maggioli-09: #0c1b37;
31
+ --brand-maggioli-10: #0b0e14;
32
+ --brand-maggioli: #00379e;
33
+ }
34
+
35
+ @media (prefers-color-scheme: dark) {
36
+ :root.system-mode {
37
+ --brand-maggioli-01: #a3b6db;
38
+ --brand-maggioli-02: #8da8da;
39
+ --brand-maggioli-03: #6a91dc;
40
+ --brand-maggioli-04: #447ae1;
41
+ --brand-maggioli-05: #135ce6;
42
+ --brand-maggioli-06: #0344be;
43
+ --brand-maggioli-07: #01318c;
44
+ --brand-maggioli-08: #07255c;
45
+ --brand-maggioli-09: #0c1b37;
46
+ --brand-maggioli-10: #0b0e14;
47
+ --brand-maggioli: #00379e;
48
+ }
49
+ }
package/dist/css/colors-hex-label.css ADDED
@@ -0,0 +1,346 @@
1
+ /*
2
+ Generated by Style Dictionary
3
+ Do not edit directly
4
+ Generated at Wed, 07 Dec 2022 12:03:38 GMT
5
+ */
6
+
7
+ :root {
8
+ --label-amaranth-01: #810d2c;
9
+ --label-amaranth-02: #950f33;
10
+ --label-amaranth-03: #b5133d;
11
+ --label-amaranth-04: #d61649;
12
+ --label-amaranth-05: #ec4571;
13
+ --label-amaranth-06: #f27d9b;
14
+ --label-amaranth-07: #f6abbf;
15
+ --label-amaranth-08: #facdd9;
16
+ --label-amaranth-09: #fce2e8;
17
+ --label-amaranth-10: #fef2f5;
18
+ --label-amaranth: #ea3464;
19
+ --label-orchid-01: #73106e;
20
+ --label-orchid-02: #85137f;
21
+ --label-orchid-03: #a2179a;
22
+ --label-orchid-04: #c01bb8;
23
+ --label-orchid-05: #e231d8;
24
+ --label-orchid-06: #eb74e5;
25
+ --label-orchid-07: #f2a7ee;
26
+ --label-orchid-08: #f7caf5;
27
+ --label-orchid-09: #fbe1f9;
28
+ --label-orchid-10: #fdf0fc;
29
+ --label-orchid: #e33bda;
30
+ --label-violet-01: #4908ba;
31
+ --label-violet-02: #5509d6;
32
+ --label-violet-03: #6c1df5;
33
+ --label-violet-04: #8441f7;
34
+ --label-violet-05: #9b66f8;
35
+ --label-violet-06: #b58dfa;
36
+ --label-violet-07: #ceb3fc;
37
+ --label-violet-08: #e1d1fd;
38
+ --label-violet-09: #eee5fe;
39
+ --label-violet-10: #f7f3fe;
40
+ --label-violet: #782ff6;
41
+ --label-blue-01: #0727bd;
42
+ --label-blue-02: #082cdb;
43
+ --label-blue-03: #1b40f6;
44
+ --label-blue-04: #3c5cf8;
45
+ --label-blue-05: #5f7af9;
46
+ --label-blue-06: #889bfb;
47
+ --label-blue-07: #b0bdfc;
48
+ --label-blue-08: #cfd7fd;
49
+ --label-blue-09: #e3e8fe;
50
+ --label-blue-10: #f2f4ff;
51
+ --label-blue: #0e36f6;
52
+ --label-sky-01: #034273;
53
+ --label-sky-02: #044d84;
54
+ --label-sky-03: #055ea2;
55
+ --label-sky-04: #0570c1;
56
+ --label-sky-05: #0787e9;
57
+ --label-sky-06: #3da8fa;
58
+ --label-sky-07: #83c7fc;
59
+ --label-sky-08: #b3ddfd;
60
+ --label-sky-09: #d4ecfe;
61
+ --label-sky-10: #ebf6fe;
62
+ --label-sky: #4daffa;
63
+ --label-aqua-01: #034941;
64
+ --label-aqua-02: #03554b;
65
+ --label-aqua-03: #04675c;
66
+ --label-aqua-04: #047c6d;
67
+ --label-aqua-05: #059584;
68
+ --label-aqua-06: #07b5a0;
69
+ --label-aqua-07: #08d7be;
70
+ --label-aqua-08: #09f2d6;
71
+ --label-aqua-09: #8cfbee;
72
+ --label-aqua-10: #d4fdf8;
73
+ --label-aqua: #74faea;
74
+ --label-green-01: #0c4b03;
75
+ --label-green-02: #0e5703;
76
+ --label-green-03: #116b04;
77
+ --label-green-04: #147f05;
78
+ --label-green-05: #189a06;
79
+ --label-green-06: #1dbb07;
80
+ --label-green-07: #23de09;
81
+ --label-green-08: #55f73e;
82
+ --label-green-09: #affba4;
83
+ --label-green-10: #ddfdd8;
84
+ --label-green: #78f966;
85
+ --label-lime-01: #354602;
86
+ --label-lime-02: #3d5102;
87
+ --label-lime-03: #4b6402;
88
+ --label-lime-04: #597703;
89
+ --label-lime-05: #6c9003;
90
+ --label-lime-06: #83b004;
91
+ --label-lime-07: #9dd105;
92
+ --label-lime-08: #b0eb05;
93
+ --label-lime-09: #c7fa33;
94
+ --label-lime-10: #eafdb4;
95
+ --label-lime: #cffb50;
96
+ --label-yellow-01: #4b4103;
97
+ --label-yellow-02: #564a03;
98
+ --label-yellow-03: #6a5b04;
99
+ --label-yellow-04: #7f6d04;
100
+ --label-yellow-05: #998405;
101
+ --label-yellow-06: #baa006;
102
+ --label-yellow-07: #ddbf07;
103
+ --label-yellow-08: #f7d81b;
104
+ --label-yellow-09: #fbea82;
105
+ --label-yellow-10: #fdf5c5;
106
+ --label-yellow: #f9e14e;
107
+ --label-orange-01: #712a08;
108
+ --label-orange-02: #833109;
109
+ --label-orange-03: #a03b0b;
110
+ --label-orange-04: #be470d;
111
+ --label-orange-05: #e55510;
112
+ --label-orange-06: #f3834d;
113
+ --label-orange-07: #f7af8d;
114
+ --label-orange-08: #fad0bb;
115
+ --label-orange-09: #fce4d8;
116
+ --label-orange-10: #fef3ed;
117
+ --label-orange: #f17032;
118
+ }
119
+
120
+ :root.dark-mode {
121
+ --label-amaranth-01: #f59cb4;
122
+ --label-amaranth-02: #f386a3;
123
+ --label-amaranth-03: #ef6186;
124
+ --label-amaranth-04: #ea3263;
125
+ --label-amaranth-05: #ca1545;
126
+ --label-amaranth-06: #9e1036;
127
+ --label-amaranth-07: #740c27;
128
+ --label-amaranth-08: #53091c;
129
+ --label-amaranth-09: #3b0614;
130
+ --label-amaranth-10: #23040c;
131
+ --label-amaranth: #ea3464;
132
+ --label-orchid-01: #f096eb;
133
+ --label-orchid-02: #ed7ee7;
134
+ --label-orchid-03: #e653df;
135
+ --label-orchid-04: #db1fd1;
136
+ --label-orchid-05: #b51aac;
137
+ --label-orchid-06: #8d1487;
138
+ --label-orchid-07: #670f62;
139
+ --label-orchid-08: #490a46;
140
+ --label-orchid-09: #330731;
141
+ --label-orchid-10: #20051e;
142
+ --label-orchid: #e33bda;
143
+ --label-violet-01: #c6a6fb;
144
+ --label-violet-02: #ba94fa;
145
+ --label-violet-03: #a878f9;
146
+ --label-violet-04: #955bf8;
147
+ --label-violet-05: #7c36f6;
148
+ --label-violet-06: #590ae2;
149
+ --label-violet-07: #4207a7;
150
+ --label-violet-08: #30057a;
151
+ --label-violet-09: #230458;
152
+ --label-violet-10: #150236;
153
+ --label-violet: #782ff6;
154
+ --label-blue-01: #a2b1fc;
155
+ --label-blue-02: #90a2fb;
156
+ --label-blue-03: #7289fa;
157
+ --label-blue-04: #5571f9;
158
+ --label-blue-05: #3053f7;
159
+ --label-blue-06: #092fe8;
160
+ --label-blue-07: #0623aa;
161
+ --label-blue-08: #05197a;
162
+ --label-blue-09: #031155;
163
+ --label-blue-10: #020b36;
164
+ --label-blue: #0e36f6;
165
+ --label-sky-01: #6bbdfb;
166
+ --label-sky-02: #4caefa;
167
+ --label-sky-03: #1495f8;
168
+ --label-sky-04: #0680dc;
169
+ --label-sky-05: #0569b6;
170
+ --label-sky-06: #04518d;
171
+ --label-sky-07: #033b67;
172
+ --label-sky-08: #022a49;
173
+ --label-sky-09: #011e33;
174
+ --label-sky-10: #01111e;
175
+ --label-sky: #4daffa;
176
+ --label-aqua-01: #07cbb4;
177
+ --label-aqua-02: #07bca6;
178
+ --label-aqua-03: #06a391;
179
+ --label-aqua-04: #058d7d;
180
+ --label-aqua-05: #047467;
181
+ --label-aqua-06: #035a50;
182
+ --label-aqua-07: #02413a;
183
+ --label-aqua-08: #022e28;
184
+ --label-aqua-09: #01201c;
185
+ --label-aqua-10: #011210;
186
+ --label-aqua: #74faea;
187
+ --label-green-01: #21d208;
188
+ --label-green-02: #1ec108;
189
+ --label-green-03: #1ba907;
190
+ --label-green-04: #179106;
191
+ --label-green-05: #137805;
192
+ --label-green-06: #0f5c04;
193
+ --label-green-07: #0b4303;
194
+ --label-green-08: #072f02;
195
+ --label-green-09: #052101;
196
+ --label-green-10: #031301;
197
+ --label-green: #78f966;
198
+ --label-lime-01: #94c505;
199
+ --label-lime-02: #89b604;
200
+ --label-lime-03: #779e04;
201
+ --label-lime-04: #668903;
202
+ --label-lime-05: #547003;
203
+ --label-lime-06: #415602;
204
+ --label-lime-07: #2f3f01;
205
+ --label-lime-08: #212c01;
206
+ --label-lime-09: #171f01;
207
+ --label-lime-10: #0d1100;
208
+ --label-lime: #cffb50;
209
+ --label-yellow-01: #d1b407;
210
+ --label-yellow-02: #c1a607;
211
+ --label-yellow-03: #a89106;
212
+ --label-yellow-04: #917d05;
213
+ --label-yellow-05: #776604;
214
+ --label-yellow-06: #5c4f03;
215
+ --label-yellow-07: #423902;
216
+ --label-yellow-08: #2e2802;
217
+ --label-yellow-09: #201b01;
218
+ --label-yellow-10: #110f01;
219
+ --label-yellow: #f9e14e;
220
+ --label-orange-01: #f6a178;
221
+ --label-orange-02: #f48c5b;
222
+ --label-orange-03: #f06826;
223
+ --label-orange-04: #d9510f;
224
+ --label-orange-05: #b3430c;
225
+ --label-orange-06: #8b3309;
226
+ --label-orange-07: #652607;
227
+ --label-orange-08: #471a05;
228
+ --label-orange-09: #321303;
229
+ --label-orange-10: #1b0a02;
230
+ --label-orange: #f17032;
231
+ }
232
+
233
+ @media (prefers-color-scheme: dark) {
234
+ :root.system-mode {
235
+ --label-amaranth-01: #f59cb4;
236
+ --label-amaranth-02: #f386a3;
237
+ --label-amaranth-03: #ef6186;
238
+ --label-amaranth-04: #ea3263;
239
+ --label-amaranth-05: #ca1545;
240
+ --label-amaranth-06: #9e1036;
241
+ --label-amaranth-07: #740c27;
242
+ --label-amaranth-08: #53091c;
243
+ --label-amaranth-09: #3b0614;
244
+ --label-amaranth-10: #23040c;
245
+ --label-amaranth: #ea3464;
246
+ --label-orchid-01: #f096eb;
247
+ --label-orchid-02: #ed7ee7;
248
+ --label-orchid-03: #e653df;
249
+ --label-orchid-04: #db1fd1;
250
+ --label-orchid-05: #b51aac;
251
+ --label-orchid-06: #8d1487;
252
+ --label-orchid-07: #670f62;
253
+ --label-orchid-08: #490a46;
254
+ --label-orchid-09: #330731;
255
+ --label-orchid-10: #20051e;
256
+ --label-orchid: #e33bda;
257
+ --label-violet-01: #c6a6fb;
258
+ --label-violet-02: #ba94fa;
259
+ --label-violet-03: #a878f9;
260
+ --label-violet-04: #955bf8;
261
+ --label-violet-05: #7c36f6;
262
+ --label-violet-06: #590ae2;
263
+ --label-violet-07: #4207a7;
264
+ --label-violet-08: #30057a;
265
+ --label-violet-09: #230458;
266
+ --label-violet-10: #150236;
267
+ --label-violet: #782ff6;
268
+ --label-blue-01: #a2b1fc;
269
+ --label-blue-02: #90a2fb;
270
+ --label-blue-03: #7289fa;
271
+ --label-blue-04: #5571f9;
272
+ --label-blue-05: #3053f7;
273
+ --label-blue-06: #092fe8;
274
+ --label-blue-07: #0623aa;
275
+ --label-blue-08: #05197a;
276
+ --label-blue-09: #031155;
277
+ --label-blue-10: #020b36;
278
+ --label-blue: #0e36f6;
279
+ --label-sky-01: #6bbdfb;
280
+ --label-sky-02: #4caefa;
281
+ --label-sky-03: #1495f8;
282
+ --label-sky-04: #0680dc;
283
+ --label-sky-05: #0569b6;
284
+ --label-sky-06: #04518d;
285
+ --label-sky-07: #033b67;
286
+ --label-sky-08: #022a49;
287
+ --label-sky-09: #011e33;
288
+ --label-sky-10: #01111e;
289
+ --label-sky: #4daffa;
290
+ --label-aqua-01: #07cbb4;
291
+ --label-aqua-02: #07bca6;
292
+ --label-aqua-03: #06a391;
293
+ --label-aqua-04: #058d7d;
294
+ --label-aqua-05: #047467;
295
+ --label-aqua-06: #035a50;
296
+ --label-aqua-07: #02413a;
297
+ --label-aqua-08: #022e28;
298
+ --label-aqua-09: #01201c;
299
+ --label-aqua-10: #011210;
300
+ --label-aqua: #74faea;
301
+ --label-green-01: #21d208;
302
+ --label-green-02: #1ec108;
303
+ --label-green-03: #1ba907;
304
+ --label-green-04: #179106;
305
+ --label-green-05: #137805;
306
+ --label-green-06: #0f5c04;
307
+ --label-green-07: #0b4303;
308
+ --label-green-08: #072f02;
309
+ --label-green-09: #052101;
310
+ --label-green-10: #031301;
311
+ --label-green: #78f966;
312
+ --label-lime-01: #94c505;
313
+ --label-lime-02: #89b604;
314
+ --label-lime-03: #779e04;
315
+ --label-lime-04: #668903;
316
+ --label-lime-05: #547003;
317
+ --label-lime-06: #415602;
318
+ --label-lime-07: #2f3f01;
319
+ --label-lime-08: #212c01;
320
+ --label-lime-09: #171f01;
321
+ --label-lime-10: #0d1100;
322
+ --label-lime: #cffb50;
323
+ --label-yellow-01: #d1b407;
324
+ --label-yellow-02: #c1a607;
325
+ --label-yellow-03: #a89106;
326
+ --label-yellow-04: #917d05;
327
+ --label-yellow-05: #776604;
328
+ --label-yellow-06: #5c4f03;
329
+ --label-yellow-07: #423902;
330
+ --label-yellow-08: #2e2802;
331
+ --label-yellow-09: #201b01;
332
+ --label-yellow-10: #110f01;
333
+ --label-yellow: #f9e14e;
334
+ --label-orange-01: #f6a178;
335
+ --label-orange-02: #f48c5b;
336
+ --label-orange-03: #f06826;
337
+ --label-orange-04: #d9510f;
338
+ --label-orange-05: #b3430c;
339
+ --label-orange-06: #8b3309;
340
+ --label-orange-07: #652607;
341
+ --label-orange-08: #471a05;
342
+ --label-orange-09: #321303;
343
+ --label-orange-10: #1b0a02;
344
+ --label-orange: #f17032;
345
+ }
346
+ }