@planningcenter/tapestry 2.4.0-rc.8 → 2.4.0

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 (39) hide show
  1. package/dist/components/link/BaseLink.js +1 -1
  2. package/dist/components/link/BaseLink.js.map +1 -1
  3. package/dist/components/page-header/index.js +1 -1
  4. package/dist/components/sidenav/index.js +1 -1
  5. package/dist/index.css +1908 -1277
  6. package/dist/index.css.map +1 -1
  7. package/dist/reactRender.css +2127 -1502
  8. package/dist/reactRender.css.map +1 -1
  9. package/dist/reactRenderLegacy.css +2127 -1502
  10. package/dist/reactRenderLegacy.css.map +1 -1
  11. package/dist/tapestry-wc/dist/components/{p-CLwAWmuf.js → p-5-Cvrlgk.js} +2 -2
  12. package/dist/tapestry-wc/dist/components/{p-CLwAWmuf.js.map → p-5-Cvrlgk.js.map} +1 -1
  13. package/dist/tapestry-wc/dist/components/{p-CeCAMGrz.js → p-74Cc2nEh.js} +2 -2
  14. package/dist/tapestry-wc/dist/components/{p-CeCAMGrz.js.map → p-74Cc2nEh.js.map} +1 -1
  15. package/dist/tapestry-wc/dist/components/{p-m4YsmAHe.js → p-D0G2xpOq.js} +3 -3
  16. package/dist/tapestry-wc/dist/components/{p-m4YsmAHe.js.map → p-D0G2xpOq.js.map} +1 -1
  17. package/dist/tapestry-wc/dist/components/{p-BGI0jdHO.js → p-D1rzJeWl.js} +3 -3
  18. package/dist/tapestry-wc/dist/components/{p-BGI0jdHO.js.map → p-D1rzJeWl.js.map} +1 -1
  19. package/dist/tapestry-wc/dist/components/{p-D_UI812x.js → p-DmP02I4b.js} +3 -3
  20. package/dist/tapestry-wc/dist/components/{p-D_UI812x.js.map → p-DmP02I4b.js.map} +1 -1
  21. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js +2 -2
  22. package/dist/tapestry-wc/dist/components/tds-page-header-nav.js.map +1 -1
  23. package/dist/tapestry-wc/dist/components/tds-page-header.js +3 -3
  24. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  25. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js +3 -3
  26. package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
  27. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +2 -2
  28. package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -1
  29. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js +3 -3
  30. package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
  31. package/dist/tapestry-wc/dist/components/tds-sidenav.js +5 -5
  32. package/dist/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
  33. package/dist/tokens.css +1070 -426
  34. package/dist/tokens.css.map +1 -1
  35. package/dist/tokens.d.ts +1 -0
  36. package/dist/tokens.d.ts.map +1 -1
  37. package/dist/unstable.css +2130 -1505
  38. package/dist/unstable.css.map +1 -1
  39. package/package.json +11 -11
