@ds-mo/tokens 0.1.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 (21) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +145 -0
  3. package/dist/colors.css +745 -0
  4. package/dist/dimensions.css +165 -0
  5. package/dist/effects.css +241 -0
  6. package/dist/globals.css +112 -0
  7. package/dist/index.cjs +713 -0
  8. package/dist/index.css +15 -0
  9. package/dist/index.d.ts +713 -0
  10. package/dist/index.mjs +713 -0
  11. package/dist/json/colors.json +1758 -0
  12. package/dist/json/dimensions.json +514 -0
  13. package/dist/json/effects.json +474 -0
  14. package/dist/json/typography.json +114 -0
  15. package/dist/reset.css +51 -0
  16. package/dist/themes/dark.css +12 -0
  17. package/dist/themes/light.css +13 -0
  18. package/dist/tokens.json +2854 -0
  19. package/dist/typography.css +161 -0
  20. package/dist/utilities.css +187 -0
  21. package/package.json +75 -0
package/dist/colors.css ADDED
@@ -0,0 +1,745 @@
1
+ /* AUTO-GENERATED FILE. DO NOT EDIT MANUALLY. */
2
+ /* Generated by scripts/generate-color-tokens.mjs from token JSON sources in tokens/colors. */
3
+
4
+ :root {
5
+ --color-reference-black-0: rgb(0 0 0 / 0);
6
+ --color-reference-black-100: rgb(0 0 0);
7
+ --color-reference-black-10: rgb(0 0 0 / 0.1);
8
+ --color-reference-black-15: rgb(0 0 0 / 0.15);
9
+ --color-reference-black-20: rgb(0 0 0 / 0.2);
10
+ --color-reference-black-25: rgb(0 0 0 / 0.25);
11
+ --color-reference-black-30: rgb(0 0 0 / 0.3);
12
+ --color-reference-black-35: rgb(0 0 0 / 0.35);
13
+ --color-reference-black-40: rgb(0 0 0 / 0.4);
14
+ --color-reference-black-45: rgb(0 0 0 / 0.45);
15
+ --color-reference-black-50: rgb(0 0 0 / 0.5);
16
+ --color-reference-black-55: rgb(0 0 0 / 0.55);
17
+ --color-reference-black-5: rgb(0 0 0 / 0.05);
18
+ --color-reference-black-60: rgb(0 0 0 / 0.6);
19
+ --color-reference-black-65: rgb(0 0 0 / 0.65);
20
+ --color-reference-black-70: rgb(0 0 0 / 0.7);
21
+ --color-reference-black-75: rgb(0 0 0 / 0.75);
22
+ --color-reference-black-80: rgb(0 0 0 / 0.8);
23
+ --color-reference-black-85: rgb(0 0 0 / 0.85);
24
+ --color-reference-black-90: rgb(0 0 0 / 0.9);
25
+ --color-reference-black-95: rgb(0 0 0 / 0.95);
26
+ --color-reference-dark-blue-250-l27-c05-faint: oklch(27% 0.05 250);
27
+ --color-reference-dark-blue-250-l50-c17-medium: oklch(50% 0.17 250);
28
+ --color-reference-dark-blue-250-l65-c20-bold: oklch(65% 0.2 250);
29
+ --color-reference-dark-blue-250-l91-c05-strong: oklch(91% 0.05 250);
30
+ --color-reference-dark-cyan-215-l27-c05-faint: oklch(27% 0.05 215);
31
+ --color-reference-dark-cyan-215-l50-c11-medium: oklch(50% 0.11 215);
32
+ --color-reference-dark-cyan-215-l70-c15-bold: oklch(70% 0.15 215);
33
+ --color-reference-dark-cyan-215-l92-c07-strong: oklch(92% 0.07 215);
34
+ --color-reference-dark-green-145-l27-c05-faint: oklch(27% 0.05 145);
35
+ --color-reference-dark-green-145-l50-c17-medium: oklch(50% 0.17 145);
36
+ --color-reference-dark-green-145-l70-c19-bold: oklch(70% 0.19 145);
37
+ --color-reference-dark-green-145-l93-c06-strong: oklch(93% 0.06 145);
38
+ --color-reference-dark-magenta-325-l28-c05-faint: oklch(28% 0.05 325);
39
+ --color-reference-dark-magenta-325-l51-c17-medium: oklch(51% 0.17 325);
40
+ --color-reference-dark-magenta-325-l67-c20-bold: oklch(67% 0.2 325);
41
+ --color-reference-dark-magenta-325-l90-c08-strong: oklch(90% 0.08 325);
42
+ --color-reference-dark-olive-115-l27-c05-faint: oklch(27% 0.05 115);
43
+ --color-reference-dark-olive-115-l51-c13-medium: oklch(51% 0.13 115);
44
+ --color-reference-dark-olive-115-l75-c19-bold: oklch(75% 0.19 115);
45
+ --color-reference-dark-olive-115-l93-c05-strong: oklch(93% 0.05 115);
46
+ --color-reference-dark-orange-60-l28-c05-faint: oklch(28% 0.05 60);
47
+ --color-reference-dark-orange-60-l51-c13-medium: oklch(51% 0.13 60);
48
+ --color-reference-dark-orange-60-l75-c20-bold: oklch(75% 0.2 60);
49
+ --color-reference-dark-orange-60-l92-c06-strong: oklch(92% 0.06 60);
50
+ --color-reference-dark-pink-0-l28-c05-faint: oklch(28% 0.05 0);
51
+ --color-reference-dark-pink-0-l52-c17-medium: oklch(52% 0.17 0);
52
+ --color-reference-dark-pink-0-l68-c20-bold: oklch(68% 0.2 0);
53
+ --color-reference-dark-pink-0-l92-c05-strong: oklch(92% 0.05 0);
54
+ --color-reference-dark-purple-290-l28-c05-faint: oklch(28% 0.05 290);
55
+ --color-reference-dark-purple-290-l52-c17-medium: oklch(52% 0.17 290);
56
+ --color-reference-dark-purple-290-l67-c20-bold: oklch(67% 0.2 290);
57
+ --color-reference-dark-purple-290-l92-c05-strong: oklch(92% 0.05 290);
58
+ --color-reference-dark-red-30-l28-c05-faint: oklch(28% 0.05 30);
59
+ --color-reference-dark-red-30-l51-c17-medium: oklch(51% 0.17 30);
60
+ --color-reference-dark-red-30-l70-c20-bold: oklch(70% 0.2 30);
61
+ --color-reference-dark-red-30-l91-c06-strong: oklch(91% 0.06 30);
62
+ --color-reference-dark-teal-180-l27-c05-faint: oklch(27% 0.05 180);
63
+ --color-reference-dark-teal-180-l50-c12-medium: oklch(50% 0.12 180);
64
+ --color-reference-dark-teal-180-l70-c15-bold: oklch(70% 0.15 180);
65
+ --color-reference-dark-teal-180-l93-c08-strong: oklch(93% 0.08 180);
66
+ --color-reference-dark-yellow-85-l28-c05-faint: oklch(28% 0.05 85);
67
+ --color-reference-dark-yellow-85-l51-c12-medium: oklch(51% 0.12 85);
68
+ --color-reference-dark-yellow-85-l80-c18-bold: oklch(80% 0.18 85);
69
+ --color-reference-dark-yellow-85-l93-c05-strong: oklch(93% 0.05 85);
70
+ --color-reference-grey-l18: oklch(18% 0 0);
71
+ --color-reference-grey-l20: oklch(20% 0 0);
72
+ --color-reference-grey-l27-dark-faint: oklch(27% 0 0);
73
+ --color-reference-grey-l30-light-strong: oklch(30% 0 0);
74
+ --color-reference-grey-l50-dark-medium: oklch(50% 0 0);
75
+ --color-reference-grey-l51-light-bold: oklch(51% 0 0);
76
+ --color-reference-grey-l65-dark-bold: oklch(65% 0 0);
77
+ --color-reference-grey-l75-light-medium: oklch(75% 0 0);
78
+ --color-reference-grey-l91-dark-strong: oklch(91% 0 0);
79
+ --color-reference-grey-l93-light-faint: oklch(93% 0 0);
80
+ --color-reference-grey-l98: oklch(98% 0 0);
81
+ --color-reference-light-blue-250-l33-c09-strong: oklch(33% 0.09 250);
82
+ --color-reference-light-blue-250-l50-c18-bold: oklch(50% 0.18 250);
83
+ --color-reference-light-blue-250-l70-c18-medium: oklch(70% 0.18 250);
84
+ --color-reference-light-blue-250-l92-c04-faint: oklch(92% 0.04 250);
85
+ --color-reference-light-cyan-215-l30-c07-strong: oklch(30% 0.07 215);
86
+ --color-reference-light-cyan-215-l51-c11-bold: oklch(51% 0.11 215);
87
+ --color-reference-light-cyan-215-l75-c17-medium: oklch(75% 0.17 215);
88
+ --color-reference-light-cyan-215-l94-c04-faint: oklch(94% 0.04 215);
89
+ --color-reference-light-green-145-l35-c13-strong: oklch(35% 0.13 145);
90
+ --color-reference-light-green-145-l50-c19-bold: oklch(50% 0.19 145);
91
+ --color-reference-light-green-145-l75-c22-medium: oklch(75% 0.22 145);
92
+ --color-reference-light-green-145-l94-c05-faint: oklch(94% 0.05 145);
93
+ --color-reference-light-magenta-325-l30-c13-strong: oklch(30% 0.13 325);
94
+ --color-reference-light-magenta-325-l54-c20-bold: oklch(54% 0.2 325);
95
+ --color-reference-light-magenta-325-l70-c23-medium: oklch(70% 0.23 325);
96
+ --color-reference-light-magenta-325-l94-c05-faint: oklch(94% 0.05 325);
97
+ --color-reference-light-olive-115-l35-c09-strong: oklch(35% 0.09 115);
98
+ --color-reference-light-olive-115-l51-c13-bold: oklch(51% 0.13 115);
99
+ --color-reference-light-olive-115-l85-c22-medium: oklch(85% 0.22 115);
100
+ --color-reference-light-olive-115-l93-c05-faint: oklch(93% 0.05 115);
101
+ --color-reference-light-orange-60-l35-c09-strong: oklch(35% 0.09 60);
102
+ --color-reference-light-orange-60-l52-c13-bold: oklch(52% 0.13 60);
103
+ --color-reference-light-orange-60-l75-c20-medium: oklch(75% 0.2 60);
104
+ --color-reference-light-orange-60-l93-c05-faint: oklch(93% 0.05 60);
105
+ --color-reference-light-pink-0-l29-c10-strong: oklch(29% 0.1 0);
106
+ --color-reference-light-pink-0-l53-c20-bold: oklch(53% 0.2 0);
107
+ --color-reference-light-pink-0-l70-c22-medium: oklch(70% 0.22 0);
108
+ --color-reference-light-pink-0-l93-c05-faint: oklch(93% 0.05 0);
109
+ --color-reference-light-purple-290-l35-c13-strong: oklch(35% 0.13 290);
110
+ --color-reference-light-purple-290-l52-c20-bold: oklch(52% 0.2 290);
111
+ --color-reference-light-purple-290-l75-c15-medium: oklch(75% 0.15 290);
112
+ --color-reference-light-purple-290-l92-c04-faint: oklch(92% 0.04 290);
113
+ --color-reference-light-red-30-l30-c11-strong: oklch(30% 0.11 30);
114
+ --color-reference-light-red-30-l53-c20-bold: oklch(53% 0.2 30);
115
+ --color-reference-light-red-30-l70-c20-medium: oklch(70% 0.2 30);
116
+ --color-reference-light-red-30-l93-c04-faint: oklch(93% 0.04 30);
117
+ --color-reference-light-teal-180-l35-c09-strong: oklch(35% 0.09 180);
118
+ --color-reference-light-teal-180-l50-c12-bold: oklch(50% 0.12 180);
119
+ --color-reference-light-teal-180-l75-c17-medium: oklch(75% 0.17 180);
120
+ --color-reference-light-teal-180-l94-c05-faint: oklch(94% 0.05 180);
121
+ --color-reference-light-yellow-85-l40-c09-strong: oklch(40% 0.09 85);
122
+ --color-reference-light-yellow-85-l51-c12-bold: oklch(51% 0.12 85);
123
+ --color-reference-light-yellow-85-l85-c20-medium: oklch(85% 0.2 85);
124
+ --color-reference-light-yellow-85-l93-c08-faint: oklch(93% 0.08 85);
125
+ --color-reference-white-0: rgb(255 255 255 / 0);
126
+ --color-reference-white-100: rgb(255 255 255);
127
+ --color-reference-white-10: rgb(255 255 255 / 0.1);
128
+ --color-reference-white-15: rgb(255 255 255 / 0.15);
129
+ --color-reference-white-20: rgb(255 255 255 / 0.2);
130
+ --color-reference-white-25: rgb(255 255 255 / 0.25);
131
+ --color-reference-white-30: rgb(255 255 255 / 0.3);
132
+ --color-reference-white-35: rgb(255 255 255 / 0.35);
133
+ --color-reference-white-40: rgb(255 255 255 / 0.4);
134
+ --color-reference-white-45: rgb(255 255 255 / 0.45);
135
+ --color-reference-white-50: rgb(255 255 255 / 0.5);
136
+ --color-reference-white-55: rgb(255 255 255 / 0.55);
137
+ --color-reference-white-5: rgb(255 255 255 / 0.05);
138
+ --color-reference-white-60: rgb(255 255 255 / 0.6);
139
+ --color-reference-white-65: rgb(255 255 255 / 0.65);
140
+ --color-reference-white-70: rgb(255 255 255 / 0.7);
141
+ --color-reference-white-75: rgb(255 255 255 / 0.75);
142
+ --color-reference-white-80: rgb(255 255 255 / 0.8);
143
+ --color-reference-white-85: rgb(255 255 255 / 0.85);
144
+ --color-reference-white-90: rgb(255 255 255 / 0.9);
145
+ --color-reference-white-95: rgb(255 255 255 / 0.95);
146
+ --color-always-dark-background: var(--color-reference-grey-l18);
147
+ --color-always-dark-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
148
+ --color-always-dark-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
149
+ --color-always-dark-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
150
+ --color-always-dark-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
151
+ --color-always-dark-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
152
+ --color-always-dark-border-neutral: var(--color-reference-grey-l65-dark-bold);
153
+ --color-always-dark-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
154
+ --color-always-dark-border-primary: var(--color-reference-white-20);
155
+ --color-always-dark-border-secondary: var(--color-reference-white-15);
156
+ --color-always-dark-border-tertiary: var(--color-reference-white-10);
157
+ --color-always-dark-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
158
+ --color-always-dark-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
159
+ --color-always-dark-divider: var(--color-reference-white-10);
160
+ --color-always-dark-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
161
+ --color-always-dark-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
162
+ --color-always-dark-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
163
+ --color-always-dark-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
164
+ --color-always-dark-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
165
+ --color-always-dark-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
166
+ --color-always-dark-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
167
+ --color-always-dark-foreground-primary: var(--color-reference-white-100);
168
+ --color-always-dark-foreground-quaternary: var(--color-reference-white-20);
169
+ --color-always-dark-foreground-quinary: var(--color-reference-white-10);
170
+ --color-always-dark-foreground-secondary: var(--color-reference-white-55);
171
+ --color-always-dark-foreground-tertiary: var(--color-reference-white-35);
172
+ --color-always-dark-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
173
+ --color-always-dark-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
174
+ --color-always-dark-interaction-focus: var(--color-reference-white-15);
175
+ --color-always-dark-interaction-hover: var(--color-reference-white-10);
176
+ --color-always-dark-interaction-pressed: var(--color-reference-white-15);
177
+ --color-background-bold-ai: var(--color-reference-light-purple-290-l52-c20-bold);
178
+ --color-background-bold-brand: var(--color-reference-light-blue-250-l50-c18-bold);
179
+ --color-background-bold-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
180
+ --color-background-bold-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
181
+ --color-background-bold-negative: var(--color-reference-light-red-30-l53-c20-bold);
182
+ --color-background-bold-neutral: var(--color-reference-grey-l51-light-bold);
183
+ --color-background-bold-positive: var(--color-reference-light-green-145-l50-c19-bold);
184
+ --color-background-bold-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
185
+ --color-background-bold-warning: var(--color-reference-light-orange-60-l52-c13-bold);
186
+ --color-background-faint-ai: var(--color-reference-light-purple-290-l92-c04-faint);
187
+ --color-background-faint-brand: var(--color-reference-light-blue-250-l92-c04-faint);
188
+ --color-background-faint-caution: var(--color-reference-light-yellow-85-l93-c08-faint);
189
+ --color-background-faint-guide: var(--color-reference-light-cyan-215-l94-c04-faint);
190
+ --color-background-faint-negative: var(--color-reference-light-red-30-l93-c04-faint);
191
+ --color-background-faint-neutral: var(--color-reference-grey-l93-light-faint);
192
+ --color-background-faint-positive: var(--color-reference-light-green-145-l94-c05-faint);
193
+ --color-background-faint-walkthrough: var(--color-reference-light-teal-180-l94-c05-faint);
194
+ --color-background-faint-warning: var(--color-reference-light-orange-60-l93-c05-faint);
195
+ --color-background-medium-ai: var(--color-reference-light-purple-290-l75-c15-medium);
196
+ --color-background-medium-brand: var(--color-reference-light-blue-250-l70-c18-medium);
197
+ --color-background-medium-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
198
+ --color-background-medium-guide: var(--color-reference-light-cyan-215-l75-c17-medium);
199
+ --color-background-medium-negative: var(--color-reference-light-red-30-l70-c20-medium);
200
+ --color-background-medium-neutral: var(--color-reference-grey-l75-light-medium);
201
+ --color-background-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
202
+ --color-background-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
203
+ --color-background-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
204
+ --color-background-primary: var(--color-reference-white-100);
205
+ --color-background-secondary: var(--color-reference-grey-l98);
206
+ --color-background-shade: var(--color-reference-black-40);
207
+ --color-background-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
208
+ --color-background-strong-brand: var(--color-reference-light-blue-250-l33-c09-strong);
209
+ --color-background-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
210
+ --color-background-strong-guide: var(--color-reference-light-cyan-215-l30-c07-strong);
211
+ --color-background-strong-negative: var(--color-reference-light-red-30-l30-c11-strong);
212
+ --color-background-strong-neutral: var(--color-reference-grey-l30-light-strong);
213
+ --color-background-strong-positive: var(--color-reference-light-green-145-l35-c13-strong);
214
+ --color-background-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
215
+ --color-background-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
216
+ --color-background-translucent: var(--color-reference-white-50);
217
+ --color-background-transparent: var(--color-reference-white-0);
218
+ --color-border-ai: var(--color-reference-light-purple-290-l52-c20-bold);
219
+ --color-border-brand: var(--color-reference-light-blue-250-l50-c18-bold);
220
+ --color-border-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
221
+ --color-border-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
222
+ --color-border-negative: var(--color-reference-light-red-30-l53-c20-bold);
223
+ --color-border-neutral: var(--color-reference-grey-l51-light-bold);
224
+ --color-border-on-bold-background-primary: var(--color-reference-white-25);
225
+ --color-border-on-bold-background-secondary: var(--color-reference-white-20);
226
+ --color-border-on-bold-background-tertiary: var(--color-reference-white-15);
227
+ --color-border-on-medium-background-primary: var(--color-reference-black-25);
228
+ --color-border-on-medium-background-secondary: var(--color-reference-black-20);
229
+ --color-border-on-medium-background-tertiary: var(--color-reference-black-15);
230
+ --color-border-on-strong-background-primary: var(--color-reference-white-20);
231
+ --color-border-on-strong-background-secondary: var(--color-reference-white-15);
232
+ --color-border-on-strong-background-tertiary: var(--color-reference-white-10);
233
+ --color-border-on-translucent-background-primary: var(--color-reference-black-25);
234
+ --color-border-on-translucent-background-secondary: var(--color-reference-black-20);
235
+ --color-border-on-translucent-background-tertiary: var(--color-reference-black-15);
236
+ --color-border-positive: var(--color-reference-light-green-145-l50-c19-bold);
237
+ --color-border-primary: var(--color-reference-black-20);
238
+ --color-border-secondary: var(--color-reference-black-15);
239
+ --color-border-tertiary: var(--color-reference-black-10);
240
+ --color-border-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
241
+ --color-border-warning: var(--color-reference-light-orange-60-l52-c13-bold);
242
+ --color-divider-divider: var(--color-reference-black-10);
243
+ --color-divider-on-bold-background: var(--color-reference-white-15);
244
+ --color-divider-on-medium-background: var(--color-reference-black-15);
245
+ --color-divider-on-strong-background: var(--color-reference-white-10);
246
+ --color-divider-on-translucent-background: var(--color-reference-black-15);
247
+ --color-driver-status-background-driving: var(--color-reference-light-green-145-l50-c19-bold);
248
+ --color-driver-status-background-off-duty: var(--color-reference-grey-l75-light-medium);
249
+ --color-driver-status-background-on-duty: var(--color-reference-light-blue-250-l50-c18-bold);
250
+ --color-driver-status-background-personal-conveyance: var(--color-reference-light-green-145-l75-c22-medium);
251
+ --color-driver-status-background-yard-move: var(--color-reference-light-green-145-l75-c22-medium);
252
+ --color-driver-status-foreground: var(--color-reference-white-100);
253
+ --color-driver-status-interaction-focus: var(--color-reference-black-15);
254
+ --color-driver-status-interaction-hover: var(--color-reference-white-15);
255
+ --color-driver-status-interaction-pressed: var(--color-reference-white-20);
256
+ --color-elevation-highlight: var(--color-reference-white-15);
257
+ --color-elevation-shadow: var(--color-reference-black-10);
258
+ --color-entity-cluster-marker-background: var(--color-reference-black-60);
259
+ --color-entity-cluster-marker-foreground: var(--color-reference-white-100);
260
+ --color-entity-cluster-marker-interaction-focus: var(--color-reference-black-15);
261
+ --color-entity-cluster-marker-interaction-hover: var(--color-reference-white-15);
262
+ --color-entity-cluster-marker-interaction-pressed: var(--color-reference-white-20);
263
+ --color-entity-marker-background-idling: var(--color-reference-light-yellow-85-l85-c20-medium);
264
+ --color-entity-marker-background-immobilized: var(--color-reference-light-red-30-l53-c20-bold);
265
+ --color-entity-marker-background-in-motion: var(--color-reference-light-green-145-l50-c19-bold);
266
+ --color-entity-marker-background-stale: var(--color-reference-grey-l75-light-medium);
267
+ --color-entity-marker-background-stationary: var(--color-reference-grey-l51-light-bold);
268
+ --color-entity-marker-foreground: var(--color-reference-white-100);
269
+ --color-entity-marker-interaction-focus: var(--color-reference-black-15);
270
+ --color-entity-marker-interaction-hover: var(--color-reference-white-15);
271
+ --color-entity-marker-interaction-pressed: var(--color-reference-white-20);
272
+ --color-foreground-bold-ai: var(--color-reference-light-purple-290-l52-c20-bold);
273
+ --color-foreground-bold-brand: var(--color-reference-light-blue-250-l50-c18-bold);
274
+ --color-foreground-bold-caution: var(--color-reference-light-yellow-85-l51-c12-bold);
275
+ --color-foreground-bold-guide: var(--color-reference-light-cyan-215-l51-c11-bold);
276
+ --color-foreground-bold-negative: var(--color-reference-light-red-30-l53-c20-bold);
277
+ --color-foreground-bold-neutral: var(--color-reference-grey-l51-light-bold);
278
+ --color-foreground-bold-positive: var(--color-reference-light-green-145-l50-c19-bold);
279
+ --color-foreground-bold-walkthrough: var(--color-reference-light-teal-180-l50-c12-bold);
280
+ --color-foreground-bold-warning: var(--color-reference-light-orange-60-l52-c13-bold);
281
+ --color-foreground-faint-ai: var(--color-reference-light-purple-290-l92-c04-faint);
282
+ --color-foreground-faint-brand: var(--color-reference-light-blue-250-l92-c04-faint);
283
+ --color-foreground-faint-caution: var(--color-reference-light-yellow-85-l93-c08-faint);
284
+ --color-foreground-faint-guide: var(--color-reference-light-cyan-215-l94-c04-faint);
285
+ --color-foreground-faint-negative: var(--color-reference-light-red-30-l93-c04-faint);
286
+ --color-foreground-faint-neutral: var(--color-reference-grey-l93-light-faint);
287
+ --color-foreground-faint-positive: var(--color-reference-light-green-145-l94-c05-faint);
288
+ --color-foreground-faint-walkthrough: var(--color-reference-light-teal-180-l94-c05-faint);
289
+ --color-foreground-faint-warning: var(--color-reference-light-orange-60-l93-c05-faint);
290
+ --color-foreground-medium-ai: var(--color-reference-light-purple-290-l75-c15-medium);
291
+ --color-foreground-medium-brand: var(--color-reference-light-blue-250-l70-c18-medium);
292
+ --color-foreground-medium-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
293
+ --color-foreground-medium-guide: var(--color-reference-light-cyan-215-l75-c17-medium);
294
+ --color-foreground-medium-negative: var(--color-reference-light-red-30-l70-c20-medium);
295
+ --color-foreground-medium-neutral: var(--color-reference-grey-l75-light-medium);
296
+ --color-foreground-medium-positive: var(--color-reference-light-green-145-l75-c22-medium);
297
+ --color-foreground-medium-walkthrough: var(--color-reference-light-teal-180-l75-c17-medium);
298
+ --color-foreground-medium-warning: var(--color-reference-light-orange-60-l75-c20-medium);
299
+ --color-foreground-on-bold-background-primary: var(--color-reference-white-100);
300
+ --color-foreground-on-bold-background-quaternary: var(--color-reference-white-25);
301
+ --color-foreground-on-bold-background-secondary: var(--color-reference-white-95);
302
+ --color-foreground-on-bold-background-tertiary: var(--color-reference-white-65);
303
+ --color-foreground-on-medium-background-primary: var(--color-reference-black-100);
304
+ --color-foreground-on-medium-background-quaternary: var(--color-reference-black-25);
305
+ --color-foreground-on-medium-background-secondary: var(--color-reference-black-70);
306
+ --color-foreground-on-medium-background-tertiary: var(--color-reference-black-50);
307
+ --color-foreground-on-strong-background-primary: var(--color-reference-white-100);
308
+ --color-foreground-on-strong-background-quaternary: var(--color-reference-white-20);
309
+ --color-foreground-on-strong-background-secondary: var(--color-reference-white-65);
310
+ --color-foreground-on-strong-background-tertiary: var(--color-reference-white-45);
311
+ --color-foreground-on-translucent-background-primary: var(--color-reference-black-100);
312
+ --color-foreground-on-translucent-background-quaternary: var(--color-reference-black-25);
313
+ --color-foreground-on-translucent-background-secondary: var(--color-reference-black-70);
314
+ --color-foreground-on-translucent-background-tertiary: var(--color-reference-black-50);
315
+ --color-foreground-primary: var(--color-reference-black-100);
316
+ --color-foreground-quaternary: var(--color-reference-black-20);
317
+ --color-foreground-secondary: var(--color-reference-black-60);
318
+ --color-foreground-strong-ai: var(--color-reference-light-purple-290-l35-c13-strong);
319
+ --color-foreground-strong-brand: var(--color-reference-light-blue-250-l33-c09-strong);
320
+ --color-foreground-strong-caution: var(--color-reference-light-yellow-85-l40-c09-strong);
321
+ --color-foreground-strong-guide: var(--color-reference-light-cyan-215-l30-c07-strong);
322
+ --color-foreground-strong-negative: var(--color-reference-light-red-30-l30-c11-strong);
323
+ --color-foreground-strong-neutral: var(--color-reference-grey-l30-light-strong);
324
+ --color-foreground-strong-positive: var(--color-reference-light-green-145-l35-c13-strong);
325
+ --color-foreground-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
326
+ --color-foreground-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
327
+ --color-foreground-tertiary: var(--color-reference-black-45);
328
+ --color-geofence-category-fuel-station-background: var(--color-reference-light-blue-250-l92-c04-faint);
329
+ --color-geofence-category-fuel-station-border: var(--color-reference-light-blue-250-l70-c18-medium);
330
+ --color-geofence-category-fuel-station-foreground: var(--color-reference-light-blue-250-l50-c18-bold);
331
+ --color-geofence-category-interaction-focus: var(--color-reference-black-15);
332
+ --color-geofence-category-interaction-hover: var(--color-reference-black-15);
333
+ --color-geofence-category-interaction-pressed: var(--color-reference-black-20);
334
+ --color-geofence-category-job-site-background: var(--color-reference-light-olive-115-l93-c05-faint);
335
+ --color-geofence-category-job-site-border: var(--color-reference-light-olive-115-l85-c22-medium);
336
+ --color-geofence-category-job-site-foreground: var(--color-reference-light-olive-115-l51-c13-bold);
337
+ --color-geofence-category-maintenance-facility-background: var(--color-reference-light-magenta-325-l94-c05-faint);
338
+ --color-geofence-category-maintenance-facility-border: var(--color-reference-light-magenta-325-l70-c23-medium);
339
+ --color-geofence-category-maintenance-facility-foreground: var(--color-reference-light-magenta-325-l54-c20-bold);
340
+ --color-geofence-category-restricted-location-background: var(--color-reference-light-red-30-l53-c20-bold);
341
+ --color-geofence-category-restricted-location-border: var(--color-reference-light-red-30-l70-c20-medium);
342
+ --color-geofence-category-restricted-location-foreground: var(--color-reference-light-red-30-l93-c04-faint);
343
+ --color-geofence-category-risk-zone-background: var(--color-reference-light-red-30-l93-c04-faint);
344
+ --color-geofence-category-risk-zone-border: var(--color-reference-light-red-30-l70-c20-medium);
345
+ --color-geofence-category-risk-zone-foreground: var(--color-reference-light-red-30-l53-c20-bold);
346
+ --color-geofence-category-shipper-background: var(--color-reference-light-yellow-85-l93-c08-faint);
347
+ --color-geofence-category-shipper-border: var(--color-reference-light-yellow-85-l85-c20-medium);
348
+ --color-geofence-category-shipper-foreground: var(--color-reference-light-yellow-85-l51-c12-bold);
349
+ --color-geofence-category-specialized-job-site-background: var(--color-reference-light-orange-60-l93-c05-faint);
350
+ --color-geofence-category-specialized-job-site-border: var(--color-reference-light-orange-60-l75-c20-medium);
351
+ --color-geofence-category-specialized-job-site-foreground: var(--color-reference-light-orange-60-l52-c13-bold);
352
+ --color-geofence-category-terminal-background: var(--color-reference-light-teal-180-l94-c05-faint);
353
+ --color-geofence-category-terminal-border: var(--color-reference-light-teal-180-l75-c17-medium);
354
+ --color-geofence-category-terminal-foreground: var(--color-reference-light-teal-180-l50-c12-bold);
355
+ --color-geofence-category-uncategorized-background: var(--color-reference-grey-l93-light-faint);
356
+ --color-geofence-category-uncategorized-border: var(--color-reference-grey-l75-light-medium);
357
+ --color-geofence-category-uncategorized-foreground: var(--color-reference-grey-l51-light-bold);
358
+ --color-interaction-focus: var(--color-reference-black-15);
359
+ --color-interaction-hover: var(--color-reference-black-10);
360
+ --color-interaction-on-bold-background-focus: var(--color-reference-white-20);
361
+ --color-interaction-on-bold-background-hover: var(--color-reference-white-15);
362
+ --color-interaction-on-bold-background-pressed: var(--color-reference-white-20);
363
+ --color-interaction-on-medium-background-focus: var(--color-reference-black-20);
364
+ --color-interaction-on-medium-background-hover: var(--color-reference-black-15);
365
+ --color-interaction-on-medium-background-pressed: var(--color-reference-black-20);
366
+ --color-interaction-on-strong-background-focus: var(--color-reference-white-15);
367
+ --color-interaction-on-strong-background-hover: var(--color-reference-white-10);
368
+ --color-interaction-on-strong-background-pressed: var(--color-reference-white-15);
369
+ --color-interaction-on-translucent-background-focus: var(--color-reference-black-20);
370
+ --color-interaction-on-translucent-background-hover: var(--color-reference-black-15);
371
+ --color-interaction-on-translucent-background-pressed: var(--color-reference-black-20);
372
+ --color-interaction-pressed: var(--color-reference-black-15);
373
+ --color-location-marker-background-brand: var(--color-reference-light-blue-250-l50-c18-bold);
374
+ --color-location-marker-background-caution: var(--color-reference-light-yellow-85-l85-c20-medium);
375
+ --color-location-marker-background-negative: var(--color-reference-light-red-30-l53-c20-bold);
376
+ --color-location-marker-background-neutral: var(--color-reference-grey-l51-light-bold);
377
+ --color-location-marker-background-positive: var(--color-reference-light-green-145-l50-c19-bold);
378
+ --color-location-marker-background-warning: var(--color-reference-light-orange-60-l75-c20-medium);
379
+ --color-location-marker-foreground: var(--color-reference-white-100);
380
+ --color-location-marker-interaction-focus: var(--color-reference-black-15);
381
+ --color-location-marker-interaction-hover: var(--color-reference-white-15);
382
+ --color-location-marker-interaction-pressed: var(--color-reference-white-20);
383
+ --color-safety-score-background-excellent: var(--color-reference-light-blue-250-l70-c18-medium);
384
+ --color-safety-score-background-fair: var(--color-reference-light-orange-60-l75-c20-medium);
385
+ --color-safety-score-background-good: var(--color-reference-light-blue-250-l92-c04-faint);
386
+ --color-safety-score-foreground-on-excellent: var(--color-reference-light-blue-250-l33-c09-strong);
387
+ --color-safety-score-foreground-on-fair: var(--color-reference-light-orange-60-l35-c09-strong);
388
+ --color-safety-score-foreground-on-good: var(--color-reference-light-blue-250-l50-c18-bold);
389
+ --color-safety-score-interaction-focus: var(--color-reference-black-15);
390
+ --color-safety-score-interaction-hover: var(--color-reference-white-15);
391
+ --color-safety-score-interaction-pressed: var(--color-reference-white-20);
392
+ --color-settings-profile-background: var(--color-reference-light-orange-60-l93-c05-faint);
393
+ --color-settings-profile-border: var(--color-reference-light-orange-60-l75-c20-medium);
394
+ --color-settings-profile-foreground: var(--color-reference-light-orange-60-l52-c13-bold);
395
+ --color-data-category-10: var(--color-reference-light-pink-0-l70-c22-medium);
396
+ --color-data-category-11: var(--color-reference-light-teal-180-l75-c17-medium);
397
+ --color-data-category-12: var(--color-reference-light-orange-60-l52-c13-bold);
398
+ --color-data-category-1: var(--color-reference-light-blue-250-l50-c18-bold);
399
+ --color-data-category-2: var(--color-reference-light-blue-250-l70-c18-medium);
400
+ --color-data-category-3: var(--color-reference-light-yellow-85-l85-c20-medium);
401
+ --color-data-category-4: var(--color-reference-light-orange-60-l75-c20-medium);
402
+ --color-data-category-5: var(--color-reference-light-purple-290-l52-c20-bold);
403
+ --color-data-category-6: var(--color-reference-light-magenta-325-l70-c23-medium);
404
+ --color-data-category-7: var(--color-reference-light-purple-290-l75-c15-medium);
405
+ --color-data-category-8: var(--color-reference-light-teal-180-l50-c12-bold);
406
+ --color-data-category-9: var(--color-reference-light-yellow-85-l51-c12-bold);
407
+ --color-data-diverging-blue-orange-5-1: var(--color-reference-light-blue-250-l50-c18-bold);
408
+ --color-data-diverging-blue-orange-5-2: var(--color-reference-light-blue-250-l70-c18-medium);
409
+ --color-data-diverging-blue-orange-5-3: var(--color-reference-grey-l93-light-faint);
410
+ --color-data-diverging-blue-orange-5-4: var(--color-reference-light-orange-60-l75-c20-medium);
411
+ --color-data-diverging-blue-orange-5-5: var(--color-reference-light-orange-60-l52-c13-bold);
412
+ --color-data-diverging-blue-orange-7-1: var(--color-reference-light-blue-250-l50-c18-bold);
413
+ --color-data-diverging-blue-orange-7-2: var(--color-reference-light-blue-250-l70-c18-medium);
414
+ --color-data-diverging-blue-orange-7-3: var(--color-reference-light-blue-250-l92-c04-faint);
415
+ --color-data-diverging-blue-orange-7-4: var(--color-reference-grey-l93-light-faint);
416
+ --color-data-diverging-blue-orange-7-5: var(--color-reference-light-orange-60-l93-c05-faint);
417
+ --color-data-diverging-blue-orange-7-6: var(--color-reference-light-orange-60-l75-c20-medium);
418
+ --color-data-diverging-blue-orange-7-7: var(--color-reference-light-orange-60-l52-c13-bold);
419
+ --color-data-diverging-blue-orange-9-1: var(--color-reference-light-blue-250-l33-c09-strong);
420
+ --color-data-diverging-blue-orange-9-2: var(--color-reference-light-blue-250-l50-c18-bold);
421
+ --color-data-diverging-blue-orange-9-3: var(--color-reference-light-blue-250-l70-c18-medium);
422
+ --color-data-diverging-blue-orange-9-4: var(--color-reference-light-blue-250-l92-c04-faint);
423
+ --color-data-diverging-blue-orange-9-5: var(--color-reference-grey-l93-light-faint);
424
+ --color-data-diverging-blue-orange-9-6: var(--color-reference-light-orange-60-l93-c05-faint);
425
+ --color-data-diverging-blue-orange-9-7: var(--color-reference-light-orange-60-l75-c20-medium);
426
+ --color-data-diverging-blue-orange-9-8: var(--color-reference-light-orange-60-l52-c13-bold);
427
+ --color-data-diverging-blue-orange-9-9: var(--color-reference-light-orange-60-l35-c09-strong);
428
+ --color-data-misc-1: var(--color-reference-grey-l30-light-strong);
429
+ --color-data-misc-2: var(--color-reference-grey-l51-light-bold);
430
+ --color-data-misc-3: var(--color-reference-grey-l75-light-medium);
431
+ --color-data-misc-4: var(--color-reference-grey-l93-light-faint);
432
+ --color-data-sequence-blue-2-1: var(--color-reference-light-blue-250-l50-c18-bold);
433
+ --color-data-sequence-blue-2-2: var(--color-reference-light-blue-250-l70-c18-medium);
434
+ --color-data-sequence-blue-3-1: var(--color-reference-light-blue-250-l50-c18-bold);
435
+ --color-data-sequence-blue-3-2: var(--color-reference-light-blue-250-l70-c18-medium);
436
+ --color-data-sequence-blue-3-3: var(--color-reference-light-blue-250-l92-c04-faint);
437
+ --color-data-sequence-blue-4-1: var(--color-reference-light-blue-250-l33-c09-strong);
438
+ --color-data-sequence-blue-4-2: var(--color-reference-light-blue-250-l50-c18-bold);
439
+ --color-data-sequence-blue-4-3: var(--color-reference-light-blue-250-l70-c18-medium);
440
+ --color-data-sequence-blue-4-4: var(--color-reference-light-blue-250-l92-c04-faint);
441
+ --color-data-win-loss-loss: var(--color-reference-light-red-30-l53-c20-bold);
442
+ --color-data-win-loss-win-alt: var(--color-reference-light-green-145-l50-c19-bold);
443
+ --color-data-win-loss-win: var(--color-reference-light-blue-250-l50-c18-bold);
444
+ }
445
+
446
+ :root[data-theme="dark"] {
447
+ --color-always-dark-background: var(--color-reference-grey-l20);
448
+ --color-always-dark-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
449
+ --color-always-dark-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
450
+ --color-always-dark-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
451
+ --color-always-dark-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
452
+ --color-always-dark-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
453
+ --color-always-dark-border-neutral: var(--color-reference-grey-l65-dark-bold);
454
+ --color-always-dark-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
455
+ --color-always-dark-border-primary: var(--color-reference-white-20);
456
+ --color-always-dark-border-secondary: var(--color-reference-white-15);
457
+ --color-always-dark-border-tertiary: var(--color-reference-white-10);
458
+ --color-always-dark-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
459
+ --color-always-dark-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
460
+ --color-always-dark-divider: var(--color-reference-white-10);
461
+ --color-always-dark-foreground-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
462
+ --color-always-dark-foreground-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
463
+ --color-always-dark-foreground-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
464
+ --color-always-dark-foreground-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
465
+ --color-always-dark-foreground-negative: var(--color-reference-dark-red-30-l70-c20-bold);
466
+ --color-always-dark-foreground-neutral: var(--color-reference-grey-l65-dark-bold);
467
+ --color-always-dark-foreground-positive: var(--color-reference-dark-green-145-l70-c19-bold);
468
+ --color-always-dark-foreground-primary: var(--color-reference-white-100);
469
+ --color-always-dark-foreground-quaternary: var(--color-reference-white-20);
470
+ --color-always-dark-foreground-quinary: var(--color-reference-white-10);
471
+ --color-always-dark-foreground-secondary: var(--color-reference-white-55);
472
+ --color-always-dark-foreground-tertiary: var(--color-reference-white-35);
473
+ --color-always-dark-foreground-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
474
+ --color-always-dark-foreground-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
475
+ --color-always-dark-interaction-focus: var(--color-reference-white-15);
476
+ --color-always-dark-interaction-hover: var(--color-reference-white-10);
477
+ --color-always-dark-interaction-pressed: var(--color-reference-white-15);
478
+ --color-background-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
479
+ --color-background-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
480
+ --color-background-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
481
+ --color-background-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
482
+ --color-background-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
483
+ --color-background-bold-neutral: var(--color-reference-grey-l65-dark-bold);
484
+ --color-background-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
485
+ --color-background-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
486
+ --color-background-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
487
+ --color-background-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
488
+ --color-background-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
489
+ --color-background-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
490
+ --color-background-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
491
+ --color-background-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
492
+ --color-background-faint-neutral: var(--color-reference-grey-l27-dark-faint);
493
+ --color-background-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
494
+ --color-background-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
495
+ --color-background-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
496
+ --color-background-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
497
+ --color-background-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
498
+ --color-background-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
499
+ --color-background-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
500
+ --color-background-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
501
+ --color-background-medium-neutral: var(--color-reference-grey-l50-dark-medium);
502
+ --color-background-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
503
+ --color-background-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
504
+ --color-background-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
505
+ --color-background-primary: var(--color-reference-grey-l20);
506
+ --color-background-secondary: var(--color-reference-grey-l18);
507
+ --color-background-shade: var(--color-reference-white-10);
508
+ --color-background-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
509
+ --color-background-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
510
+ --color-background-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
511
+ --color-background-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
512
+ --color-background-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
513
+ --color-background-strong-neutral: var(--color-reference-grey-l91-dark-strong);
514
+ --color-background-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
515
+ --color-background-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
516
+ --color-background-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
517
+ --color-background-translucent: var(--color-reference-black-50);
518
+ --color-background-transparent: var(--color-reference-black-0);
519
+ --color-border-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
520
+ --color-border-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
521
+ --color-border-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
522
+ --color-border-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
523
+ --color-border-negative: var(--color-reference-dark-red-30-l70-c20-bold);
524
+ --color-border-neutral: var(--color-reference-grey-l65-dark-bold);
525
+ --color-border-on-bold-background-primary: var(--color-reference-black-25);
526
+ --color-border-on-bold-background-secondary: var(--color-reference-black-20);
527
+ --color-border-on-bold-background-tertiary: var(--color-reference-black-15);
528
+ --color-border-on-medium-background-primary: var(--color-reference-white-25);
529
+ --color-border-on-medium-background-secondary: var(--color-reference-white-20);
530
+ --color-border-on-medium-background-tertiary: var(--color-reference-white-15);
531
+ --color-border-on-strong-background-primary: var(--color-reference-black-20);
532
+ --color-border-on-strong-background-secondary: var(--color-reference-black-15);
533
+ --color-border-on-strong-background-tertiary: var(--color-reference-black-10);
534
+ --color-border-on-translucent-background-primary: var(--color-reference-white-25);
535
+ --color-border-on-translucent-background-secondary: var(--color-reference-white-20);
536
+ --color-border-on-translucent-background-tertiary: var(--color-reference-white-15);
537
+ --color-border-positive: var(--color-reference-dark-green-145-l70-c19-bold);
538
+ --color-border-primary: var(--color-reference-white-20);
539
+ --color-border-secondary: var(--color-reference-white-15);
540
+ --color-border-tertiary: var(--color-reference-white-10);
541
+ --color-border-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
542
+ --color-border-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
543
+ --color-divider-divider: var(--color-reference-white-10);
544
+ --color-divider-on-bold-background: var(--color-reference-black-15);
545
+ --color-divider-on-medium-background: var(--color-reference-white-15);
546
+ --color-divider-on-strong-background: var(--color-reference-black-10);
547
+ --color-divider-on-translucent-background: var(--color-reference-white-15);
548
+ --color-driver-status-background-driving: var(--color-reference-dark-green-145-l70-c19-bold);
549
+ --color-driver-status-background-off-duty: var(--color-reference-grey-l50-dark-medium);
550
+ --color-driver-status-background-on-duty: var(--color-reference-dark-blue-250-l65-c20-bold);
551
+ --color-driver-status-background-personal-conveyance: var(--color-reference-dark-green-145-l50-c17-medium);
552
+ --color-driver-status-background-yard-move: var(--color-reference-dark-green-145-l50-c17-medium);
553
+ --color-driver-status-foreground: var(--color-reference-black-100);
554
+ --color-driver-status-interaction-focus: var(--color-reference-white-15);
555
+ --color-driver-status-interaction-hover: var(--color-reference-black-15);
556
+ --color-driver-status-interaction-pressed: var(--color-reference-black-20);
557
+ --color-elevation-highlight: var(--color-reference-white-10);
558
+ --color-elevation-shadow: var(--color-reference-black-15);
559
+ --color-entity-cluster-marker-background: var(--color-reference-white-55);
560
+ --color-entity-cluster-marker-foreground: var(--color-reference-black-100);
561
+ --color-entity-cluster-marker-interaction-focus: var(--color-reference-white-15);
562
+ --color-entity-cluster-marker-interaction-hover: var(--color-reference-black-15);
563
+ --color-entity-cluster-marker-interaction-pressed: var(--color-reference-black-20);
564
+ --color-entity-marker-background-idling: var(--color-reference-dark-yellow-85-l80-c18-bold);
565
+ --color-entity-marker-background-immobilized: var(--color-reference-dark-red-30-l70-c20-bold);
566
+ --color-entity-marker-background-in-motion: var(--color-reference-dark-green-145-l70-c19-bold);
567
+ --color-entity-marker-background-stale: var(--color-reference-grey-l50-dark-medium);
568
+ --color-entity-marker-background-stationary: var(--color-reference-grey-l65-dark-bold);
569
+ --color-entity-marker-foreground: var(--color-reference-black-100);
570
+ --color-entity-marker-interaction-focus: var(--color-reference-white-15);
571
+ --color-entity-marker-interaction-hover: var(--color-reference-black-15);
572
+ --color-entity-marker-interaction-pressed: var(--color-reference-black-20);
573
+ --color-foreground-bold-ai: var(--color-reference-dark-purple-290-l67-c20-bold);
574
+ --color-foreground-bold-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
575
+ --color-foreground-bold-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
576
+ --color-foreground-bold-guide: var(--color-reference-dark-cyan-215-l70-c15-bold);
577
+ --color-foreground-bold-negative: var(--color-reference-dark-red-30-l70-c20-bold);
578
+ --color-foreground-bold-neutral: var(--color-reference-grey-l65-dark-bold);
579
+ --color-foreground-bold-positive: var(--color-reference-dark-green-145-l70-c19-bold);
580
+ --color-foreground-bold-walkthrough: var(--color-reference-dark-teal-180-l70-c15-bold);
581
+ --color-foreground-bold-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
582
+ --color-foreground-faint-ai: var(--color-reference-dark-purple-290-l28-c05-faint);
583
+ --color-foreground-faint-brand: var(--color-reference-dark-blue-250-l27-c05-faint);
584
+ --color-foreground-faint-caution: var(--color-reference-dark-yellow-85-l28-c05-faint);
585
+ --color-foreground-faint-guide: var(--color-reference-dark-cyan-215-l27-c05-faint);
586
+ --color-foreground-faint-negative: var(--color-reference-dark-red-30-l28-c05-faint);
587
+ --color-foreground-faint-neutral: var(--color-reference-grey-l27-dark-faint);
588
+ --color-foreground-faint-positive: var(--color-reference-dark-green-145-l27-c05-faint);
589
+ --color-foreground-faint-walkthrough: var(--color-reference-dark-teal-180-l27-c05-faint);
590
+ --color-foreground-faint-warning: var(--color-reference-dark-orange-60-l28-c05-faint);
591
+ --color-foreground-medium-ai: var(--color-reference-dark-purple-290-l52-c17-medium);
592
+ --color-foreground-medium-brand: var(--color-reference-dark-blue-250-l50-c17-medium);
593
+ --color-foreground-medium-caution: var(--color-reference-dark-yellow-85-l51-c12-medium);
594
+ --color-foreground-medium-guide: var(--color-reference-dark-cyan-215-l50-c11-medium);
595
+ --color-foreground-medium-negative: var(--color-reference-dark-red-30-l51-c17-medium);
596
+ --color-foreground-medium-neutral: var(--color-reference-grey-l50-dark-medium);
597
+ --color-foreground-medium-positive: var(--color-reference-dark-green-145-l50-c17-medium);
598
+ --color-foreground-medium-walkthrough: var(--color-reference-dark-teal-180-l50-c12-medium);
599
+ --color-foreground-medium-warning: var(--color-reference-dark-orange-60-l51-c13-medium);
600
+ --color-foreground-on-bold-background-primary: var(--color-reference-black-100);
601
+ --color-foreground-on-bold-background-quaternary: var(--color-reference-black-25);
602
+ --color-foreground-on-bold-background-secondary: var(--color-reference-black-75);
603
+ --color-foreground-on-bold-background-tertiary: var(--color-reference-black-55);
604
+ --color-foreground-on-medium-background-primary: var(--color-reference-white-100);
605
+ --color-foreground-on-medium-background-quaternary: var(--color-reference-white-25);
606
+ --color-foreground-on-medium-background-secondary: var(--color-reference-white-85);
607
+ --color-foreground-on-medium-background-tertiary: var(--color-reference-white-60);
608
+ --color-foreground-on-strong-background-primary: var(--color-reference-black-100);
609
+ --color-foreground-on-strong-background-quaternary: var(--color-reference-black-20);
610
+ --color-foreground-on-strong-background-secondary: var(--color-reference-black-60);
611
+ --color-foreground-on-strong-background-tertiary: var(--color-reference-black-45);
612
+ --color-foreground-on-translucent-background-primary: var(--color-reference-white-100);
613
+ --color-foreground-on-translucent-background-quaternary: var(--color-reference-white-25);
614
+ --color-foreground-on-translucent-background-secondary: var(--color-reference-white-85);
615
+ --color-foreground-on-translucent-background-tertiary: var(--color-reference-white-60);
616
+ --color-foreground-primary: var(--color-reference-white-100);
617
+ --color-foreground-quaternary: var(--color-reference-white-20);
618
+ --color-foreground-secondary: var(--color-reference-white-55);
619
+ --color-foreground-strong-ai: var(--color-reference-dark-purple-290-l92-c05-strong);
620
+ --color-foreground-strong-brand: var(--color-reference-dark-blue-250-l91-c05-strong);
621
+ --color-foreground-strong-caution: var(--color-reference-dark-yellow-85-l93-c05-strong);
622
+ --color-foreground-strong-guide: var(--color-reference-dark-cyan-215-l92-c07-strong);
623
+ --color-foreground-strong-negative: var(--color-reference-dark-red-30-l91-c06-strong);
624
+ --color-foreground-strong-neutral: var(--color-reference-grey-l91-dark-strong);
625
+ --color-foreground-strong-positive: var(--color-reference-dark-green-145-l93-c06-strong);
626
+ --color-foreground-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
627
+ --color-foreground-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
628
+ --color-foreground-tertiary: var(--color-reference-white-35);
629
+ --color-geofence-category-fuel-station-background: var(--color-reference-dark-blue-250-l27-c05-faint);
630
+ --color-geofence-category-fuel-station-border: var(--color-reference-dark-blue-250-l50-c17-medium);
631
+ --color-geofence-category-fuel-station-foreground: var(--color-reference-dark-blue-250-l65-c20-bold);
632
+ --color-geofence-category-interaction-focus: var(--color-reference-white-15);
633
+ --color-geofence-category-interaction-hover: var(--color-reference-white-15);
634
+ --color-geofence-category-interaction-pressed: var(--color-reference-white-20);
635
+ --color-geofence-category-job-site-background: var(--color-reference-dark-olive-115-l27-c05-faint);
636
+ --color-geofence-category-job-site-border: var(--color-reference-dark-olive-115-l51-c13-medium);
637
+ --color-geofence-category-job-site-foreground: var(--color-reference-dark-olive-115-l75-c19-bold);
638
+ --color-geofence-category-maintenance-facility-background: var(--color-reference-dark-magenta-325-l28-c05-faint);
639
+ --color-geofence-category-maintenance-facility-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
640
+ --color-geofence-category-maintenance-facility-foreground: var(--color-reference-dark-magenta-325-l67-c20-bold);
641
+ --color-geofence-category-restricted-location-background: var(--color-reference-dark-red-30-l70-c20-bold);
642
+ --color-geofence-category-restricted-location-border: var(--color-reference-dark-red-30-l51-c17-medium);
643
+ --color-geofence-category-restricted-location-foreground: var(--color-reference-dark-red-30-l28-c05-faint);
644
+ --color-geofence-category-risk-zone-background: var(--color-reference-dark-red-30-l28-c05-faint);
645
+ --color-geofence-category-risk-zone-border: var(--color-reference-dark-red-30-l51-c17-medium);
646
+ --color-geofence-category-risk-zone-foreground: var(--color-reference-dark-red-30-l70-c20-bold);
647
+ --color-geofence-category-shipper-background: var(--color-reference-dark-yellow-85-l28-c05-faint);
648
+ --color-geofence-category-shipper-border: var(--color-reference-dark-yellow-85-l51-c12-medium);
649
+ --color-geofence-category-shipper-foreground: var(--color-reference-dark-yellow-85-l80-c18-bold);
650
+ --color-geofence-category-specialized-job-site-background: var(--color-reference-dark-orange-60-l28-c05-faint);
651
+ --color-geofence-category-specialized-job-site-border: var(--color-reference-dark-orange-60-l51-c13-medium);
652
+ --color-geofence-category-specialized-job-site-foreground: var(--color-reference-dark-orange-60-l75-c20-bold);
653
+ --color-geofence-category-terminal-background: var(--color-reference-dark-teal-180-l27-c05-faint);
654
+ --color-geofence-category-terminal-border: var(--color-reference-dark-teal-180-l50-c12-medium);
655
+ --color-geofence-category-terminal-foreground: var(--color-reference-dark-teal-180-l70-c15-bold);
656
+ --color-geofence-category-uncategorized-background: var(--color-reference-grey-l27-dark-faint);
657
+ --color-geofence-category-uncategorized-border: var(--color-reference-grey-l50-dark-medium);
658
+ --color-geofence-category-uncategorized-foreground: var(--color-reference-grey-l65-dark-bold);
659
+ --color-interaction-focus: var(--color-reference-white-15);
660
+ --color-interaction-hover: var(--color-reference-white-10);
661
+ --color-interaction-on-bold-background-focus: var(--color-reference-black-20);
662
+ --color-interaction-on-bold-background-hover: var(--color-reference-black-15);
663
+ --color-interaction-on-bold-background-pressed: var(--color-reference-black-20);
664
+ --color-interaction-on-medium-background-focus: var(--color-reference-white-20);
665
+ --color-interaction-on-medium-background-hover: var(--color-reference-white-15);
666
+ --color-interaction-on-medium-background-pressed: var(--color-reference-white-20);
667
+ --color-interaction-on-strong-background-focus: var(--color-reference-black-15);
668
+ --color-interaction-on-strong-background-hover: var(--color-reference-black-10);
669
+ --color-interaction-on-strong-background-pressed: var(--color-reference-black-15);
670
+ --color-interaction-on-translucent-background-focus: var(--color-reference-white-20);
671
+ --color-interaction-on-translucent-background-hover: var(--color-reference-white-15);
672
+ --color-interaction-on-translucent-background-pressed: var(--color-reference-white-20);
673
+ --color-interaction-pressed: var(--color-reference-white-15);
674
+ --color-location-marker-background-brand: var(--color-reference-dark-blue-250-l65-c20-bold);
675
+ --color-location-marker-background-caution: var(--color-reference-dark-yellow-85-l80-c18-bold);
676
+ --color-location-marker-background-negative: var(--color-reference-dark-red-30-l70-c20-bold);
677
+ --color-location-marker-background-neutral: var(--color-reference-grey-l65-dark-bold);
678
+ --color-location-marker-background-positive: var(--color-reference-dark-green-145-l70-c19-bold);
679
+ --color-location-marker-background-warning: var(--color-reference-dark-orange-60-l75-c20-bold);
680
+ --color-location-marker-foreground: var(--color-reference-black-100);
681
+ --color-location-marker-interaction-focus: var(--color-reference-white-15);
682
+ --color-location-marker-interaction-hover: var(--color-reference-black-15);
683
+ --color-location-marker-interaction-pressed: var(--color-reference-black-20);
684
+ --color-safety-score-background-excellent: var(--color-reference-dark-blue-250-l50-c17-medium);
685
+ --color-safety-score-background-fair: var(--color-reference-dark-orange-60-l75-c20-bold);
686
+ --color-safety-score-background-good: var(--color-reference-dark-blue-250-l27-c05-faint);
687
+ --color-safety-score-foreground-on-excellent: var(--color-reference-dark-blue-250-l91-c05-strong);
688
+ --color-safety-score-foreground-on-fair: var(--color-reference-dark-orange-60-l92-c06-strong);
689
+ --color-safety-score-foreground-on-good: var(--color-reference-dark-blue-250-l65-c20-bold);
690
+ --color-safety-score-interaction-focus: var(--color-reference-white-15);
691
+ --color-safety-score-interaction-hover: var(--color-reference-black-15);
692
+ --color-safety-score-interaction-pressed: var(--color-reference-black-20);
693
+ --color-settings-profile-background: var(--color-reference-dark-orange-60-l28-c05-faint);
694
+ --color-settings-profile-border: var(--color-reference-dark-orange-60-l51-c13-medium);
695
+ --color-settings-profile-foreground: var(--color-reference-dark-orange-60-l75-c20-bold);
696
+ --color-data-category-10: var(--color-reference-dark-pink-0-l68-c20-bold);
697
+ --color-data-category-11: var(--color-reference-dark-teal-180-l70-c15-bold);
698
+ --color-data-category-12: var(--color-reference-dark-orange-60-l51-c13-medium);
699
+ --color-data-category-1: var(--color-reference-dark-blue-250-l50-c17-medium);
700
+ --color-data-category-2: var(--color-reference-dark-blue-250-l65-c20-bold);
701
+ --color-data-category-3: var(--color-reference-dark-yellow-85-l80-c18-bold);
702
+ --color-data-category-4: var(--color-reference-dark-orange-60-l75-c20-bold);
703
+ --color-data-category-5: var(--color-reference-dark-purple-290-l52-c17-medium);
704
+ --color-data-category-6: var(--color-reference-dark-magenta-325-l67-c20-bold);
705
+ --color-data-category-7: var(--color-reference-dark-purple-290-l67-c20-bold);
706
+ --color-data-category-8: var(--color-reference-dark-teal-180-l50-c12-medium);
707
+ --color-data-category-9: var(--color-reference-dark-yellow-85-l51-c12-medium);
708
+ --color-data-diverging-blue-orange-5-1: var(--color-reference-dark-blue-250-l65-c20-bold);
709
+ --color-data-diverging-blue-orange-5-2: var(--color-reference-dark-blue-250-l50-c17-medium);
710
+ --color-data-diverging-blue-orange-5-3: var(--color-reference-grey-l27-dark-faint);
711
+ --color-data-diverging-blue-orange-5-4: var(--color-reference-dark-orange-60-l51-c13-medium);
712
+ --color-data-diverging-blue-orange-5-5: var(--color-reference-dark-orange-60-l75-c20-bold);
713
+ --color-data-diverging-blue-orange-7-1: var(--color-reference-dark-blue-250-l65-c20-bold);
714
+ --color-data-diverging-blue-orange-7-2: var(--color-reference-dark-blue-250-l50-c17-medium);
715
+ --color-data-diverging-blue-orange-7-3: var(--color-reference-dark-blue-250-l27-c05-faint);
716
+ --color-data-diverging-blue-orange-7-4: var(--color-reference-grey-l27-dark-faint);
717
+ --color-data-diverging-blue-orange-7-5: var(--color-reference-dark-blue-250-l27-c05-faint);
718
+ --color-data-diverging-blue-orange-7-6: var(--color-reference-dark-orange-60-l51-c13-medium);
719
+ --color-data-diverging-blue-orange-7-7: var(--color-reference-dark-orange-60-l75-c20-bold);
720
+ --color-data-diverging-blue-orange-9-1: var(--color-reference-dark-blue-250-l91-c05-strong);
721
+ --color-data-diverging-blue-orange-9-2: var(--color-reference-dark-blue-250-l65-c20-bold);
722
+ --color-data-diverging-blue-orange-9-3: var(--color-reference-dark-blue-250-l50-c17-medium);
723
+ --color-data-diverging-blue-orange-9-4: var(--color-reference-dark-blue-250-l27-c05-faint);
724
+ --color-data-diverging-blue-orange-9-5: var(--color-reference-grey-l27-dark-faint);
725
+ --color-data-diverging-blue-orange-9-6: var(--color-reference-dark-orange-60-l28-c05-faint);
726
+ --color-data-diverging-blue-orange-9-7: var(--color-reference-dark-orange-60-l51-c13-medium);
727
+ --color-data-diverging-blue-orange-9-8: var(--color-reference-dark-orange-60-l75-c20-bold);
728
+ --color-data-diverging-blue-orange-9-9: var(--color-reference-dark-orange-60-l92-c06-strong);
729
+ --color-data-misc-1: var(--color-reference-grey-l91-dark-strong);
730
+ --color-data-misc-2: var(--color-reference-grey-l65-dark-bold);
731
+ --color-data-misc-3: var(--color-reference-grey-l50-dark-medium);
732
+ --color-data-misc-4: var(--color-reference-grey-l27-dark-faint);
733
+ --color-data-sequence-blue-2-1: var(--color-reference-dark-blue-250-l65-c20-bold);
734
+ --color-data-sequence-blue-2-2: var(--color-reference-dark-blue-250-l50-c17-medium);
735
+ --color-data-sequence-blue-3-1: var(--color-reference-dark-blue-250-l65-c20-bold);
736
+ --color-data-sequence-blue-3-2: var(--color-reference-dark-blue-250-l50-c17-medium);
737
+ --color-data-sequence-blue-3-3: var(--color-reference-dark-blue-250-l27-c05-faint);
738
+ --color-data-sequence-blue-4-1: var(--color-reference-dark-blue-250-l91-c05-strong);
739
+ --color-data-sequence-blue-4-2: var(--color-reference-dark-blue-250-l65-c20-bold);
740
+ --color-data-sequence-blue-4-3: var(--color-reference-dark-blue-250-l50-c17-medium);
741
+ --color-data-sequence-blue-4-4: var(--color-reference-dark-blue-250-l27-c05-faint);
742
+ --color-data-win-loss-loss: var(--color-reference-dark-red-30-l70-c20-bold);
743
+ --color-data-win-loss-win-alt: var(--color-reference-dark-green-145-l70-c19-bold);
744
+ --color-data-win-loss-win: var(--color-reference-dark-blue-250-l65-c20-bold);
745
+ }