package/dist/tokens.css CHANGED
@@ -1,431 +1,1075 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
1
+ :root{
2
+ --t-border-radius-sm:2px;
3
+ --t-border-radius-md:4px;
4
+ --t-border-radius-lg:8px;
5
+ --t-border-radius-xl:16px;
6
+ --t-border-radius-round:56px;
7
+ --t-border-radius-default:4px;
8
+ --t-border-width-default:1px;
9
+ --t-border-width-thick:2px;
10
+ --t-spacing-1:8px;
11
+ --t-spacing-2:16px;
12
+ --t-spacing-3:24px;
13
+ --t-spacing-4:32px;
14
+ --t-spacing-5:40px;
15
+ --t-spacing-6:48px;
16
+ --t-spacing-7:56px;
17
+ --t-spacing-fourth:2px;
18
+ --t-spacing-half:4px;
19
+ --t-element-size-3xl:48px;
20
+ --t-element-size-2xl:32px;
21
+ --t-element-size-xl:24px;
22
+ --t-element-size-lg:18px;
23
+ --t-element-size-md:16px;
24
+ --t-element-size-sm:14px;
25
+ --t-element-size-xs:12px;
26
+ --t-font-size-4xl:32px;
27
+ --t-font-size-3xl:28px;
28
+ --t-font-size-2xl:24px;
29
+ --t-font-size-xl:20px;
30
+ --t-font-size-lg:18px;
31
+ --t-font-size-md:16px;
32
+ --t-font-size-sm:14px;
33
+ --t-font-size-xs:12px;
34
+ --t-font-size-2xs:10px;
35
+ --t-font-weight-normal:400;
36
+ --t-font-weight-medium:500;
37
+ --t-font-weight-semibold:600;
38
+ --t-font-weight-bold:700;
39
+ --t-container-size-xl:48px;
40
+ --t-container-size-lg:40px;
41
+ --t-container-size-md:32px;
42
+ --t-container-size-sm:24px;
43
+ --t-container-size-xs:20px;
44
+ --t-avatar-size-20:20px;
45
+ --t-avatar-size-24:24px;
46
+ --t-avatar-size-36:36px;
47
+ --t-avatar-size-48:48px;
48
+ --t-avatar-size-72:72px;
49
+ --t-avatar-size-112:112px;
50
+ --t-text-color-default-headline:hsl(0, 0%, 12%);
51
+ --t-text-color-default-primary:hsl(0, 0%, 24%);
52
+ --t-text-color-default-secondary:hsl(0, 0%, 42%);
53
+ --t-text-color-default-disabled:hsl(0, 0%, 81%);
54
+ --t-text-color-default-placeholder:hsl(0, 0%, 58%);
55
+ --t-text-color-default-inverted:hsl(0, 0%, 100%);
56
+ --t-text-color-interaction-primary:hsl(204, 100%, 40%);
57
+ --t-text-color-interaction-hover:hsl(204, 100%, 35%);
58
+ --t-text-color-interaction-active:hsl(204, 100%, 30%);
59
+ --t-text-color-interaction-visited:hsl(204, 100%, 30%);
60
+ --t-text-color-status-neutral:hsl(0, 0%, 24%);
61
+ --t-text-color-status-info:hsl(204, 100%, 35%);
62
+ --t-text-color-status-success:hsl(97, 57%, 28%);
63
+ --t-text-color-status-warning:hsl(42, 100%, 29%);
64
+ --t-text-color-status-error:hsl(8, 60%, 45%);
65
+ --t-text-color-tag-subtle-gray:hsl(0, 0%, 24%);
66
+ --t-text-color-tag-subtle-blue:hsl(224, 47%, 31%);
67
+ --t-text-color-tag-subtle-indigo:hsl(241, 59%, 28%);
68
+ --t-text-color-tag-subtle-aqua:hsl(209, 77%, 22%);
69
+ --t-text-color-tag-subtle-teal:hsl(180, 95%, 15%);
70
+ --t-text-color-tag-subtle-green:hsl(100, 93%, 17%);
71
+ --t-text-color-tag-subtle-yellow:hsl(29, 100%, 23%);
72
+ --t-text-color-tag-subtle-orange:hsl(18, 100%, 18%);
73
+ --t-text-color-tag-subtle-pink:hsl(327, 88%, 20%);
74
+ --t-text-color-tag-subtle-purple:hsl(268, 71%, 27%);
75
+ --t-text-color-tag-subtle-magenta:hsl(285, 71%, 20%);
76
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 24%);
77
+ --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
78
+ --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
79
+ --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
80
+ --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
81
+ --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
82
+ --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
83
+ --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
84
+ --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
85
+ --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
86
+ --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
87
+ --t-icon-color-default-primary:hsl(0, 0%, 24%);
88
+ --t-icon-color-default-secondary:hsl(0, 0%, 42%);
89
+ --t-icon-color-default-dim:hsl(0, 0%, 58%);
90
+ --t-icon-color-default-disabled:hsl(0, 0%, 81%);
91
+ --t-icon-color-default-inverted:hsl(0, 0%, 100%);
92
+ --t-icon-color-status-neutral-primary:hsl(0, 0%, 42%);
93
+ --t-icon-color-status-neutral-secondary:hsl(0, 0%, 58%);
94
+ --t-icon-color-status-neutral-bold:hsl(0, 0%, 24%);
95
+ --t-icon-color-status-info-primary:hsl(204, 100%, 40%);
96
+ --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
97
+ --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
98
+ --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
99
+ --t-icon-color-status-error-primary:hsl(8, 60%, 47%);
100
+ --t-fill-color-neutral-100:hsl(0, 0%, 100%);
101
+ --t-fill-color-neutral-000:hsl(0, 0%, 12%);
102
+ --t-fill-color-neutral-010:hsl(0, 0%, 24%);
103
+ --t-fill-color-neutral-020:hsl(0, 0%, 42%);
104
+ --t-fill-color-neutral-025:hsl(0, 0%, 50%);
105
+ --t-fill-color-neutral-030:hsl(0, 0%, 58%);
106
+ --t-fill-color-neutral-040:hsl(0, 0%, 81%);
107
+ --t-fill-color-neutral-050:hsl(0, 0%, 88%);
108
+ --t-fill-color-neutral-060:hsl(0, 0%, 93%);
109
+ --t-fill-color-neutral-070:hsl(0, 0%, 95%);
110
+ --t-fill-color-neutral-080:hsl(0, 0%, 97%);
111
+ --t-fill-color-neutral-090:hsl(0, 0%, 98%);
112
+ --t-fill-color-interaction-default:hsl(204, 100%, 40%);
113
+ --t-fill-color-interaction-hover:hsl(204, 100%, 35%);
114
+ --t-fill-color-interaction-active:hsl(204, 100%, 30%);
115
+ --t-fill-color-interaction-disabled:hsl(0, 0%, 81%);
116
+ --t-fill-color-control-neutral-off:hsl(0, 0%, 58%);
117
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 24%);
118
+ --t-fill-color-control-primary:hsl(204, 100%, 40%);
119
+ --t-fill-color-control-secondary:hsl(97, 57%, 40%);
120
+ --t-fill-color-control-error:hsl(8, 60%, 47%);
121
+ --t-fill-color-control-disabled:hsl(0, 0%, 81%);
122
+ --t-fill-color-status-neutral-solid:hsl(0, 0%, 42%);
123
+ --t-fill-color-status-neutral-ghost:hsl(0, 0%, 93%);
124
+ --t-fill-color-status-neutral-dim:hsl(0, 0%, 97%);
125
+ --t-fill-color-status-info-solid:hsl(204, 100%, 40%);
126
+ --t-fill-color-status-info-ghost:hsl(203, 94%, 94%);
127
+ --t-fill-color-status-info-dim:hsl(204, 100%, 97%);
128
+ --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
129
+ --t-fill-color-status-success-ghost:hsl(97, 57%, 90%);
130
+ --t-fill-color-status-success-dim:hsl(96, 60%, 95%);
131
+ --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
132
+ --t-fill-color-status-warning-ghost:hsl(42, 87%, 94%);
133
+ --t-fill-color-status-warning-dim:hsl(42, 87%, 97%);
134
+ --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
135
+ --t-fill-color-status-error-ghost:hsl(9, 59%, 93%);
136
+ --t-fill-color-status-error-dim:hsl(7, 60%, 97%);
137
+ --t-fill-color-tooltip-primary:hsla(0, 0%, 12%, 0.9);
138
+ --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
139
+ --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
140
+ --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
141
+ --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
142
+ --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
143
+ --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
144
+ --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
145
+ --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
146
+ --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
147
+ --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
148
+ --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
149
+ --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
150
+ --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
151
+ --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
152
+ --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
153
+ --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
154
+ --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
155
+ --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
156
+ --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
157
+ --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
158
+ --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
159
+ --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
160
+ --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
161
+ --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
162
+ --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
163
+ --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
164
+ --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
165
+ --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
166
+ --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
167
+ --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
168
+ --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
169
+ --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
170
+ --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
171
+ --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
172
+ --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
173
+ --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
174
+ --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
175
+ --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
176
+ --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
177
+ --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
178
+ --t-fill-color-product-home-010:hsl(221, 89%, 93%);
179
+ --t-fill-color-product-home-020:hsl(221, 91%, 91%);
180
+ --t-fill-color-product-home-030:hsl(221, 91%, 87%);
181
+ --t-fill-color-product-home-040:hsl(221, 91%, 62%);
182
+ --t-fill-color-product-home-050:hsl(221, 91%, 55%);
183
+ --t-fill-color-product-home-060:hsl(221, 90%, 50%);
184
+ --t-fill-color-product-home-070:hsl(221, 90%, 45%);
185
+ --t-fill-color-product-home-080:hsl(218, 84%, 25%);
186
+ --t-fill-color-product-people-010:hsl(219, 73%, 91%);
187
+ --t-fill-color-product-people-020:hsl(220, 69%, 81%);
188
+ --t-fill-color-product-people-030:hsl(221, 73%, 71%);
189
+ --t-fill-color-product-people-040:hsl(221, 73%, 65%);
190
+ --t-fill-color-product-people-050:hsl(220, 74%, 57%);
191
+ --t-fill-color-product-people-060:hsl(220, 68%, 51%);
192
+ --t-fill-color-product-people-070:hsl(220, 68%, 41%);
193
+ --t-fill-color-product-people-080:hsl(221, 68%, 31%);
194
+ --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
195
+ --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
196
+ --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
197
+ --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
198
+ --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
199
+ --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
200
+ --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
201
+ --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
202
+ --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
203
+ --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
204
+ --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
205
+ --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
206
+ --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
207
+ --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
208
+ --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
209
+ --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
210
+ --t-fill-color-product-services-010:hsl(88, 31%, 88%);
211
+ --t-fill-color-product-services-020:hsl(88, 39%, 75%);
212
+ --t-fill-color-product-services-030:hsl(88, 39%, 66%);
213
+ --t-fill-color-product-services-040:hsl(88, 40%, 54%);
214
+ --t-fill-color-product-services-050:hsl(88, 45%, 41%);
215
+ --t-fill-color-product-services-060:hsl(89, 62%, 31%);
216
+ --t-fill-color-product-services-070:hsl(89, 62%, 26%);
217
+ --t-fill-color-product-services-080:hsl(89, 63%, 21%);
218
+ --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
219
+ --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
220
+ --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
221
+ --t-fill-color-product-accounts-gradient-brand:linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
222
+ --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
223
+ --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
224
+ --t-fill-color-product-api-gradient-brand:linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
225
+ --t-fill-color-product-calendar-gradient-brand:linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
226
+ --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
227
+ --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
228
+ --t-fill-color-product-cc-gradient-brand:linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
229
+ --t-fill-color-product-checkins-gradient-brand:linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
230
+ --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));
231
+ --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
232
+ --t-fill-color-product-giving-gradient-brand:linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
233
+ --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));
234
+ --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));
235
+ --t-fill-color-product-groups-gradient-brand:linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
236
+ --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
237
+ --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
238
+ --t-fill-color-product-headcounts-gradient-brand:linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
239
+ --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
240
+ --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
241
+ --t-fill-color-product-musicstand-gradient-brand:linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
242
+ --t-fill-color-product-people-gradient-brand:linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
243
+ --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
244
+ --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
245
+ --t-fill-color-product-publishing-gradient-brand:linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
246
+ --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
247
+ --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
248
+ --t-fill-color-product-registrations-gradient-brand:linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
249
+ --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));
250
+ --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));
251
+ --t-fill-color-product-services-gradient-brand:linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
252
+ --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));
253
+ --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));
254
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 93%);
255
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 88%);
256
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 88%);
257
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 81%);
258
+ --t-fill-color-tag-blue-010:hsl(220, 100%, 95%);
259
+ --t-fill-color-tag-blue-020:hsl(221, 100%, 88%);
260
+ --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
261
+ --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
262
+ --t-fill-color-tag-aqua-010:hsl(200, 82%, 89%);
263
+ --t-fill-color-tag-aqua-020:hsl(200, 82%, 82%);
264
+ --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
265
+ --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
266
+ --t-fill-color-tag-teal-010:hsl(163, 53%, 83%);
267
+ --t-fill-color-tag-teal-020:hsl(164, 52%, 76%);
268
+ --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
269
+ --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
270
+ --t-fill-color-tag-green-010:hsl(98, 59%, 85%);
271
+ --t-fill-color-tag-green-020:hsl(99, 59%, 78%);
272
+ --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
273
+ --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
274
+ --t-fill-color-tag-yellow-010:hsl(45, 77%, 85%);
275
+ --t-fill-color-tag-yellow-020:hsl(44, 78%, 77%);
276
+ --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
277
+ --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
278
+ --t-fill-color-tag-orange-010:hsl(22, 89%, 89%);
279
+ --t-fill-color-tag-orange-020:hsl(21, 89%, 82%);
280
+ --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
281
+ --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
282
+ --t-fill-color-tag-pink-010:hsl(311, 66%, 92%);
283
+ --t-fill-color-tag-pink-020:hsl(310, 64%, 85%);
284
+ --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
285
+ --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
286
+ --t-fill-color-tag-purple-010:hsl(259, 74%, 93%);
287
+ --t-fill-color-tag-purple-020:hsl(259, 74%, 85%);
288
+ --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
289
+ --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
290
+ --t-fill-color-tag-magenta-010:hsl(294, 37%, 90%);
291
+ --t-fill-color-tag-magenta-020:hsl(291, 40%, 83%);
292
+ --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
293
+ --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
294
+ --t-fill-color-tag-indigo-010:hsl(234, 78%, 93%);
295
+ --t-fill-color-tag-indigo-020:hsl(233, 79%, 87%);
296
+ --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
297
+ --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
298
+ --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 93%);
299
+ --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 88%);
300
+ --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 81%);
301
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 95%);
302
+ --t-fill-color-button-neutral-outline-dim-default:hsla(0, 0%, 100%, 0);
303
+ --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 95%);
304
+ --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 93%);
305
+ --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 98%);
306
+ --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 100%, 0);
307
+ --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
308
+ --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
309
+ --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
310
+ --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
311
+ --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
312
+ --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
313
+ --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
314
+ --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 40%);
315
+ --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
316
+ --t-fill-color-button-interaction-solid-active:hsl(204, 100%, 30%);
317
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 95%);
318
+ --t-fill-color-button-interaction-outline-dim-default:hsla(0, 0%, 100%, 0);
319
+ --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 100%, 97%);
320
+ --t-fill-color-button-interaction-outline-dim-active:hsl(203, 94%, 94%);
321
+ --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 98%);
322
+ --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 100%, 0);
323
+ --t-fill-color-button-interaction-ghost-hover:hsl(204, 100%, 97%);
324
+ --t-fill-color-button-interaction-ghost-active:hsl(203, 94%, 94%);
325
+ --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 100%, 0);
326
+ --t-fill-color-button-delete-solid-default:hsl(8, 60%, 47%);
327
+ --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
328
+ --t-fill-color-button-delete-solid-active:hsl(8, 60%, 40%);
329
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 95%);
330
+ --t-fill-color-button-delete-outline-dim-default:hsla(0, 0%, 100%, 0);
331
+ --t-fill-color-button-delete-outline-dim-hover:hsl(7, 60%, 97%);
332
+ --t-fill-color-button-delete-outline-dim-active:hsl(9, 59%, 93%);
333
+ --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 98%);
334
+ --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 100%, 0);
335
+ --t-fill-color-button-delete-ghost-hover:hsl(7, 60%, 97%);
336
+ --t-fill-color-button-delete-ghost-active:hsl(9, 59%, 93%);
337
+ --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 100%, 0);
338
+ --t-fill-color-button-pill-default:hsl(0, 0%, 93%);
339
+ --t-fill-color-button-pill-hover:hsl(0, 0%, 88%);
340
+ --t-fill-color-button-pill-active:hsl(0, 0%, 88%);
341
+ --t-fill-color-button-pill-disabled:hsl(0, 0%, 93%);
342
+ --t-fill-color-transparency-light-010:hsla(0, 0%, 100%, 0.1);
343
+ --t-fill-color-transparency-light-020:hsla(0, 0%, 100%, 0.2);
344
+ --t-fill-color-transparency-light-030:hsla(0, 0%, 100%, 0.3);
345
+ --t-fill-color-transparency-light-040:hsla(0, 0%, 100%, 0.4);
346
+ --t-fill-color-transparency-light-050:hsla(0, 0%, 100%, 0.5);
347
+ --t-fill-color-transparency-light-060:hsla(0, 0%, 100%, 0.6);
348
+ --t-fill-color-transparency-light-070:hsla(0, 0%, 100%, 0.7);
349
+ --t-fill-color-transparency-light-080:hsla(0, 0%, 100%, 0.8);
350
+ --t-fill-color-transparency-light-090:hsla(0, 0%, 100%, 0.9);
351
+ --t-fill-color-transparency-dark-010:hsla(0, 0%, 0%, 0.1);
352
+ --t-fill-color-transparency-dark-020:hsla(0, 0%, 0%, 0.2);
353
+ --t-fill-color-transparency-dark-030:hsla(0, 0%, 0%, 0.3);
354
+ --t-fill-color-transparency-dark-040:hsla(0, 0%, 0%, 0.4);
355
+ --t-fill-color-transparency-dark-050:hsla(0, 0%, 0%, 0.5);
356
+ --t-fill-color-transparency-dark-060:hsla(0, 0%, 0%, 0.6);
357
+ --t-fill-color-transparency-dark-070:hsla(0, 0%, 0%, 0.7);
358
+ --t-fill-color-transparency-dark-080:hsla(0, 0%, 0%, 0.8);
359
+ --t-fill-color-transparency-dark-090:hsla(0, 0%, 0%, 0.9);
360
+ --t-surface-color-card:hsl(0, 0%, 100%);
361
+ --t-surface-color-canvas:hsl(0, 0%, 100%);
362
+ --t-border-color-default-base:hsl(0, 0%, 88%);
363
+ --t-border-color-default-dark:hsl(0, 0%, 81%);
364
+ --t-border-color-default-darker:hsl(0, 0%, 68%);
365
+ --t-border-color-default-darkest:hsl(0, 0%, 58%);
366
+ --t-border-color-default-disabled:hsl(0, 0%, 88%);
367
+ --t-border-color-default-dim:hsl(0, 0%, 95%);
368
+ --t-border-color-default-white:hsl(0, 0%, 100%);
369
+ --t-border-color-status-neutral:hsl(0, 0%, 58%);
370
+ --t-border-color-status-info:hsl(204, 100%, 40%);
371
+ --t-border-color-status-success:hsl(97, 57%, 40%);
372
+ --t-border-color-status-warning:hsl(42, 84%, 63%);
373
+ --t-border-color-status-error:hsl(8, 60%, 47%);
374
+ --t-border-color-button-neutral:hsl(0, 0%, 88%);
375
+ --t-border-color-button-info:hsl(204, 100%, 40%);
376
+ --t-border-color-button-create:hsl(96, 57%, 33%);
377
+ --t-border-color-button-delete:hsl(8, 60%, 47%);
378
+ --t-border-color-control-neutral:hsl(0, 0%, 68%);
379
+ --t-border-color-control-info:hsl(204, 100%, 40%);
380
+ --t-border-color-control-success:hsl(97, 57%, 40%);
381
+ --t-border-color-control-warning:hsl(42, 84%, 63%);
382
+ --t-border-color-control-error:hsl(8, 60%, 47%);
383
+ --t-border-color-control-disabled:hsl(0, 0%, 88%);
384
+ --t-form-background-color:var(--t-fill-color-neutral-100);
385
+ --t-form-background-color-disabled:var(--t-fill-color-neutral-070);
386
+ --t-form-background-color-error:var(--t-fill-color-neutral-100);
387
+ --t-form-background-color-readonly:var(--t-fill-color-neutral-070);
388
+ --t-form-border-color:var(--t-border-color-default-base);
389
+ --t-form-border-color-disabled:var(--t-border-color-default-base);
390
+ --t-form-border-color-error:var(--t-border-color-status-error);
391
+ --t-form-border-color-focus:var(--t-fill-color-interaction-default);
392
+ --t-form-border-color-hover:var(--t-border-color-default-dark);
393
+ --t-form-border-color-readonly:hsla(0, 0%, 100%, 0);
394
+ --t-form-border-radius:var(--t-border-radius-md);
395
+ --t-form-border-width:var(--t-border-width-default);
396
+ --t-form-font-color:var(--t-text-color-default-primary);
397
+ --t-form-font-color-disabled:var(--t-text-color-default-disabled);
398
+ --t-form-font-color-error:var(--t-text-color-status-error);
399
+ --t-form-font-color-readonly:var(--t-text-color-default-primary);
400
+ --t-form-picker-icon-color:var(--t-icon-color-default-primary);
401
+ --t-form-placeholder-color:var(--t-text-color-default-placeholder);
402
+ --t-border-size-default:var(--t-border-width-default);
403
+ --t-border-size-thick:var(--t-border-width-thick);
404
+ --t-font-weight-semi-bold:var(--t-font-weight-semibold);
405
+ --t-icon-color-status-neutral-dark:hsl(0, 0%, 24%);
406
+ --t-icon-color-status-info-secondary:hsl(204, 100%, 40%);
407
+ --t-fill-color-alert-info:hsl(204, 94%, 49%);
408
+ --t-fill-color-alert-success:hsl(122, 60%, 41%);
409
+ --t-fill-color-alert-warning:hsl(43, 96%, 58%);
410
+ --t-fill-color-alert-error:hsl(4, 77%, 59%);
411
+ --t-fill-color-button-neutral-outline-dim-disabled-solid:hsl(0, 0%, 98%);
412
+ --t-fill-color-button-neutral-ghost-disabled-solid:hsl(0, 0%, 98%);
413
+ --t-fill-color-button-create-solid-default:hsl(96, 57%, 33%);
414
+ --t-fill-color-button-create-solid-hover:hsl(97, 57%, 28%);
415
+ --t-fill-color-button-create-solid-active:hsl(97, 57%, 23%);
416
+ --t-fill-color-button-create-solid-disabled:hsl(0, 0%, 81%);
417
+ --t-fill-color-button-create-ghost-default:hsla(0, 0%, 100%, 0);
418
+ --t-fill-color-button-create-ghost-hover:hsl(96, 60%, 95%);
419
+ --t-fill-color-button-create-ghost-active:hsl(97, 57%, 90%);
420
+ --t-fill-color-button-create-ghost-disabled:hsla(0, 0%, 100%, 0);
421
+ }
4
422
 
5
- :root {
6
- --t-border-radius-sm: 2px;
7
- --t-border-radius-md: 4px;
8
- --t-border-radius-lg: 8px;
9
- --t-border-radius-xl: 16px;
10
- --t-border-radius-round: 56px;
11
- --t-border-radius-default: 4px;
12
- --t-border-width-default: 1px;
13
- --t-border-width-thick: 2px;
14
- --t-spacing-1: 8px;
15
- --t-spacing-2: 16px;
16
- --t-spacing-3: 24px;
17
- --t-spacing-4: 32px;
18
- --t-spacing-5: 40px;
19
- --t-spacing-6: 48px;
20
- --t-spacing-7: 56px;
21
- --t-spacing-fourth: 2px;
22
- --t-spacing-half: 4px;
23
- --t-element-size-3xl: 48px;
24
- --t-element-size-2xl: 32px;
25
- --t-element-size-xl: 24px;
26
- --t-element-size-lg: 18px;
27
- --t-element-size-md: 16px;
28
- --t-element-size-sm: 14px;
29
- --t-element-size-xs: 12px;
30
- --t-font-size-4xl: 32px;
31
- --t-font-size-3xl: 28px;
32
- --t-font-size-2xl: 24px;
33
- --t-font-size-xl: 20px;
34
- --t-font-size-lg: 18px;
35
- --t-font-size-md: 16px;
36
- --t-font-size-sm: 14px;
37
- --t-font-size-xs: 12px;
38
- --t-font-size-2xs: 10px;
39
- --t-font-weight-normal: 400;
40
- --t-font-weight-medium: 500;
41
- --t-font-weight-semibold: 600;
42
- --t-font-weight-bold: 700;
43
- --t-container-size-xl: 48px;
44
- --t-container-size-lg: 40px;
45
- --t-container-size-md: 32px;
46
- --t-container-size-sm: 24px;
47
- --t-container-size-xs: 20px;
48
- --t-avatar-size-20: 20px;
49
- --t-avatar-size-24: 24px;
50
- --t-avatar-size-36: 36px;
51
- --t-avatar-size-48: 48px;
52
- --t-avatar-size-72: 72px;
53
- --t-avatar-size-112: 112px;
54
- --t-text-color-default-headline: hsl(0, 0%, 12%);
55
- --t-text-color-default-primary: hsl(0, 0%, 24%);
56
- --t-text-color-default-secondary: hsl(0, 0%, 42%);
57
- --t-text-color-default-disabled: hsl(0, 0%, 81%);
58
- --t-text-color-default-placeholder: hsl(0, 0%, 58%);
59
- --t-text-color-default-inverted: hsl(0, 0%, 100%);
60
- --t-text-color-interaction-primary: hsl(204, 100%, 40%);
61
- --t-text-color-interaction-hover: hsl(204, 100%, 35%);
62
- --t-text-color-interaction-active: hsl(204, 100%, 30%);
63
- --t-text-color-interaction-visited: hsl(204, 100%, 30%);
64
- --t-text-color-status-neutral: hsl(0, 0%, 24%);
65
- --t-text-color-status-info: hsl(204, 100%, 35%);
66
- --t-text-color-status-success: hsl(97, 57%, 28%);
67
- --t-text-color-status-warning: hsl(42, 100%, 29%);
68
- --t-text-color-status-error: hsl(8, 60%, 45%);
69
- --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);
70
- --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);
71
- --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);
72
- --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);
73
- --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);
74
- --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);
75
- --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);
76
- --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);
77
- --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);
78
- --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);
79
- --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);
80
- --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);
81
- --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);
82
- --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);
83
- --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);
84
- --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);
85
- --t-text-color-tag-bold-green: hsl(100, 93%, 17%);
86
- --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);
87
- --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);
88
- --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);
89
- --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);
90
- --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);
91
- --t-icon-color-default-primary: hsl(0, 0%, 24%);
92
- --t-icon-color-default-secondary: hsl(0, 0%, 42%);
93
- --t-icon-color-default-dim: hsl(0, 0%, 58%);
94
- --t-icon-color-default-disabled: hsl(0, 0%, 81%);
95
- --t-icon-color-default-inverted: hsl(0, 0%, 100%);
96
- --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);
97
- --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);
98
- --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);
99
- --t-icon-color-status-info-primary: hsl(204, 100%, 40%);
100
- --t-icon-color-status-success-primary: hsl(96, 57%, 33%);
101
- --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);
102
- --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);
103
- --t-icon-color-status-error-primary: hsl(8, 60%, 47%);
104
- --t-fill-color-neutral-100: hsl(0, 0%, 100%);
105
- --t-fill-color-neutral-000: hsl(0, 0%, 12%);
106
- --t-fill-color-neutral-010: hsl(0, 0%, 24%);
107
- --t-fill-color-neutral-020: hsl(0, 0%, 42%);
108
- --t-fill-color-neutral-025: hsl(0, 0%, 50%);
109
- --t-fill-color-neutral-030: hsl(0, 0%, 58%);
110
- --t-fill-color-neutral-040: hsl(0, 0%, 81%);
111
- --t-fill-color-neutral-050: hsl(0, 0%, 88%);
112
- --t-fill-color-neutral-060: hsl(0, 0%, 93%);
113
- --t-fill-color-neutral-070: hsl(0, 0%, 95%);
114
- --t-fill-color-neutral-080: hsl(0, 0%, 97%);
115
- --t-fill-color-neutral-090: hsl(0, 0%, 98%);
116
- --t-fill-color-interaction-default: hsl(204, 100%, 40%);
117
- --t-fill-color-interaction-hover: hsl(204, 100%, 35%);
118
- --t-fill-color-interaction-active: hsl(204, 100%, 30%);
119
- --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);
120
- --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);
121
- --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);
122
- --t-fill-color-control-primary: hsl(204, 100%, 40%);
123
- --t-fill-color-control-secondary: hsl(97, 57%, 40%);
124
- --t-fill-color-control-error: hsl(8, 60%, 47%);
125
- --t-fill-color-control-disabled: hsl(0, 0%, 81%);
126
- --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);
127
- --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);
128
- --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);
129
- --t-fill-color-status-info-solid: hsl(204, 100%, 40%);
130
- --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);
131
- --t-fill-color-status-info-dim: hsl(204, 100%, 97%);
132
- --t-fill-color-status-success-solid: hsl(96, 57%, 33%);
133
- --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);
134
- --t-fill-color-status-success-dim: hsl(96, 60%, 95%);
135
- --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);
136
- --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);
137
- --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);
138
- --t-fill-color-status-error-solid: hsl(8, 60%, 47%);
139
- --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);
140
- --t-fill-color-status-error-dim: hsl(7, 60%, 97%);
141
- --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.9);
142
- --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);
143
- --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);
144
- --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);
145
- --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);
146
- --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);
147
- --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);
148
- --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);
149
- --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);
150
- --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);
151
- --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);
152
- --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);
153
- --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);
154
- --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);
155
- --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);
156
- --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);
157
- --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);
158
- --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);
159
- --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);
160
- --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);
161
- --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);
162
- --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);
163
- --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);
164
- --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);
165
- --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);
166
- --t-fill-color-product-giving-010: hsl(41, 95%, 93%);
167
- --t-fill-color-product-giving-020: hsl(42, 95%, 83%);
168
- --t-fill-color-product-giving-030: hsl(43, 95%, 75%);
169
- --t-fill-color-product-giving-040: hsl(43, 88%, 70%);
170
- --t-fill-color-product-giving-050: hsl(43, 88%, 64%);
171
- --t-fill-color-product-giving-060: hsl(42, 84%, 55%);
172
- --t-fill-color-product-giving-070: hsl(42, 84%, 48%);
173
- --t-fill-color-product-giving-080: hsl(42, 100%, 40%);
174
- --t-fill-color-product-groups-010: hsl(18, 95%, 92%);
175
- --t-fill-color-product-groups-020: hsl(17, 96%, 80%);
176
- --t-fill-color-product-groups-030: hsl(17, 96%, 70%);
177
- --t-fill-color-product-groups-040: hsl(17, 96%, 63%);
178
- --t-fill-color-product-groups-050: hsl(17, 88%, 55%);
179
- --t-fill-color-product-groups-060: hsl(12, 70%, 48%);
180
- --t-fill-color-product-groups-070: hsl(12, 70%, 40%);
181
- --t-fill-color-product-groups-080: hsl(14, 70%, 34%);
182
- --t-fill-color-product-home-010: hsl(221, 89%, 93%);
183
- --t-fill-color-product-home-020: hsl(221, 91%, 91%);
184
- --t-fill-color-product-home-030: hsl(221, 91%, 87%);
185
- --t-fill-color-product-home-040: hsl(221, 91%, 62%);
186
- --t-fill-color-product-home-050: hsl(221, 91%, 55%);
187
- --t-fill-color-product-home-060: hsl(221, 90%, 50%);
188
- --t-fill-color-product-home-070: hsl(221, 90%, 45%);
189
- --t-fill-color-product-home-080: hsl(218, 84%, 25%);
190
- --t-fill-color-product-people-010: hsl(219, 73%, 91%);
191
- --t-fill-color-product-people-020: hsl(220, 69%, 81%);
192
- --t-fill-color-product-people-030: hsl(221, 73%, 71%);
193
- --t-fill-color-product-people-040: hsl(221, 73%, 65%);
194
- --t-fill-color-product-people-050: hsl(220, 74%, 57%);
195
- --t-fill-color-product-people-060: hsl(220, 68%, 51%);
196
- --t-fill-color-product-people-070: hsl(220, 68%, 41%);
197
- --t-fill-color-product-people-080: hsl(221, 68%, 31%);
198
- --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);
199
- --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);
200
- --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);
201
- --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);
202
- --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);
203
- --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);
204
- --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);
205
- --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);
206
- --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);
207
- --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);
208
- --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);
209
- --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);
210
- --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);
211
- --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);
212
- --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);
213
- --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);
214
- --t-fill-color-product-services-010: hsl(88, 31%, 88%);
215
- --t-fill-color-product-services-020: hsl(88, 39%, 75%);
216
- --t-fill-color-product-services-030: hsl(88, 39%, 66%);
217
- --t-fill-color-product-services-040: hsl(88, 40%, 54%);
218
- --t-fill-color-product-services-050: hsl(88, 45%, 41%);
219
- --t-fill-color-product-services-060: hsl(89, 62%, 31%);
220
- --t-fill-color-product-services-070: hsl(89, 62%, 26%);
221
- --t-fill-color-product-services-080: hsl(89, 63%, 21%);
222
- --t-fill-color-product-staff-base: hsl(328, 100%, 45%);
223
- --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);
224
- --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);
225
- --t-fill-color-product-accounts-gradient-brand: linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
226
- --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
227
- --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
228
- --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
229
- --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
230
- --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
231
- --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
232
- --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
233
- --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
234
- --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));
235
- --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
236
- --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
237
- --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));
238
- --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));
239
- --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
240
- --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
241
- --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
242
- --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
243
- --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
244
- --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
245
- --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
246
- --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
247
- --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
248
- --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
249
- --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
250
- --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
251
- --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
252
- --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
253
- --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));
254
- --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));
255
- --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
256
- --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));
257
- --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));
258
- --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);
259
- --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);
260
- --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);
261
- --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);
262
- --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);
263
- --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);
264
- --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);
265
- --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);
266
- --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);
267
- --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);
268
- --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);
269
- --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);
270
- --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);
271
- --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);
272
- --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);
273
- --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);
274
- --t-fill-color-tag-green-010: hsl(98, 59%, 85%);
275
- --t-fill-color-tag-green-020: hsl(99, 59%, 78%);
276
- --t-fill-color-tag-green-030: hsl(112, 57%, 65%);
277
- --t-fill-color-tag-green-040: hsl(112, 57%, 57%);
278
- --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);
279
- --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);
280
- --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);
281
- --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);
282
- --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);
283
- --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);
284
- --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);
285
- --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);
286
- --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);
287
- --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);
288
- --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);
289
- --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);
290
- --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);
291
- --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);
292
- --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);
293
- --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);
294
- --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);
295
- --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);
296
- --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);
297
- --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);
298
- --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);
299
- --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);
300
- --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);
301
- --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);
302
- --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 93%);
303
- --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 88%);
304
- --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 81%);
305
- --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);
306
- --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);
307
- --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);
308
- --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);
309
- --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);
310
- --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);
311
- --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);
312
- --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
313
- --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
314
- --t-fill-color-button-neutral-responsive-header-default: hsla(0, 0%, 0%, 0.1);
315
- --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);
316
- --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);
317
- --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);
318
- --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
319
- --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
320
- --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);
321
- --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);
322
- --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);
323
- --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);
324
- --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);
325
- --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);
326
- --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);
327
- --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);
328
- --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);
329
- --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);
330
- --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);
331
- --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);
332
- --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);
333
- --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);
334
- --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);
335
- --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);
336
- --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);
337
- --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);
338
- --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);
339
- --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);
340
- --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);
341
- --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);
342
- --t-fill-color-button-pill-default: hsl(0, 0%, 93%);
343
- --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);
344
- --t-fill-color-button-pill-active: hsl(0, 0%, 88%);
345
- --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);
346
- --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);
347
- --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);
348
- --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);
349
- --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);
350
- --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);
351
- --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);
352
- --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);
353
- --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);
354
- --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);
355
- --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);
356
- --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);
357
- --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);
358
- --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);
359
- --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);
360
- --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);
361
- --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);
362
- --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);
363
- --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);
364
- --t-surface-color-card: hsl(0, 0%, 100%);
365
- --t-surface-color-canvas: hsl(0, 0%, 100%);
366
- --t-border-color-default-base: hsl(0, 0%, 88%);
367
- --t-border-color-default-dark: hsl(0, 0%, 81%);
368
- --t-border-color-default-darker: hsl(0, 0%, 68%);
369
- --t-border-color-default-darkest: hsl(0, 0%, 58%);
370
- --t-border-color-default-disabled: hsl(0, 0%, 88%);
371
- --t-border-color-default-dim: hsl(0, 0%, 95%);
372
- --t-border-color-default-white: hsl(0, 0%, 100%);
373
- --t-border-color-status-neutral: hsl(0, 0%, 58%);
374
- --t-border-color-status-info: hsl(204, 100%, 40%);
375
- --t-border-color-status-success: hsl(97, 57%, 40%);
376
- --t-border-color-status-warning: hsl(42, 84%, 63%);
377
- --t-border-color-status-error: hsl(8, 60%, 47%);
378
- --t-border-color-button-neutral: hsl(0, 0%, 88%);
379
- --t-border-color-button-info: hsl(204, 100%, 40%);
380
- --t-border-color-button-create: hsl(96, 57%, 33%);
381
- --t-border-color-button-delete: hsl(8, 60%, 47%);
382
- --t-border-color-control-neutral: hsl(0, 0%, 68%);
383
- --t-border-color-control-info: hsl(204, 100%, 40%);
384
- --t-border-color-control-success: hsl(97, 57%, 40%);
385
- --t-border-color-control-warning: hsl(42, 84%, 63%);
386
- --t-border-color-control-error: hsl(8, 60%, 47%);
387
- --t-border-color-control-disabled: hsl(0, 0%, 88%);
388
- --t-form-background-color: var(--t-fill-color-neutral-100);
389
- --t-form-background-color-disabled: var(--t-fill-color-neutral-070);
390
- --t-form-background-color-error: var(--t-fill-color-neutral-100);
391
- --t-form-background-color-readonly: var(--t-fill-color-neutral-070);
392
- --t-form-border-color: var(--t-border-color-default-base);
393
- --t-form-border-color-disabled: var(--t-border-color-default-base);
394
- --t-form-border-color-error: var(--t-border-color-status-error);
395
- --t-form-border-color-focus: var(--t-fill-color-interaction-default);
396
- --t-form-border-color-hover: var(--t-border-color-default-dark);
397
- --t-form-border-color-readonly: hsla(0, 0%, 100%, 0);
398
- --t-form-border-radius: var(--t-border-radius-md);
399
- --t-form-border-width: var(--t-border-width-default);
400
- --t-form-font-color: var(--t-text-color-default-primary);
401
- --t-form-font-color-disabled: var(--t-text-color-default-disabled);
402
- --t-form-font-color-error: var(--t-text-color-status-error);
403
- --t-form-font-color-readonly: var(--t-text-color-default-primary);
404
- --t-form-picker-icon-color: var(--t-icon-color-default-primary);
405
- --t-form-placeholder-color: var(--t-text-color-default-placeholder);
406
- --t-border-size-default: var(--t-border-width-default);
407
- --t-border-size-thick: var(--t-border-width-thick);
408
- --t-font-weight-semi-bold: var(--t-font-weight-semibold);
409
- --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);
410
- --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);
411
- --t-fill-color-alert-info: hsl(204, 94%, 49%);
412
- --t-fill-color-alert-success: hsl(122, 60%, 41%);
413
- --t-fill-color-alert-warning: hsl(43, 96%, 58%);
414
- --t-fill-color-alert-error: hsl(4, 77%, 59%);
415
- --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);
416
- --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);
417
- --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);
418
- --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);
419
- --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);
420
- --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);
421
- --t-fill-color-button-create-ghost-default: hsla(0, 0%, 100%, 0);
422
- --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);
423
- --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);
424
- --t-fill-color-button-create-ghost-disabled: hsla(0, 0%, 100%, 0);
423
+ :root[data-color-mode="dark"]{
424
+ color-scheme:dark;
425
+ --t-text-color-default-headline:hsl(0, 0%, 94%);
426
+ --t-text-color-default-primary:hsl(0, 0%, 80%);
427
+ --t-text-color-default-secondary:hsl(0, 0%, 54%);
428
+ --t-text-color-default-disabled:hsl(0, 0%, 25%);
429
+ --t-text-color-default-placeholder:hsl(0, 0%, 38%);
430
+ --t-text-color-default-inverted:hsl(0, 0%, 100%);
431
+ --t-text-color-interaction-primary:hsl(204, 68%, 55%);
432
+ --t-text-color-interaction-hover:hsl(204, 68%, 50%);
433
+ --t-text-color-interaction-active:hsl(204, 68%, 45%);
434
+ --t-text-color-interaction-visited:hsl(204, 68%, 50%);
435
+ --t-text-color-status-neutral:hsl(0, 0%, 80%);
436
+ --t-text-color-status-info:hsl(204, 68%, 55%);
437
+ --t-text-color-status-success:hsl(97, 57%, 41%);
438
+ --t-text-color-status-warning:hsl(42, 84%, 55%);
439
+ --t-text-color-status-error:hsl(8, 61%, 61%);
440
+ --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
441
+ --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
442
+ --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
443
+ --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
444
+ --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
445
+ --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
446
+ --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
447
+ --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
448
+ --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
449
+ --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
450
+ --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
451
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
452
+ --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
453
+ --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
454
+ --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
455
+ --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
456
+ --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
457
+ --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
458
+ --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
459
+ --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
460
+ --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
461
+ --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
462
+ --t-icon-color-default-primary:hsl(0, 0%, 80%);
463
+ --t-icon-color-default-secondary:hsl(0, 0%, 54%);
464
+ --t-icon-color-default-dim:hsl(0, 0%, 38%);
465
+ --t-icon-color-default-disabled:hsl(0, 0%, 25%);
466
+ --t-icon-color-default-inverted:hsl(0, 0%, 100%);
467
+ --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
468
+ --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
469
+ --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
470
+ --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
471
+ --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
472
+ --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
473
+ --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
474
+ --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
475
+ --t-fill-color-neutral-100:hsl(0, 0%, 10%);
476
+ --t-fill-color-neutral-000:hsl(0, 0%, 98%);
477
+ --t-fill-color-neutral-010:hsl(0, 0%, 88%);
478
+ --t-fill-color-neutral-020:hsl(0, 0%, 68%);
479
+ --t-fill-color-neutral-025:hsl(0, 0%, 58%);
480
+ --t-fill-color-neutral-030:hsl(0, 0%, 50%);
481
+ --t-fill-color-neutral-040:hsl(0, 0%, 32%);
482
+ --t-fill-color-neutral-050:hsl(0, 0%, 24%);
483
+ --t-fill-color-neutral-060:hsl(0, 0%, 19%);
484
+ --t-fill-color-neutral-070:hsl(0, 0%, 17%);
485
+ --t-fill-color-neutral-080:hsl(0, 0%, 15%);
486
+ --t-fill-color-neutral-090:hsl(0, 0%, 12%);
487
+ --t-fill-color-interaction-default:hsl(204, 100%, 35%);
488
+ --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
489
+ --t-fill-color-interaction-active:hsl(204, 80%, 45%);
490
+ --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
491
+ --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
492
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
493
+ --t-fill-color-control-primary:hsl(204, 100%, 35%);
494
+ --t-fill-color-control-secondary:hsl(97, 57%, 40%);
495
+ --t-fill-color-control-error:hsl(8, 60%, 47%);
496
+ --t-fill-color-control-disabled:hsl(0, 0%, 20%);
497
+ --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
498
+ --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
499
+ --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
500
+ --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
501
+ --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
502
+ --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
503
+ --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
504
+ --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
505
+ --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
506
+ --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
507
+ --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
508
+ --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
509
+ --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
510
+ --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
511
+ --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
512
+ --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
513
+ --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
514
+ --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
515
+ --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
516
+ --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
517
+ --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
518
+ --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
519
+ --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
520
+ --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
521
+ --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
522
+ --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
523
+ --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
524
+ --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
525
+ --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
526
+ --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
527
+ --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
528
+ --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
529
+ --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
530
+ --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
531
+ --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
532
+ --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
533
+ --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
534
+ --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
535
+ --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
536
+ --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
537
+ --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
538
+ --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
539
+ --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
540
+ --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
541
+ --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
542
+ --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
543
+ --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
544
+ --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
545
+ --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
546
+ --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
547
+ --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
548
+ --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
549
+ --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
550
+ --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
551
+ --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
552
+ --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
553
+ --t-fill-color-product-home-010:hsl(221, 89%, 93%);
554
+ --t-fill-color-product-home-020:hsl(221, 91%, 91%);
555
+ --t-fill-color-product-home-030:hsl(221, 91%, 87%);
556
+ --t-fill-color-product-home-040:hsl(221, 91%, 62%);
557
+ --t-fill-color-product-home-050:hsl(221, 91%, 55%);
558
+ --t-fill-color-product-home-060:hsl(221, 90%, 50%);
559
+ --t-fill-color-product-home-070:hsl(221, 90%, 45%);
560
+ --t-fill-color-product-home-080:hsl(218, 84%, 25%);
561
+ --t-fill-color-product-people-010:hsl(219, 73%, 91%);
562
+ --t-fill-color-product-people-020:hsl(220, 69%, 81%);
563
+ --t-fill-color-product-people-030:hsl(221, 73%, 71%);
564
+ --t-fill-color-product-people-040:hsl(221, 73%, 65%);
565
+ --t-fill-color-product-people-050:hsl(220, 74%, 57%);
566
+ --t-fill-color-product-people-060:hsl(220, 68%, 51%);
567
+ --t-fill-color-product-people-070:hsl(220, 68%, 41%);
568
+ --t-fill-color-product-people-080:hsl(221, 68%, 31%);
569
+ --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
570
+ --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
571
+ --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
572
+ --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
573
+ --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
574
+ --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
575
+ --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
576
+ --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
577
+ --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
578
+ --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
579
+ --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
580
+ --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
581
+ --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
582
+ --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
583
+ --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
584
+ --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
585
+ --t-fill-color-product-services-010:hsl(88, 31%, 88%);
586
+ --t-fill-color-product-services-020:hsl(88, 39%, 75%);
587
+ --t-fill-color-product-services-030:hsl(88, 39%, 66%);
588
+ --t-fill-color-product-services-040:hsl(88, 40%, 54%);
589
+ --t-fill-color-product-services-050:hsl(88, 45%, 41%);
590
+ --t-fill-color-product-services-060:hsl(89, 62%, 31%);
591
+ --t-fill-color-product-services-070:hsl(89, 62%, 26%);
592
+ --t-fill-color-product-services-080:hsl(89, 63%, 21%);
593
+ --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
594
+ --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
595
+ --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
596
+ --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
597
+ --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
598
+ --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
599
+ --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
600
+ --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
601
+ --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
602
+ --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
603
+ --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
604
+ --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
605
+ --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
606
+ --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
607
+ --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
608
+ --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
609
+ --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
610
+ --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
611
+ --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
612
+ --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
613
+ --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
614
+ --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
615
+ --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
616
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
617
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
618
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
619
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
620
+ --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
621
+ --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
622
+ --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
623
+ --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
624
+ --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
625
+ --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
626
+ --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
627
+ --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
628
+ --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
629
+ --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
630
+ --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
631
+ --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
632
+ --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
633
+ --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
634
+ --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
635
+ --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
636
+ --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
637
+ --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
638
+ --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
639
+ --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
640
+ --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
641
+ --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
642
+ --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
643
+ --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
644
+ --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
645
+ --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
646
+ --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
647
+ --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
648
+ --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
649
+ --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
650
+ --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
651
+ --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
652
+ --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
653
+ --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
654
+ --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
655
+ --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
656
+ --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
657
+ --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
658
+ --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
659
+ --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
660
+ --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
661
+ --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
662
+ --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
663
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
664
+ --t-fill-color-button-neutral-outline-dim-default:hsl(0, 0%, 15%);
665
+ --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
666
+ --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
667
+ --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
668
+ --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
669
+ --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
670
+ --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
671
+ --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
672
+ --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
673
+ --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
674
+ --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
675
+ --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
676
+ --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
677
+ --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
678
+ --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
679
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
680
+ --t-fill-color-button-interaction-outline-dim-default:hsl(204, 32%, 15%);
681
+ --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
682
+ --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
683
+ --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
684
+ --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
685
+ --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
686
+ --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
687
+ --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
688
+ --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
689
+ --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
690
+ --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
691
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
692
+ --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
693
+ --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
694
+ --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
695
+ --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
696
+ --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
697
+ --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
698
+ --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
699
+ --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
700
+ --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
701
+ --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
702
+ --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
703
+ --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
704
+ --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
705
+ --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
706
+ --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
707
+ --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
708
+ --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
709
+ --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
710
+ --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
711
+ --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
712
+ --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
713
+ --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
714
+ --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
715
+ --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
716
+ --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
717
+ --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
718
+ --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
719
+ --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
720
+ --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
721
+ --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
722
+ --t-surface-color-card:hsl(0, 0%, 12%);
723
+ --t-surface-color-canvas:hsl(0, 0%, 10%);
724
+ --t-border-color-default-base:hsl(0, 0%, 21%);
725
+ --t-border-color-default-dark:hsl(0, 0%, 25%);
726
+ --t-border-color-default-darker:hsl(0, 0%, 33%);
727
+ --t-border-color-default-darkest:hsl(0, 0%, 38%);
728
+ --t-border-color-default-disabled:hsl(0, 0%, 21%);
729
+ --t-border-color-default-dim:hsl(0, 0%, 16%);
730
+ --t-border-color-default-white:hsl(0, 0%, 12%);
731
+ --t-border-color-status-neutral:hsl(0, 0%, 38%);
732
+ --t-border-color-status-info:hsl(204, 100%, 35%);
733
+ --t-border-color-status-success:hsl(97, 57%, 40%);
734
+ --t-border-color-status-warning:hsl(42, 84%, 63%);
735
+ --t-border-color-status-error:hsl(8, 60%, 47%);
736
+ --t-border-color-button-neutral:hsl(0, 0%, 19%);
737
+ --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
738
+ --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
739
+ --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
740
+ --t-border-color-control-neutral:hsl(0, 0%, 33%);
741
+ --t-border-color-control-info:hsl(204, 100%, 35%);
742
+ --t-border-color-control-success:hsl(97, 57%, 40%);
743
+ --t-border-color-control-warning:hsl(42, 84%, 63%);
744
+ --t-border-color-control-error:hsl(8, 60%, 47%);
745
+ --t-border-color-control-disabled:hsl(0, 0%, 21%);
425
746
  }
426
747
 
427
- /**
428
- * Do not edit directly, this file was auto-generated.
429
- */
748
+ @media (prefers-color-scheme: dark){
749
+ :root[data-color-mode="system"]{
750
+ color-scheme:dark;
751
+ --t-text-color-default-headline:hsl(0, 0%, 94%);
752
+ --t-text-color-default-primary:hsl(0, 0%, 80%);
753
+ --t-text-color-default-secondary:hsl(0, 0%, 54%);
754
+ --t-text-color-default-disabled:hsl(0, 0%, 25%);
755
+ --t-text-color-default-placeholder:hsl(0, 0%, 38%);
756
+ --t-text-color-default-inverted:hsl(0, 0%, 100%);
757
+ --t-text-color-interaction-primary:hsl(204, 68%, 55%);
758
+ --t-text-color-interaction-hover:hsl(204, 68%, 50%);
759
+ --t-text-color-interaction-active:hsl(204, 68%, 45%);
760
+ --t-text-color-interaction-visited:hsl(204, 68%, 50%);
761
+ --t-text-color-status-neutral:hsl(0, 0%, 80%);
762
+ --t-text-color-status-info:hsl(204, 68%, 55%);
763
+ --t-text-color-status-success:hsl(97, 57%, 41%);
764
+ --t-text-color-status-warning:hsl(42, 84%, 55%);
765
+ --t-text-color-status-error:hsl(8, 61%, 61%);
766
+ --t-text-color-tag-subtle-gray:hsl(0, 0%, 80%);
767
+ --t-text-color-tag-subtle-blue:hsl(223, 46%, 84%);
768
+ --t-text-color-tag-subtle-indigo:hsl(233, 78%, 84%);
769
+ --t-text-color-tag-subtle-aqua:hsl(208, 77%, 85%);
770
+ --t-text-color-tag-subtle-teal:hsl(180, 95%, 74%);
771
+ --t-text-color-tag-subtle-green:hsl(99, 93%, 84%);
772
+ --t-text-color-tag-subtle-yellow:hsl(29, 100%, 85%);
773
+ --t-text-color-tag-subtle-orange:hsl(18, 100%, 85%);
774
+ --t-text-color-tag-subtle-pink:hsl(328, 89%, 89%);
775
+ --t-text-color-tag-subtle-purple:hsl(268, 70%, 88%);
776
+ --t-text-color-tag-subtle-magenta:hsl(285, 70%, 88%);
777
+ --t-text-color-tag-bold-gray:hsl(0, 0%, 17%);
778
+ --t-text-color-tag-bold-indigo:hsl(241, 59%, 28%);
779
+ --t-text-color-tag-bold-blue:hsl(224, 47%, 31%);
780
+ --t-text-color-tag-bold-aqua:hsl(209, 77%, 22%);
781
+ --t-text-color-tag-bold-teal:hsl(180, 95%, 15%);
782
+ --t-text-color-tag-bold-green:hsl(100, 93%, 17%);
783
+ --t-text-color-tag-bold-yellow:hsl(29, 100%, 23%);
784
+ --t-text-color-tag-bold-orange:hsl(18, 100%, 18%);
785
+ --t-text-color-tag-bold-pink:hsl(327, 88%, 20%);
786
+ --t-text-color-tag-bold-purple:hsl(268, 71%, 27%);
787
+ --t-text-color-tag-bold-magenta:hsl(285, 71%, 20%);
788
+ --t-icon-color-default-primary:hsl(0, 0%, 80%);
789
+ --t-icon-color-default-secondary:hsl(0, 0%, 54%);
790
+ --t-icon-color-default-dim:hsl(0, 0%, 38%);
791
+ --t-icon-color-default-disabled:hsl(0, 0%, 25%);
792
+ --t-icon-color-default-inverted:hsl(0, 0%, 100%);
793
+ --t-icon-color-status-neutral-primary:hsl(0, 0%, 54%);
794
+ --t-icon-color-status-neutral-secondary:hsl(0, 0%, 38%);
795
+ --t-icon-color-status-neutral-bold:hsl(0, 0%, 80%);
796
+ --t-icon-color-status-info-primary:hsl(204, 68%, 55%);
797
+ --t-icon-color-status-success-primary:hsl(96, 57%, 33%);
798
+ --t-icon-color-status-success-secondary:hsl(97, 57%, 40%);
799
+ --t-icon-color-status-warning-primary:hsl(42, 84%, 49%);
800
+ --t-icon-color-status-error-primary:hsl(8, 61%, 61%);
801
+ --t-fill-color-neutral-100:hsl(0, 0%, 10%);
802
+ --t-fill-color-neutral-000:hsl(0, 0%, 98%);
803
+ --t-fill-color-neutral-010:hsl(0, 0%, 88%);
804
+ --t-fill-color-neutral-020:hsl(0, 0%, 68%);
805
+ --t-fill-color-neutral-025:hsl(0, 0%, 58%);
806
+ --t-fill-color-neutral-030:hsl(0, 0%, 50%);
807
+ --t-fill-color-neutral-040:hsl(0, 0%, 32%);
808
+ --t-fill-color-neutral-050:hsl(0, 0%, 24%);
809
+ --t-fill-color-neutral-060:hsl(0, 0%, 19%);
810
+ --t-fill-color-neutral-070:hsl(0, 0%, 17%);
811
+ --t-fill-color-neutral-080:hsl(0, 0%, 15%);
812
+ --t-fill-color-neutral-090:hsl(0, 0%, 12%);
813
+ --t-fill-color-interaction-default:hsl(204, 100%, 35%);
814
+ --t-fill-color-interaction-hover:hsl(204, 100%, 40%);
815
+ --t-fill-color-interaction-active:hsl(204, 80%, 45%);
816
+ --t-fill-color-interaction-disabled:hsl(0, 0%, 25%);
817
+ --t-fill-color-control-neutral-off:hsl(0, 0%, 32%);
818
+ --t-fill-color-control-neutral-on:hsl(0, 0%, 50%);
819
+ --t-fill-color-control-primary:hsl(204, 100%, 35%);
820
+ --t-fill-color-control-secondary:hsl(97, 57%, 40%);
821
+ --t-fill-color-control-error:hsl(8, 60%, 47%);
822
+ --t-fill-color-control-disabled:hsl(0, 0%, 20%);
823
+ --t-fill-color-status-neutral-solid:hsl(0, 0%, 24%);
824
+ --t-fill-color-status-neutral-ghost:hsl(0, 0%, 18%);
825
+ --t-fill-color-status-neutral-dim:hsl(0, 0%, 15%);
826
+ --t-fill-color-status-info-solid:hsl(204, 100%, 35%);
827
+ --t-fill-color-status-info-ghost:hsl(204, 32%, 15%);
828
+ --t-fill-color-status-info-dim:hsl(206, 22%, 15%);
829
+ --t-fill-color-status-success-solid:hsl(96, 57%, 33%);
830
+ --t-fill-color-status-success-ghost:hsl(125, 17%, 15%);
831
+ --t-fill-color-status-success-dim:hsl(120, 12%, 14%);
832
+ --t-fill-color-status-warning-solid:hsl(42, 84%, 63%);
833
+ --t-fill-color-status-warning-ghost:hsl(41, 18%, 17%);
834
+ --t-fill-color-status-warning-dim:hsl(42, 13%, 15%);
835
+ --t-fill-color-status-error-solid:hsl(8, 60%, 47%);
836
+ --t-fill-color-status-error-ghost:hsl(8, 20%, 16%);
837
+ --t-fill-color-status-error-dim:hsl(10, 16%, 15%);
838
+ --t-fill-color-tooltip-primary:hsla(0, 0%, 24%, 0.9);
839
+ --t-fill-color-product-accounts-010:hsl(212, 54%, 93%);
840
+ --t-fill-color-product-accounts-020:hsl(209, 53%, 90%);
841
+ --t-fill-color-product-accounts-030:hsl(210, 56%, 70%);
842
+ --t-fill-color-product-accounts-040:hsl(210, 54%, 60%);
843
+ --t-fill-color-product-accounts-050:hsl(210, 55%, 50%);
844
+ --t-fill-color-product-accounts-060:hsl(210, 65%, 40%);
845
+ --t-fill-color-product-accounts-070:hsl(211, 70%, 32%);
846
+ --t-fill-color-product-accounts-080:hsl(210, 75%, 25%);
847
+ --t-fill-color-product-calendar-010:hsl(8, 61%, 90%);
848
+ --t-fill-color-product-calendar-020:hsl(8, 61%, 70%);
849
+ --t-fill-color-product-calendar-030:hsl(8, 72%, 59%);
850
+ --t-fill-color-product-calendar-040:hsl(8, 65%, 55%);
851
+ --t-fill-color-product-calendar-050:hsl(9, 61%, 50%);
852
+ --t-fill-color-product-calendar-060:hsl(8, 65%, 42%);
853
+ --t-fill-color-product-calendar-070:hsl(7, 65%, 34%);
854
+ --t-fill-color-product-calendar-080:hsl(9, 61%, 27%);
855
+ --t-fill-color-product-checkins-010:hsl(285, 20%, 92%);
856
+ --t-fill-color-product-checkins-020:hsl(283, 22%, 75%);
857
+ --t-fill-color-product-checkins-030:hsl(284, 22%, 64%);
858
+ --t-fill-color-product-checkins-040:hsl(283, 22%, 55%);
859
+ --t-fill-color-product-checkins-050:hsl(283, 22%, 48%);
860
+ --t-fill-color-product-checkins-060:hsl(283, 27%, 42%);
861
+ --t-fill-color-product-checkins-070:hsl(284, 33%, 34%);
862
+ --t-fill-color-product-checkins-080:hsl(283, 33%, 27%);
863
+ --t-fill-color-product-giving-010:hsl(41, 95%, 93%);
864
+ --t-fill-color-product-giving-020:hsl(42, 95%, 83%);
865
+ --t-fill-color-product-giving-030:hsl(43, 95%, 75%);
866
+ --t-fill-color-product-giving-040:hsl(43, 88%, 70%);
867
+ --t-fill-color-product-giving-050:hsl(43, 88%, 64%);
868
+ --t-fill-color-product-giving-060:hsl(42, 84%, 55%);
869
+ --t-fill-color-product-giving-070:hsl(42, 84%, 48%);
870
+ --t-fill-color-product-giving-080:hsl(42, 100%, 40%);
871
+ --t-fill-color-product-groups-010:hsl(18, 95%, 92%);
872
+ --t-fill-color-product-groups-020:hsl(17, 96%, 80%);
873
+ --t-fill-color-product-groups-030:hsl(17, 96%, 70%);
874
+ --t-fill-color-product-groups-040:hsl(17, 96%, 63%);
875
+ --t-fill-color-product-groups-050:hsl(17, 88%, 55%);
876
+ --t-fill-color-product-groups-060:hsl(12, 70%, 48%);
877
+ --t-fill-color-product-groups-070:hsl(12, 70%, 40%);
878
+ --t-fill-color-product-groups-080:hsl(14, 70%, 34%);
879
+ --t-fill-color-product-home-010:hsl(221, 89%, 93%);
880
+ --t-fill-color-product-home-020:hsl(221, 91%, 91%);
881
+ --t-fill-color-product-home-030:hsl(221, 91%, 87%);
882
+ --t-fill-color-product-home-040:hsl(221, 91%, 62%);
883
+ --t-fill-color-product-home-050:hsl(221, 91%, 55%);
884
+ --t-fill-color-product-home-060:hsl(221, 90%, 50%);
885
+ --t-fill-color-product-home-070:hsl(221, 90%, 45%);
886
+ --t-fill-color-product-home-080:hsl(218, 84%, 25%);
887
+ --t-fill-color-product-people-010:hsl(219, 73%, 91%);
888
+ --t-fill-color-product-people-020:hsl(220, 69%, 81%);
889
+ --t-fill-color-product-people-030:hsl(221, 73%, 71%);
890
+ --t-fill-color-product-people-040:hsl(221, 73%, 65%);
891
+ --t-fill-color-product-people-050:hsl(220, 74%, 57%);
892
+ --t-fill-color-product-people-060:hsl(220, 68%, 51%);
893
+ --t-fill-color-product-people-070:hsl(220, 68%, 41%);
894
+ --t-fill-color-product-people-080:hsl(221, 68%, 31%);
895
+ --t-fill-color-product-publishing-010:hsl(220, 4%, 86%);
896
+ --t-fill-color-product-publishing-020:hsl(222, 10%, 60%);
897
+ --t-fill-color-product-publishing-030:hsl(221, 11%, 50%);
898
+ --t-fill-color-product-publishing-040:hsl(222, 12%, 39%);
899
+ --t-fill-color-product-publishing-050:hsl(220, 12%, 31%);
900
+ --t-fill-color-product-publishing-060:hsl(220, 11%, 26%);
901
+ --t-fill-color-product-publishing-070:hsl(217, 12%, 22%);
902
+ --t-fill-color-product-publishing-080:hsl(214, 11%, 12%);
903
+ --t-fill-color-product-registrations-010:hsl(173, 28%, 89%);
904
+ --t-fill-color-product-registrations-020:hsl(176, 38%, 78%);
905
+ --t-fill-color-product-registrations-030:hsl(176, 37%, 68%);
906
+ --t-fill-color-product-registrations-040:hsl(176, 37%, 60%);
907
+ --t-fill-color-product-registrations-050:hsl(175, 36%, 43%);
908
+ --t-fill-color-product-registrations-060:hsl(175, 51%, 34%);
909
+ --t-fill-color-product-registrations-070:hsl(174, 51%, 28%);
910
+ --t-fill-color-product-registrations-080:hsl(175, 52%, 22%);
911
+ --t-fill-color-product-services-010:hsl(88, 31%, 88%);
912
+ --t-fill-color-product-services-020:hsl(88, 39%, 75%);
913
+ --t-fill-color-product-services-030:hsl(88, 39%, 66%);
914
+ --t-fill-color-product-services-040:hsl(88, 40%, 54%);
915
+ --t-fill-color-product-services-050:hsl(88, 45%, 41%);
916
+ --t-fill-color-product-services-060:hsl(89, 62%, 31%);
917
+ --t-fill-color-product-services-070:hsl(89, 62%, 26%);
918
+ --t-fill-color-product-services-080:hsl(89, 63%, 21%);
919
+ --t-fill-color-product-staff-base:hsl(328, 100%, 45%);
920
+ --t-fill-color-product-staff-dark:hsl(328, 100%, 38%);
921
+ --t-fill-color-product-staff-darker:hsl(328, 100%, 33%);
922
+ --t-fill-color-product-accounts-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
923
+ --t-fill-color-product-accounts-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
924
+ --t-fill-color-product-calendar-gradient-page:linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
925
+ --t-fill-color-product-calendar-gradient-tint:linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));
926
+ --t-fill-color-product-checkins-gradient-page:linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));
927
+ --t-fill-color-product-checkins-gradient-tint:linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));
928
+ --t-fill-color-product-giving-gradient-page:linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));
929
+ --t-fill-color-product-giving-gradient-tint:linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));
930
+ --t-fill-color-product-groups-gradient-page:linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));
931
+ --t-fill-color-product-groups-gradient-tint:linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));
932
+ --t-fill-color-product-home-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
933
+ --t-fill-color-product-home-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
934
+ --t-fill-color-product-people-gradient-page:linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));
935
+ --t-fill-color-product-people-gradient-tint:linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));
936
+ --t-fill-color-product-publishing-gradient-page:linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));
937
+ --t-fill-color-product-publishing-gradient-tint:linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));
938
+ --t-fill-color-product-registrations-gradient-page:linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));
939
+ --t-fill-color-product-registrations-gradient-tint:linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));
940
+ --t-fill-color-product-services-gradient-page:linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));
941
+ --t-fill-color-product-services-gradient-tint:linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));
942
+ --t-fill-color-tag-gray-010:hsl(0, 0%, 19%);
943
+ --t-fill-color-tag-gray-020:hsl(0, 0%, 17%);
944
+ --t-fill-color-tag-gray-030:hsl(0, 0%, 68%);
945
+ --t-fill-color-tag-gray-040:hsl(0, 0%, 58%);
946
+ --t-fill-color-tag-blue-010:hsl(229, 22%, 24%);
947
+ --t-fill-color-tag-blue-020:hsl(233, 27%, 23%);
948
+ --t-fill-color-tag-blue-030:hsl(220, 98%, 81%);
949
+ --t-fill-color-tag-blue-040:hsl(220, 98%, 74%);
950
+ --t-fill-color-tag-aqua-010:hsl(217, 25%, 24%);
951
+ --t-fill-color-tag-aqua-020:hsl(222, 27%, 22%);
952
+ --t-fill-color-tag-aqua-030:hsl(201, 76%, 71%);
953
+ --t-fill-color-tag-aqua-040:hsl(200, 75%, 64%);
954
+ --t-fill-color-tag-teal-010:hsl(150, 20%, 24%);
955
+ --t-fill-color-tag-teal-020:hsl(147, 16%, 22%);
956
+ --t-fill-color-tag-teal-030:hsl(169, 62%, 64%);
957
+ --t-fill-color-tag-teal-040:hsl(169, 62%, 56%);
958
+ --t-fill-color-tag-green-010:hsl(108, 21%, 22%);
959
+ --t-fill-color-tag-green-020:hsl(109, 22%, 20%);
960
+ --t-fill-color-tag-green-030:hsl(112, 57%, 65%);
961
+ --t-fill-color-tag-green-040:hsl(112, 57%, 57%);
962
+ --t-fill-color-tag-yellow-010:hsl(38, 27%, 23%);
963
+ --t-fill-color-tag-yellow-020:hsl(37, 27%, 21%);
964
+ --t-fill-color-tag-yellow-030:hsl(44, 92%, 69%);
965
+ --t-fill-color-tag-yellow-040:hsl(44, 93%, 61%);
966
+ --t-fill-color-tag-orange-010:hsl(12, 25%, 23%);
967
+ --t-fill-color-tag-orange-020:hsl(10, 29%, 21%);
968
+ --t-fill-color-tag-orange-030:hsl(21, 86%, 72%);
969
+ --t-fill-color-tag-orange-040:hsl(21, 86%, 64%);
970
+ --t-fill-color-tag-pink-010:hsl(331, 22%, 24%);
971
+ --t-fill-color-tag-pink-020:hsl(338, 25%, 21%);
972
+ --t-fill-color-tag-pink-030:hsl(324, 78%, 77%);
973
+ --t-fill-color-tag-pink-040:hsl(324, 76%, 70%);
974
+ --t-fill-color-tag-purple-010:hsl(260, 25%, 24%);
975
+ --t-fill-color-tag-purple-020:hsl(254, 27%, 22%);
976
+ --t-fill-color-tag-purple-030:hsl(273, 62%, 76%);
977
+ --t-fill-color-tag-purple-040:hsl(273, 62%, 70%);
978
+ --t-fill-color-tag-magenta-010:hsl(276, 18%, 22%);
979
+ --t-fill-color-tag-magenta-020:hsl(277, 18%, 20%);
980
+ --t-fill-color-tag-magenta-030:hsl(291, 48%, 70%);
981
+ --t-fill-color-tag-magenta-040:hsl(292, 48%, 63%);
982
+ --t-fill-color-tag-indigo-010:hsl(233, 30%, 27%);
983
+ --t-fill-color-tag-indigo-020:hsl(233, 30%, 23%);
984
+ --t-fill-color-tag-indigo-030:hsl(233, 77%, 81%);
985
+ --t-fill-color-tag-indigo-040:hsl(236, 79%, 74%);
986
+ --t-fill-color-button-neutral-solid-default:hsl(0, 0%, 19%);
987
+ --t-fill-color-button-neutral-solid-hover:hsl(0, 0%, 24%);
988
+ --t-fill-color-button-neutral-solid-active:hsl(0, 0%, 32%);
989
+ --t-fill-color-button-neutral-solid-disabled:hsl(0, 0%, 12%);
990
+ --t-fill-color-button-neutral-outline-dim-default:hsl(0, 0%, 15%);
991
+ --t-fill-color-button-neutral-outline-dim-hover:hsl(0, 0%, 17%);
992
+ --t-fill-color-button-neutral-outline-dim-active:hsl(0, 0%, 19%);
993
+ --t-fill-color-button-neutral-outline-dim-disabled:hsl(0, 0%, 12%);
994
+ --t-fill-color-button-neutral-ghost-default:hsla(0, 0%, 0%, 0);
995
+ --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 17%);
996
+ --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 19%);
997
+ --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 0%, 0);
998
+ --t-fill-color-button-neutral-responsive-header-default:hsla(0, 0%, 0%, 0.1);
999
+ --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
1000
+ --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
1001
+ --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 100%, 0.05);
1002
+ --t-fill-color-button-interaction-solid-default:hsl(204, 100%, 35%);
1003
+ --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 40%);
1004
+ --t-fill-color-button-interaction-solid-active:hsl(204, 80%, 45%);
1005
+ --t-fill-color-button-interaction-solid-disabled:hsl(0, 0%, 12%);
1006
+ --t-fill-color-button-interaction-outline-dim-default:hsl(204, 32%, 15%);
1007
+ --t-fill-color-button-interaction-outline-dim-hover:hsl(204, 39%, 17%);
1008
+ --t-fill-color-button-interaction-outline-dim-active:hsl(205, 45%, 18%);
1009
+ --t-fill-color-button-interaction-outline-dim-disabled:hsl(0, 0%, 12%);
1010
+ --t-fill-color-button-interaction-ghost-default:hsla(0, 0%, 0%, 0);
1011
+ --t-fill-color-button-interaction-ghost-hover:hsl(204, 32%, 15%);
1012
+ --t-fill-color-button-interaction-ghost-active:hsl(204, 39%, 17%);
1013
+ --t-fill-color-button-interaction-ghost-disabled:hsla(0, 0%, 0%, 0);
1014
+ --t-fill-color-button-delete-solid-default:hsl(8, 60%, 40%);
1015
+ --t-fill-color-button-delete-solid-hover:hsl(8, 60%, 45%);
1016
+ --t-fill-color-button-delete-solid-active:hsl(8, 60%, 47%);
1017
+ --t-fill-color-button-delete-solid-disabled:hsl(0, 0%, 12%);
1018
+ --t-fill-color-button-delete-outline-dim-default:hsl(8, 20%, 16%);
1019
+ --t-fill-color-button-delete-outline-dim-hover:hsl(9, 24%, 17%);
1020
+ --t-fill-color-button-delete-outline-dim-active:hsl(9, 29%, 19%);
1021
+ --t-fill-color-button-delete-outline-dim-disabled:hsl(0, 0%, 12%);
1022
+ --t-fill-color-button-delete-ghost-default:hsla(0, 0%, 0%, 0);
1023
+ --t-fill-color-button-delete-ghost-hover:hsl(8, 20%, 16%);
1024
+ --t-fill-color-button-delete-ghost-active:hsl(9, 24%, 17%);
1025
+ --t-fill-color-button-delete-ghost-disabled:hsla(0, 0%, 0%, 0);
1026
+ --t-fill-color-button-pill-default:hsl(0, 0%, 18%);
1027
+ --t-fill-color-button-pill-hover:hsl(0, 0%, 21%);
1028
+ --t-fill-color-button-pill-active:hsl(0, 0%, 21%);
1029
+ --t-fill-color-button-pill-disabled:hsl(0, 0%, 18%);
1030
+ --t-fill-color-transparency-light-010:hsla(0, 0%, 0%, 0.1);
1031
+ --t-fill-color-transparency-light-020:hsla(0, 0%, 0%, 0.2);
1032
+ --t-fill-color-transparency-light-030:hsla(0, 0%, 0%, 0.3);
1033
+ --t-fill-color-transparency-light-040:hsla(0, 0%, 0%, 0.4);
1034
+ --t-fill-color-transparency-light-050:hsla(0, 0%, 0%, 0.5);
1035
+ --t-fill-color-transparency-light-060:hsla(0, 0%, 0%, 0.6);
1036
+ --t-fill-color-transparency-light-070:hsla(0, 0%, 0%, 0.7);
1037
+ --t-fill-color-transparency-light-080:hsla(0, 0%, 0%, 0.8);
1038
+ --t-fill-color-transparency-light-090:hsla(0, 0%, 0%, 0.9);
1039
+ --t-fill-color-transparency-dark-010:hsla(0, 0%, 100%, 0.1);
1040
+ --t-fill-color-transparency-dark-020:hsla(0, 0%, 100%, 0.2);
1041
+ --t-fill-color-transparency-dark-030:hsla(0, 0%, 100%, 0.3);
1042
+ --t-fill-color-transparency-dark-040:hsla(0, 0%, 100%, 0.4);
1043
+ --t-fill-color-transparency-dark-050:hsla(0, 0%, 100%, 0.5);
1044
+ --t-fill-color-transparency-dark-060:hsla(0, 0%, 100%, 0.6);
1045
+ --t-fill-color-transparency-dark-070:hsla(0, 0%, 100%, 0.7);
1046
+ --t-fill-color-transparency-dark-080:hsla(0, 0%, 100%, 0.8);
1047
+ --t-fill-color-transparency-dark-090:hsla(0, 0%, 100%, 0.9);
1048
+ --t-surface-color-card:hsl(0, 0%, 12%);
1049
+ --t-surface-color-canvas:hsl(0, 0%, 10%);
1050
+ --t-border-color-default-base:hsl(0, 0%, 21%);
1051
+ --t-border-color-default-dark:hsl(0, 0%, 25%);
1052
+ --t-border-color-default-darker:hsl(0, 0%, 33%);
1053
+ --t-border-color-default-darkest:hsl(0, 0%, 38%);
1054
+ --t-border-color-default-disabled:hsl(0, 0%, 21%);
1055
+ --t-border-color-default-dim:hsl(0, 0%, 16%);
1056
+ --t-border-color-default-white:hsl(0, 0%, 12%);
1057
+ --t-border-color-status-neutral:hsl(0, 0%, 38%);
1058
+ --t-border-color-status-info:hsl(204, 100%, 35%);
1059
+ --t-border-color-status-success:hsl(97, 57%, 40%);
1060
+ --t-border-color-status-warning:hsl(42, 84%, 63%);
1061
+ --t-border-color-status-error:hsl(8, 60%, 47%);
1062
+ --t-border-color-button-neutral:hsl(0, 0%, 19%);
1063
+ --t-border-color-button-info:hsla(204, 100%, 40%, 0.25);
1064
+ --t-border-color-button-create:hsla(96, 57%, 33%, 0.25);
1065
+ --t-border-color-button-delete:hsla(8, 60%, 47%, 0.25);
1066
+ --t-border-color-control-neutral:hsl(0, 0%, 33%);
1067
+ --t-border-color-control-info:hsl(204, 100%, 35%);
1068
+ --t-border-color-control-success:hsl(97, 57%, 40%);
1069
+ --t-border-color-control-warning:hsl(42, 84%, 63%);
1070
+ --t-border-color-control-error:hsl(8, 60%, 47%);
1071
+ --t-border-color-control-disabled:hsl(0, 0%, 21%);
1072
+ }
1073
+ }
430
1074
 
431
1075
  /*# sourceMappingURL=tokens.css.map */