@bspk/ui 1.3.30 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/build.ts +1 -2
  2. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
  3. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
  4. package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
  5. package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
  6. package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
  7. package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
  8. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
  9. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
  10. package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
  11. package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
  12. package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
  13. package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
  14. package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
  15. package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
  16. package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
  17. package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
  18. package/dist/components/Table/Table.js +1 -1
  19. package/dist/components/Table/Table.js.map +1 -1
  20. package/dist/styles/agent-workplace.css +1800 -0
  21. package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +770 -849
  22. package/dist/styles/anywhere.css +687 -766
  23. package/dist/styles/anywhere.css.js +687 -766
  24. package/dist/styles/better-homes-gardens.css +579 -826
  25. package/dist/styles/better-homes-gardens.css.js +579 -826
  26. package/dist/styles/broker-workplace.css +1800 -0
  27. package/dist/styles/broker-workplace.css.js +1805 -0
  28. package/dist/styles/cartus.css +674 -765
  29. package/dist/styles/cartus.css.js +674 -765
  30. package/dist/styles/century-21.css +679 -766
  31. package/dist/styles/century-21.css.js +679 -766
  32. package/dist/styles/coldwell-banker.css +671 -762
  33. package/dist/styles/coldwell-banker.css.js +671 -762
  34. package/dist/styles/corcoran.css +663 -758
  35. package/dist/styles/corcoran.css.js +663 -758
  36. package/dist/styles/era.css +677 -766
  37. package/dist/styles/era.css.js +677 -766
  38. package/dist/styles/example.css +1898 -0
  39. package/dist/styles/example.css.js +1903 -0
  40. package/dist/styles/sothebys.css +670 -759
  41. package/dist/styles/sothebys.css.js +670 -759
  42. package/dist/types/common.d.ts +2 -1
  43. package/dist/types/common.js.map +1 -1
  44. package/package.json +7 -47
  45. package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
  46. package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
  47. package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
  48. package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
  49. package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
  50. package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
  51. package/src/components/Table/Table.tsx +1 -1
  52. package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
  53. package/src/types/common.ts +2 -10
  54. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
  55. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
  56. package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
  57. package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
  58. package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
  59. package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
  60. package/dist/constants/brands.d.ts +0 -7
  61. package/dist/constants/brands.js +0 -43
  62. package/dist/constants/brands.js.map +0 -1
  63. package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
  64. package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
  65. package/src/constants/brands.ts +0 -49
package/dist/styles/corcoran.css.js CHANGED
@@ -1,7 +1,7 @@
1
1
  /** * This file is generated by the build script.
2
2
  * Do not edit this file directly. */
3
3
  const style = document.createElement('style');
4
- style.appendChild(document.createTextNode(`/* Generated from figma export: 2025-07-08T20:32:21.402Z */
4
+ style.appendChild(document.createTextNode(`/* Generated from figma export: 2026-02-02T17:54:13.533Z */
5
5
 
6
6
  @import url('https://fonts.googleapis.com/css2?family=Work%20Sans:ital,wght@0,100..900;1,100..900&display=swap');
7
7
  body {
@@ -10,177 +10,37 @@ body {
10
10
 
11
11
  :root {
12
12
  /* Body/Base */
13
- --body-base: 400 16px/20px var(--typeface);
14
- /* Body/Base - line height */
15
- --body-base-line-height: 20px;
16
- /* Body/Base - size */
13
+ --body-base: 400 16px/24px var(--typeface);
14
+ /* Body/Base - line height */
15
+ --body-base-line-height: 24px;
16
+ /* Body/Base - size */
17
17
  --body-base-size: 16px;
18
- /* Body/Base - style */
18
+ /* Body/Base - style */
19
19
  --body-base-style: regular;
20
20
  /* Body/Large */
21
- --body-large: 400 18px/24px var(--typeface);
22
- /* Body/Large - line height */
23
- --body-large-line-height: 24px;
24
- /* Body/Large - size */
21
+ --body-large: 400 18px/28px var(--typeface);
22
+ /* Body/Large - line height */
23
+ --body-large-line-height: 28px;
24
+ /* Body/Large - size */
25
25
  --body-large-size: 18px;
26
- /* Body/Large - style */
26
+ /* Body/Large - style */
27
27
  --body-large-style: regular;
28
28
  /* Body/Small */
29
29
  --body-small: 400 14px/20px var(--typeface);
30
- /* Body/Small - line height */
30
+ /* Body/Small - line height */
31
31
  --body-small-line-height: 20px;
32
- /* Body/Small - size */
32
+ /* Body/Small - size */
33
33
  --body-small-size: 14px;
34
- /* Body/Small - style */
34
+ /* Body/Small - style */
35
35
  --body-small-style: regular;
36
36
  /* Body/X-Small */
37
37
  --body-x-small: 400 12px/16px var(--typeface);
38
- /* Body/X-Small - line height */
38
+ /* Body/X-Small - line height */
39
39
  --body-x-small-line-height: 16px;
40
- /* Body/X-Small - size */
40
+ /* Body/X-Small - size */
41
41
  --body-x-small-size: 12px;
42
- /* Body/X-Small - style */
42
+ /* Body/X-Small - style */
43
43
  --body-x-small-style: regular;
44
- /* Colors/Brands/Experiment/blue-dark/100 - Global (primitives) */
45
- --colors-brands-experiment-blue-dark-100: #0a2f85;
46
- /* Colors/Brands/Experiment/blue-dark/200 - Global (primitives) */
47
- --colors-brands-experiment-blue-dark-200: #1347cc;
48
- /* Colors/Brands/Experiment/blue-dark/300 - Global (primitives) */
49
- --colors-brands-experiment-blue-dark-300: #0f59e2;
50
- /* Colors/Brands/Experiment/blue-dark/400 - Global (primitives) */
51
- --colors-brands-experiment-blue-dark-400: #357aea;
52
- /* Colors/Brands/Experiment/blue-dark/50 - Global (primitives) */
53
- --colors-brands-experiment-blue-dark-50: #181d34;
54
- /* Colors/Brands/Experiment/blue-dark/500 - Global (primitives) */
55
- --colors-brands-experiment-blue-dark-500: #2e88f6;
56
- /* Colors/Brands/Experiment/blue-dark/600 - Global (primitives) */
57
- --colors-brands-experiment-blue-dark-600: #50a1ff;
58
- /* Colors/Brands/Experiment/blue-dark/700 - Global (primitives) */
59
- --colors-brands-experiment-blue-dark-700: #7ab7ff;
60
- /* Colors/Brands/Experiment/blue-dark/800 - Global (primitives) */
61
- --colors-brands-experiment-blue-dark-800: #dcebfe;
62
- /* Colors/Brands/Experiment/blue-dark/900 - Global (primitives) */
63
- --colors-brands-experiment-blue-dark-900: #f0f6ff;
64
- /* Colors/Brands/Experiment/blue-gray-dark/100 - Global (primitives) */
65
- --colors-brands-experiment-blue-gray-dark-100: #1a2332;
66
- /* Colors/Brands/Experiment/blue-gray-dark/200 - Global (primitives) */
67
- --colors-brands-experiment-blue-gray-dark-200: #252e3c;
68
- /* Colors/Brands/Experiment/blue-gray-dark/300 - Global (primitives) */
69
- --colors-brands-experiment-blue-gray-dark-300: #323b49;
70
- /* Colors/Brands/Experiment/blue-gray-dark/400 - Global (primitives) */
71
- --colors-brands-experiment-blue-gray-dark-400: #5e6d82;
72
- /* Colors/Brands/Experiment/blue-gray-dark/50 - Global (primitives) */
73
- --colors-brands-experiment-blue-gray-dark-50: #0c101c;
74
- /* Colors/Brands/Experiment/blue-gray-dark/500 - Global (primitives) */
75
- --colors-brands-experiment-blue-gray-dark-500: #8b9bb2;
76
- /* Colors/Brands/Experiment/blue-gray-dark/600 - Global (primitives) */
77
- --colors-brands-experiment-blue-gray-dark-600: #b1c0d2;
78
- /* Colors/Brands/Experiment/blue-gray-dark/700 - Global (primitives) */
79
- --colors-brands-experiment-blue-gray-dark-700: #d4dce8;
80
- /* Colors/Brands/Experiment/blue-gray-dark/800 - Global (primitives) */
81
- --colors-brands-experiment-blue-gray-dark-800: #e2ebf3;
82
- /* Colors/Brands/Experiment/blue-gray-dark/900 - Global (primitives) */
83
- --colors-brands-experiment-blue-gray-dark-900: #f8fafc;
84
- /* Colors/Brands/Experiment/blue-gray-light/100 - Global (primitives) */
85
- --colors-brands-experiment-blue-gray-light-100: #f1f5f9;
86
- /* Colors/Brands/Experiment/blue-gray-light/200 - Global (primitives) */
87
- --colors-brands-experiment-blue-gray-light-200: #e1e7ef;
88
- /* Colors/Brands/Experiment/blue-gray-light/300 - Global (primitives) */
89
- --colors-brands-experiment-blue-gray-light-300: #c8d6e5;
90
- /* Colors/Brands/Experiment/blue-gray-light/400 - Global (primitives) */
91
- --colors-brands-experiment-blue-gray-light-400: #9eacc0;
92
- /* Colors/Brands/Experiment/blue-gray-light/50 - Global (primitives) */
93
- --colors-brands-experiment-blue-gray-light-50: #f8fafc;
94
- /* Colors/Brands/Experiment/blue-gray-light/500 - Global (primitives) */
95
- --colors-brands-experiment-blue-gray-light-500: #65758b;
96
- /* Colors/Brands/Experiment/blue-gray-light/600 - Global (primitives) */
97
- --colors-brands-experiment-blue-gray-light-600: #48566a;
98
- /* Colors/Brands/Experiment/blue-gray-light/700 - Global (primitives) */
99
- --colors-brands-experiment-blue-gray-light-700: #344256;
100
- /* Colors/Brands/Experiment/blue-gray-light/800 - Global (primitives) */
101
- --colors-brands-experiment-blue-gray-light-800: #1d283a;
102
- /* Colors/Brands/Experiment/blue-gray-light/900 - Global (primitives) */
103
- --colors-brands-experiment-blue-gray-light-900: #0f1729;
104
- /* Colors/Brands/Experiment/blue-light/100 - Global (primitives) */
105
- --colors-brands-experiment-blue-light-100: #dcebfe;
106
- /* Colors/Brands/Experiment/blue-light/200 - Global (primitives) */
107
- --colors-brands-experiment-blue-light-200: #bedbfe;
108
- /* Colors/Brands/Experiment/blue-light/300 - Global (primitives) */
109
- --colors-brands-experiment-blue-light-300: #91c3fd;
110
- /* Colors/Brands/Experiment/blue-light/400 - Global (primitives) */
111
- --colors-brands-experiment-blue-light-400: #61a6fa;
112
- /* Colors/Brands/Experiment/blue-light/50 - Global (primitives) */
113
- --colors-brands-experiment-blue-light-50: #f2f7ff;
114
- /* Colors/Brands/Experiment/blue-light/500 - Global (primitives) */
115
- --colors-brands-experiment-blue-light-500: #3479e9;
116
- /* Colors/Brands/Experiment/blue-light/600 - Global (primitives) */
117
- --colors-brands-experiment-blue-light-600: #1559ea;
118
- /* Colors/Brands/Experiment/blue-light/700 - Global (primitives) */
119
- --colors-brands-experiment-blue-light-700: #173fab;
120
- /* Colors/Brands/Experiment/blue-light/800 - Global (primitives) */
121
- --colors-brands-experiment-blue-light-800: #162f82;
122
- /* Colors/Brands/Experiment/blue-light/900 - Global (primitives) */
123
- --colors-brands-experiment-blue-light-900: #0c1736;
124
- /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-10 - Global (primitives) */
125
- --colors-brands-experiment-interactions-primary-dark-opacity-10: #50a1ff1a;
126
- /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-12 - Global (primitives) */
127
- --colors-brands-experiment-interactions-primary-dark-opacity-12: #50a1ff1f;
128
- /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-16 - Global (primitives) */
129
- --colors-brands-experiment-interactions-primary-dark-opacity-16: #50a1ff29;
130
- /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-20 - Global (primitives) */
131
- --colors-brands-experiment-interactions-primary-dark-opacity-20: #50a1ff33;
132
- /* Colors/Brands/Experiment/Interactions/primary-dark-opacity-8 - Global (primitives) */
133
- --colors-brands-experiment-interactions-primary-dark-opacity-8: #50a1ff14;
134
- /* Colors/Brands/Experiment/Interactions/primary-light-opacity-10 - Global (primitives) */
135
- --colors-brands-experiment-interactions-primary-light-opacity-10: #1559ea1a;
136
- /* Colors/Brands/Experiment/Interactions/primary-light-opacity-12 - Global (primitives) */
137
- --colors-brands-experiment-interactions-primary-light-opacity-12: #1559ea1f;
138
- /* Colors/Brands/Experiment/Interactions/primary-light-opacity-16 - Global (primitives) */
139
- --colors-brands-experiment-interactions-primary-light-opacity-16: #1559ea29;
140
- /* Colors/Brands/Experiment/Interactions/primary-light-opacity-20 - Global (primitives) */
141
- --colors-brands-experiment-interactions-primary-light-opacity-20: #1559ea33;
142
- /* Colors/Brands/Experiment/Interactions/primary-light-opacity-8 - Global (primitives) */
143
- --colors-brands-experiment-interactions-primary-light-opacity-8: #1559ea14;
144
- /* Colors/Brands/Experiment/orange-dark/100 - Global (primitives) */
145
- --colors-brands-experiment-orange-dark-100: #852c0f;
146
- /* Colors/Brands/Experiment/orange-dark/200 - Global (primitives) */
147
- --colors-brands-experiment-orange-dark-200: #ab4827;
148
- /* Colors/Brands/Experiment/orange-dark/300 - Global (primitives) */
149
- --colors-brands-experiment-orange-dark-300: #ce5a07;
150
- /* Colors/Brands/Experiment/orange-dark/400 - Global (primitives) */
151
- --colors-brands-experiment-orange-dark-400: #f27013;
152
- /* Colors/Brands/Experiment/orange-dark/50 - Global (primitives) */
153
- --colors-brands-experiment-orange-dark-50: #31160d;
154
- /* Colors/Brands/Experiment/orange-dark/500 - Global (primitives) */
155
- --colors-brands-experiment-orange-dark-500: #fb923c;
156
- /* Colors/Brands/Experiment/orange-dark/600 - Global (primitives) */
157
- --colors-brands-experiment-orange-dark-600: #fdba72;
158
- /* Colors/Brands/Experiment/orange-dark/700 - Global (primitives) */
159
- --colors-brands-experiment-orange-dark-700: #fed6a9;
160
- /* Colors/Brands/Experiment/orange-dark/800 - Global (primitives) */
161
- --colors-brands-experiment-orange-dark-800: #ffedd6;
162
- /* Colors/Brands/Experiment/orange-dark/900 - Global (primitives) */
163
- --colors-brands-experiment-orange-dark-900: #fff6eb;
164
- /* Colors/Brands/Experiment/orange-light/100 - Global (primitives) */
165
- --colors-brands-experiment-orange-light-100: #ffedd6;
166
- /* Colors/Brands/Experiment/orange-light/200 - Global (primitives) */
167
- --colors-brands-experiment-orange-light-200: #fed6a9;
168
- /* Colors/Brands/Experiment/orange-light/300 - Global (primitives) */
169
- --colors-brands-experiment-orange-light-300: #fdba72;
170
- /* Colors/Brands/Experiment/orange-light/400 - Global (primitives) */
171
- --colors-brands-experiment-orange-light-400: #fb923c;
172
- /* Colors/Brands/Experiment/orange-light/50 - Global (primitives) */
173
- --colors-brands-experiment-orange-light-50: #fff6eb;
174
- /* Colors/Brands/Experiment/orange-light/500 - Global (primitives) */
175
- --colors-brands-experiment-orange-light-500: #f67416;
176
- /* Colors/Brands/Experiment/orange-light/600 - Global (primitives) */
177
- --colors-brands-experiment-orange-light-600: #e4570c;
178
- /* Colors/Brands/Experiment/orange-light/700 - Global (primitives) */
179
- --colors-brands-experiment-orange-light-700: #b63c0b;
180
- /* Colors/Brands/Experiment/orange-light/800 - Global (primitives) */
181
- --colors-brands-experiment-orange-light-800: #80310f;
182
- /* Colors/Brands/Experiment/orange-light/900 - Global (primitives) */
183
- --colors-brands-experiment-orange-light-900: #471a0a;
184
44
  /* Colors/Internal/pink-00-light - Global (primitives) */
185
45
  --colors-internal-pink-00-light: #ff4f8d;
186
46
  /* Colors/Internal/pink-50-dark - Global (primitives) */
@@ -212,7 +72,7 @@ body {
212
72
  /* Colors/Neutral/22 - Global (primitives) */
213
73
  --colors-neutral-22: #383838;
214
74
  /* Colors/Neutral/24 - Global (primitives) */
215
- --colors-neutral-24: #424242;
75
+ --colors-neutral-24: #3d3d3d;
216
76
  /* Colors/Neutral/26 - Global (primitives) */
217
77
  --colors-neutral-26: #424242;
218
78
  /* Colors/Neutral/28 - Global (primitives) */
@@ -289,6 +149,10 @@ body {
289
149
  --colors-neutral-98: #fafafa;
290
150
  /* Colors/Neutral/transparent - Global (primitives) */
291
151
  --colors-neutral-transparent: #ffffff00;
152
+ /* Colors/System/AI-gradient/blue - Global (primitives) */
153
+ --colors-system-ai-gradient-blue: #215ecd;
154
+ /* Colors/System/AI-gradient/pink - Global (primitives) */
155
+ --colors-system-ai-gradient-pink: #c60ede;
292
156
  /* Colors/System/blue-dark - Global (primitives) */
293
157
  --colors-system-blue-dark: #5d92f5;
294
158
  /* Colors/System/blue-dark-bg - Global (primitives) */
@@ -337,10 +201,10 @@ body {
337
201
  --colors-system-spectrum-data-visual-azure-400: #7fc4ec;
338
202
  /* Colors/System/Spectrum/Data visual/azure-700 - Global (primitives) */
339
203
  --colors-system-spectrum-data-visual-azure-700: #299de0;
340
- /* Colors/System/Spectrum/Data visual/backrose-900 - Global (primitives) */
341
- --colors-system-spectrum-data-visual-backrose-900: #958ca3;
342
204
  /* Colors/System/Spectrum/Data visual/blackrose-1200 - Global (primitives) */
343
205
  --colors-system-spectrum-data-visual-blackrose-1200: #130033;
206
+ /* Colors/System/Spectrum/Data visual/blackrose-900 - Global (primitives) */
207
+ --colors-system-spectrum-data-visual-blackrose-900: #958ca3;
344
208
  /* Colors/System/Spectrum/Data visual/bronze-1100 - Global (primitives) */
345
209
  --colors-system-spectrum-data-visual-bronze-1100: #794b34;
346
210
  /* Colors/System/Spectrum/Data visual/bronze-800 - Global (primitives) */
@@ -369,10 +233,10 @@ body {
369
233
  --colors-system-spectrum-data-visual-highlight-azure-400-opacity: #7fc4ec4d;
370
234
  /* Colors/System/Spectrum/Data visual/Highlight/azure-700-opacity - Global (primitives) */
371
235
  --colors-system-spectrum-data-visual-highlight-azure-700-opacity: #299de04d;
372
- /* Colors/System/Spectrum/Data visual/Highlight/backrose-900-opacity - Global (primitives) */
373
- --colors-system-spectrum-data-visual-highlight-backrose-900-opacity: #958ca34d;
374
236
  /* Colors/System/Spectrum/Data visual/Highlight/blackrose-1200-opacity - Global (primitives) */
375
237
  --colors-system-spectrum-data-visual-highlight-blackrose-1200-opacity: #1300334d;
238
+ /* Colors/System/Spectrum/Data visual/Highlight/blackrose-900-opacity - Global (primitives) */
239
+ --colors-system-spectrum-data-visual-highlight-blackrose-900-opacity: #958ca34d;
376
240
  /* Colors/System/Spectrum/Data visual/Highlight/bronze-1100-opacity - Global (primitives) */
377
241
  --colors-system-spectrum-data-visual-highlight-bronze-1100-opacity: #794b344d;
378
242
  /* Colors/System/Spectrum/Data visual/Highlight/bronze-800-opacity - Global (primitives) */
@@ -607,20 +471,10 @@ body {
607
471
  --drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
608
472
  /* West - side sheets */
609
473
  --drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
610
- /* Foreground/Link text/subtle-inverse-hovered - Theme - Corcoran */
611
- --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
612
- /* Foreground/Link text/subtle-inverse-pressed - Theme - Corcoran */
613
- --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
614
- /* Foreground/Neutral/on-color - Theme - Corcoran */
615
- --foreground-neutral-on-color: #ffffff;
616
- /* Interaction/disabled-opacity - Theme - 3.0 */
617
- --interaction-disabled-opacity: #0000000f;
618
- /* Interaction/primary-disabled-opacity - Theme - 3.0 */
619
- --interaction-primary-disabled-opacity: #1559ea1f;
620
- /* Interaction/primary-hover-opacity - Theme - 3.0 */
621
- --interaction-primary-hover-opacity: #1559ea1a;
622
- /* Interaction/primary-press-opacity - Theme - 3.0 */
623
- --interaction-primary-press-opacity: #1559ea33;
474
+ /* Foreground/AI-powered/blue - Theme - BRAND */
475
+ --foreground-ai-powered-blue: #000000;
476
+ /* Foreground/AI-powered/pink - Theme - BRAND */
477
+ --foreground-ai-powered-pink: #000000;
624
478
  /* Interactions/opacity-black-10 - Global (primitives) */
625
479
  --interactions-opacity-black-10: #0000001a;
626
480
  /* Interactions/opacity-black-16 - Global (primitives) */
@@ -645,69 +499,69 @@ body {
645
499
  --interactions-opacity-white-6: #ffffff0f;
646
500
  /* Interactions/opacity-white-8 - Global (primitives) */
647
501
  --interactions-opacity-white-8: #ffffff14;
648
- /* Colors/Brands/Corcoran/Interactions/primary-dark-opacity-10 - Global (primitives) */
502
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
649
503
  --interactions-primary-dark-opacity-10: #92adc41a;
650
- /* Colors/Brands/Corcoran/Interactions/primary-dark-opacity-12 - Global (primitives) */
504
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
651
505
  --interactions-primary-dark-opacity-12: #92adc41f;
652
- /* Colors/Brands/Corcoran/Interactions/primary-dark-opacity-16 - Global (primitives) */
506
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
653
507
  --interactions-primary-dark-opacity-16: #92adc429;
654
- /* Colors/Brands/Corcoran/Interactions/primary-dark-opacity-20 - Global (primitives) */
508
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
655
509
  --interactions-primary-dark-opacity-20: #92adc433;
656
- /* Colors/Brands/Corcoran/Interactions/primary-dark-opacity-8 - Global (primitives) */
510
+ /* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
657
511
  --interactions-primary-dark-opacity-8: #92adc414;
658
- /* Colors/Brands/Corcoran/Interactions/primary-light-opacity-10 - Global (primitives) */
512
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
659
513
  --interactions-primary-light-opacity-10: #4a769d1a;
660
- /* Colors/Brands/Corcoran/Interactions/primary-light-opacity-12 - Global (primitives) */
514
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
661
515
  --interactions-primary-light-opacity-12: #4a769d1f;
662
- /* Colors/Brands/Corcoran/Interactions/primary-light-opacity-16 - Global (primitives) */
516
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
663
517
  --interactions-primary-light-opacity-16: #4a769d29;
664
- /* Colors/Brands/Corcoran/Interactions/primary-light-opacity-20 - Global (primitives) */
518
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
665
519
  --interactions-primary-light-opacity-20: #4a769d33;
666
- /* Colors/Brands/Corcoran/Interactions/primary-light-opacity-8 - Global (primitives) */
520
+ /* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
667
521
  --interactions-primary-light-opacity-8: #4a769d14;
668
522
  /* Labels/Base */
669
- --labels-base: 500 16px/20px var(--typeface);
670
- /* Labels/Base - line height */
671
- --labels-base-line-height: 20px;
672
- /* Labels/Base - size */
523
+ --labels-base: 500 16px/24px var(--typeface);
524
+ /* Labels/Base - line height */
525
+ --labels-base-line-height: 24px;
526
+ /* Labels/Base - size */
673
527
  --labels-base-size: 16px;
674
- /* Labels/Base - style */
528
+ /* Labels/Base - style */
675
529
  --labels-base-style: medium;
676
530
  /* Labels/Large */
677
- --labels-large: 500 18px/24px var(--typeface);
678
- /* Labels/Large - line height */
679
- --labels-large-line-height: 24px;
680
- /* Labels/Large - size */
531
+ --labels-large: 500 18px/28px var(--typeface);
532
+ /* Labels/Large - line height */
533
+ --labels-large-line-height: 28px;
534
+ /* Labels/Large - size */
681
535
  --labels-large-size: 18px;
682
- /* Labels/Large - style */
536
+ /* Labels/Large - style */
683
537
  --labels-large-style: medium;
684
538
  /* Labels/Small */
685
539
  --labels-small: 500 14px/20px var(--typeface);
686
- /* Labels/Small - line height */
540
+ /* Labels/Small - line height */
687
541
  --labels-small-line-height: 20px;
688
- /* Labels/Small - size */
542
+ /* Labels/Small - size */
689
543
  --labels-small-size: 14px;
690
- /* Labels/Small - style */
544
+ /* Labels/Small - style */
691
545
  --labels-small-style: medium;
692
546
  /* Labels/X-Small */
693
547
  --labels-x-small: 500 12px/16px var(--typeface);
694
- /* Labels/X-Small - line height */
548
+ /* Labels/X-Small - line height */
695
549
  --labels-x-small-line-height: 16px;
696
- /* Labels/X-Small - size */
550
+ /* Labels/X-Small - size */
697
551
  --labels-x-small-size: 12px;
698
- /* Labels/X-Small - style */
552
+ /* Labels/X-Small - style */
699
553
  --labels-x-small-style: medium;
700
- /* Colors/Brands/Corcoran/Primary/00-base - Global (primitives) */
554
+ /* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
701
555
  --primary-00-base: #4a769d;
702
- /* Colors/Brands/Corcoran/Primary/15-dark - Global (primitives) */
556
+ /* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
703
557
  --primary-15-dark: #3f6485;
704
- /* Colors/Brands/Corcoran/Primary/40-light - Global (primitives) */
558
+ /* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
705
559
  --primary-40-light: #92adc4;
706
- /* Colors/Brands/Corcoran/Primary/55-light - Global (primitives) */
560
+ /* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
707
561
  --primary-55-light: #aec1d3;
708
- /* Colors/Brands/Corcoran/Primary/75-dark - Global (primitives) */
562
+ /* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
709
563
  --primary-75-dark: #131e27;
710
- /* Colors/Brands/Corcoran/Primary/85-light - Global (primitives) */
564
+ /* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
711
565
  --primary-85-light: #e4eaf0;
712
566
  /* Radius/full - Borders */
713
567
  --radius-full: 999px;
@@ -721,17 +575,17 @@ body {
721
575
  --radius-sm: 4px;
722
576
  /* Radius/xlg - Borders */
723
577
  --radius-xlg: 16px;
724
- /* Colors/Brands/Corcoran/Secondary/00-base - Global (primitives) */
578
+ /* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
725
579
  --secondary-00-base: #c0535c;
726
- /* Colors/Brands/Corcoran/Secondary/15-dark - Global (primitives) */
580
+ /* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
727
581
  --secondary-15-dark: #a3474e;
728
- /* Colors/Brands/Corcoran/Secondary/40-light - Global (primitives) */
582
+ /* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
729
583
  --secondary-40-light: #d9989d;
730
- /* Colors/Brands/Corcoran/Secondary/55-light - Global (primitives) */
584
+ /* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
731
585
  --secondary-55-light: #e3b2b6;
732
- /* Colors/Brands/Corcoran/Secondary/75-dark - Global (primitives) */
586
+ /* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
733
587
  --secondary-75-dark: #301517;
734
- /* Colors/Brands/Corcoran/Secondary/85-light - Global (primitives) */
588
+ /* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
735
589
  --secondary-85-light: #f6e5e7;
736
590
  /* Shadows/Inner-Shadow-black-100 - Global (primitives) */
737
591
  --shadows-inner-shadow-black-100: #000000;
@@ -865,22 +719,10 @@ body {
865
719
  --spacings-960: 96px;
866
720
  /* Spacings/None - Global (primitives) */
867
721
  --spacings-none: 0;
868
- /* Status/on-error - Theme - Corcoran */
869
- --status-on-error: #ffffff;
870
- /* Status/on-information - Theme - Corcoran */
871
- --status-on-information: #ffffff;
872
- /* Status/on-informational - Theme - Corcoran */
873
- --status-on-informational: #ffffff;
874
- /* Status/on-success - Theme - Corcoran */
875
- --status-on-success: #ffffff;
876
- /* Status/on-warning - Theme - Corcoran */
877
- --status-on-warning: #141414;
878
- /* Stroke/Neutral/focus-on-inverse - Theme - Corcoran */
879
- --stroke-neutral-focus-on-inverse: #ffffff;
880
- /* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
881
- --stroke-neutral-interaction-inverse-focus: #ffffff;
882
- /* Stroke/Neutral/Interactions/inverse-focus - Theme - Corcoran */
883
- --stroke-neutral-interactions-inverse-focus: #ffffff;
722
+ /* Stroke/AI-powered/blue - Theme - BRAND */
723
+ --stroke-ai-powered-blue: #000000;
724
+ /* Stroke/AI-powered/pink - Theme - BRAND */
725
+ --stroke-ai-powered-pink: #000000;
884
726
  /* Stroke/none - Borders */
885
727
  --stroke-none: 0;
886
728
  /* Stroke/thick - Borders */
@@ -889,8 +731,10 @@ body {
889
731
  --stroke-thicker: 4px;
890
732
  /* Stroke/thin - Borders */
891
733
  --stroke-thin: 1px;
892
- /* Surface/Neutral/transparent - Theme - Corcoran */
893
- --surface-neutral-transparent: #ffffff00;
734
+ /* Surface/AI-powered/blue - Theme - BRAND */
735
+ --surface-ai-powered-blue: #000000;
736
+ /* Surface/AI-powered/pink - Theme - BRAND */
737
+ --surface-ai-powered-pink: #000000;
894
738
  /* Typeface - Brand */
895
739
  --typeface: 'Work Sans', sans-serif;
896
740
  /* Typography/Line-height/lh-1 - Global (primitives) */
@@ -956,29 +800,29 @@ body {
956
800
  /* Typography/Size/xxxlg - Global (primitives) */
957
801
  --typography-size-xxxlg: 40px;
958
802
  /* Typography/Typeface/Arial - Global (primitives) */
959
- --typography-typeface-arial: 'Arial', sans-serif;
803
+ --typography-typeface-arial: 'Arial';
960
804
  /* Typography/Typeface/Geist - Global (primitives) */
961
- --typography-typeface-geist: 'Geist', sans-serif;
805
+ --typography-typeface-geist: 'Geist';
962
806
  /* Typography/Typeface/Helvetica - Global (primitives) */
963
- --typography-typeface-helvetica: 'Helvetica', sans-serif;
807
+ --typography-typeface-helvetica: 'Helvetica';
964
808
  /* Typography/Typeface/Inter - Global (primitives) */
965
- --typography-typeface-inter: 'Inter', sans-serif;
809
+ --typography-typeface-inter: 'Inter';
966
810
  /* Typography/Typeface/Lato - Global (primitives) */
967
- --typography-typeface-lato: 'Lato', sans-serif;
811
+ --typography-typeface-lato: 'Lato';
968
812
  /* Typography/Typeface/Manrope - Global (primitives) */
969
- --typography-typeface-manrope: 'Manrope', sans-serif;
813
+ --typography-typeface-manrope: 'Manrope';
970
814
  /* Typography/Typeface/Open Sans - Global (primitives) */
971
- --typography-typeface-open-sans: 'Open Sans', sans-serif;
815
+ --typography-typeface-open-sans: 'Open Sans';
972
816
  /* Typography/Typeface/Red Hat Text - Global (primitives) */
973
- --typography-typeface-red-hat-text: 'Red Hat Text', sans-serif;
817
+ --typography-typeface-red-hat-text: 'Red Hat Text';
974
818
  /* Typography/Typeface/Roboto - Global (primitives) */
975
- --typography-typeface-roboto: 'Roboto', sans-serif;
819
+ --typography-typeface-roboto: 'Roboto';
976
820
  /* Typography/Typeface/SF Pro - Global (primitives) */
977
- --typography-typeface-sf-pro: 'SF Pro', sans-serif;
821
+ --typography-typeface-sf-pro: 'SF Pro';
978
822
  /* Typography/Typeface/Typold - Global (primitives) */
979
- --typography-typeface-typold: 'Typold', sans-serif;
823
+ --typography-typeface-typold: 'Typold';
980
824
  /* Typography/Typeface/Work Sans - Global (primitives) */
981
- --typography-typeface-work-sans: 'Work Sans', sans-serif;
825
+ --typography-typeface-work-sans: 'Work Sans';
982
826
  /* Typography/Weight/300 - Global (primitives) */
983
827
  --typography-weight-300: 300;
984
828
  /* Typography/Weight/400 - Global (primitives) */
@@ -989,52 +833,52 @@ body {
989
833
  --typography-weight-600: 600;
990
834
  /* Mobile/Display/Regular/Large */
991
835
  --display-regular-large: 400 56px/72px var(--typeface);
992
- /* Mobile/Display/Regular/Large - line height */
836
+ /* Mobile/Display/Regular/Large - line height */
993
837
  --display-regular-large-line-height: 72px;
994
- /* Mobile/Display/Regular/Large - size */
838
+ /* Mobile/Display/Regular/Large - size */
995
839
  --display-regular-large-size: 56px;
996
- /* Mobile/Display/Regular/Large - style */
840
+ /* Mobile/Display/Regular/Large - style */
997
841
  --display-regular-large-style: regular;
998
842
  /* Mobile/Display/Regular/Medium */
999
843
  --display-regular-medium: 400 48px/60px var(--typeface);
1000
- /* Mobile/Display/Regular/Medium - line height */
844
+ /* Mobile/Display/Regular/Medium - line height */
1001
845
  --display-regular-medium-line-height: 60px;
1002
- /* Mobile/Display/Regular/Medium - size */
846
+ /* Mobile/Display/Regular/Medium - size */
1003
847
  --display-regular-medium-size: 48px;
1004
- /* Mobile/Display/Regular/Medium - style */
848
+ /* Mobile/Display/Regular/Medium - style */
1005
849
  --display-regular-medium-style: regular;
1006
850
  /* Mobile/Display/Regular/Small */
1007
851
  --display-regular-small: 400 40px/48px var(--typeface);
1008
- /* Mobile/Display/Regular/Small - line height */
852
+ /* Mobile/Display/Regular/Small - line height */
1009
853
  --display-regular-small-line-height: 48px;
1010
- /* Mobile/Display/Regular/Small - size */
854
+ /* Mobile/Display/Regular/Small - size */
1011
855
  --display-regular-small-size: 40px;
1012
- /* Mobile/Display/Regular/Small - style */
856
+ /* Mobile/Display/Regular/Small - style */
1013
857
  --display-regular-small-style: regular;
1014
858
  /* Mobile/Display/Semibold/Large */
1015
859
  --display-semibold-large: 600 56px/72px var(--typeface);
1016
- /* Mobile/Display/Semibold/Large - line height */
860
+ /* Mobile/Display/Semibold/Large - line height */
1017
861
  --display-semibold-large-line-height: 72px;
1018
- /* Mobile/Display/Semibold/Large - size */
862
+ /* Mobile/Display/Semibold/Large - size */
1019
863
  --display-semibold-large-size: 56px;
1020
- /* Mobile/Display/Semibold/Large - style */
1021
- --display-semibold-large-style: semibold;
864
+ /* Mobile/Display/Semibold/Large - style */
865
+ --display-semibold-large-style: 600;
1022
866
  /* Mobile/Display/Semibold/Medium */
1023
867
  --display-semibold-medium: 600 48px/60px var(--typeface);
1024
- /* Mobile/Display/Semibold/Medium - line height */
868
+ /* Mobile/Display/Semibold/Medium - line height */
1025
869
  --display-semibold-medium-line-height: 60px;
1026
- /* Mobile/Display/Semibold/Medium - size */
870
+ /* Mobile/Display/Semibold/Medium - size */
1027
871
  --display-semibold-medium-size: 48px;
1028
- /* Mobile/Display/Semibold/Medium - style */
1029
- --display-semibold-medium-style: semibold;
872
+ /* Mobile/Display/Semibold/Medium - style */
873
+ --display-semibold-medium-style: 600;
1030
874
  /* Mobile/Display/Semibold/Small */
1031
875
  --display-semibold-small: 600 40px/48px var(--typeface);
1032
- /* Mobile/Display/Semibold/Small - line height */
876
+ /* Mobile/Display/Semibold/Small - line height */
1033
877
  --display-semibold-small-line-height: 48px;
1034
- /* Mobile/Display/Semibold/Small - size */
878
+ /* Mobile/Display/Semibold/Small - size */
1035
879
  --display-semibold-small-size: 40px;
1036
- /* Mobile/Display/Semibold/Small - style */
1037
- --display-semibold-small-style: semibold;
880
+ /* Mobile/Display/Semibold/Small - style */
881
+ --display-semibold-small-style: 600;
1038
882
  /* Mobile/Heading/H1 - Large Headline */
1039
883
  --heading-h1: 600 32px/40px var(--typeface);
1040
884
  /* Mobile/Heading/H1 - Large Headline line height */
@@ -1042,7 +886,7 @@ body {
1042
886
  /* Mobile/Heading/H1 - Large Headline size */
1043
887
  --heading-h1-size: 32px;
1044
888
  /* Mobile/Heading/H1 - Large Headline style */
1045
- --heading-h1-style: semibold;
889
+ --heading-h1-style: 600;
1046
890
  /* Mobile/Heading/H2 - Headline */
1047
891
  --heading-h2: 600 28px/36px var(--typeface);
1048
892
  /* Mobile/Heading/H2 - Headline line height */
@@ -1050,7 +894,7 @@ body {
1050
894
  /* Mobile/Heading/H2 - Headline size */
1051
895
  --heading-h2-size: 28px;
1052
896
  /* Mobile/Heading/H2 - Headline style */
1053
- --heading-h2-style: semibold;
897
+ --heading-h2-style: 600;
1054
898
  /* Mobile/Heading/H3 - Headline */
1055
899
  --heading-h3: 600 24px/32px var(--typeface);
1056
900
  /* Mobile/Heading/H3 - Headline line height */
@@ -1058,7 +902,7 @@ body {
1058
902
  /* Mobile/Heading/H3 - Headline size */
1059
903
  --heading-h3-size: 24px;
1060
904
  /* Mobile/Heading/H3 - Headline style */
1061
- --heading-h3-style: semibold;
905
+ --heading-h3-style: 600;
1062
906
  /* Mobile/Heading/H4 - Headline */
1063
907
  --heading-h4: 600 20px/28px var(--typeface);
1064
908
  /* Mobile/Heading/H4 - Headline line height */
@@ -1066,22 +910,22 @@ body {
1066
910
  /* Mobile/Heading/H4 - Headline size */
1067
911
  --heading-h4-size: 20px;
1068
912
  /* Mobile/Heading/H4 - Headline style */
1069
- --heading-h4-style: semibold;
913
+ --heading-h4-style: 600;
1070
914
  /* Mobile/Heading/H5 */
1071
915
  --heading-h5: 600 18px/24px var(--typeface);
1072
- /* Mobile/Heading/H5 - line height */
916
+ /* Mobile/Heading/H5 - line height */
1073
917
  --heading-h5-line-height: 24px;
1074
- /* Mobile/Heading/H5 - size */
918
+ /* Mobile/Heading/H5 - size */
1075
919
  --heading-h5-size: 18px;
1076
- /* Mobile/Heading/H5 - style */
1077
- --heading-h5-style: semibold;
920
+ /* Mobile/Heading/H5 - style */
921
+ --heading-h5-style: 600;
1078
922
  /* Mobile/Heading/H6 */
1079
923
  --heading-h6: 500 16px/20px var(--typeface);
1080
- /* Mobile/Heading/H6 - line height */
924
+ /* Mobile/Heading/H6 - line height */
1081
925
  --heading-h6-line-height: 20px;
1082
- /* Mobile/Heading/H6 - size */
926
+ /* Mobile/Heading/H6 - size */
1083
927
  --heading-h6-size: 16px;
1084
- /* Mobile/Heading/H6 - style */
928
+ /* Mobile/Heading/H6 - style */
1085
929
  --heading-h6-style: medium;
1086
930
  /* Mobile/Subheader/Large - Headline */
1087
931
  --subheader-large: 400 20px/28px var(--typeface);
@@ -1123,765 +967,826 @@ body {
1123
967
  --subheader-xxx-large-size: 32px;
1124
968
  /* Mobile/Subheader/XXX-Large - Large Headline style */
1125
969
  --subheader-xxx-large-style: regular;
1126
-
1127
- @media (width >= 640px) {
1128
- /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
1129
- --display-regular-large: 400 64px/88px var(--typeface);
1130
- /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
1131
- --display-regular-large-line-height: 88px;
1132
- /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
1133
- --display-regular-large-size: 64px;
1134
- /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
1135
- --display-regular-large-style: regular;
1136
- /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
1137
- --display-regular-medium: 400 56px/72px var(--typeface);
1138
- /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
1139
- --display-regular-medium-line-height: 72px;
1140
- /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
1141
- --display-regular-medium-size: 56px;
1142
- /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
1143
- --display-regular-medium-style: regular;
1144
- /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
1145
- --display-regular-small: 400 48px/60px var(--typeface);
1146
- /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
1147
- --display-regular-small-line-height: 60px;
1148
- /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
1149
- --display-regular-small-size: 48px;
1150
- /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
1151
- --display-regular-small-style: regular;
1152
- /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
1153
- --display-semibold-large: 600 64px/88px var(--typeface);
1154
- /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
1155
- --display-semibold-large-line-height: 88px;
1156
- /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
1157
- --display-semibold-large-size: 64px;
1158
- /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
1159
- --display-semibold-large-style: semibold;
1160
- /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
1161
- --display-semibold-medium: 600 56px/72px var(--typeface);
1162
- /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
1163
- --display-semibold-medium-line-height: 72px;
1164
- /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
1165
- --display-semibold-medium-size: 56px;
1166
- /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
1167
- --display-semibold-medium-style: semibold;
1168
- /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
1169
- --display-semibold-small: 600 48px/60px var(--typeface);
1170
- /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
1171
- --display-semibold-small-line-height: 60px;
1172
- /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
1173
- --display-semibold-small-size: 48px;
1174
- /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
1175
- --display-semibold-small-style: semibold;
1176
- /* Desktop/Heading/H1 */
1177
- --heading-h1: 600 40px/48px var(--typeface);
1178
- /* Desktop/Heading/H1 - line height */
1179
- --heading-h1-line-height: 48px;
1180
- /* Desktop/Heading/H1 - size */
1181
- --heading-h1-size: 40px;
1182
- /* Desktop/Heading/H1 - style */
1183
- --heading-h1-style: semibold;
1184
- /* Desktop/Heading/H2 */
1185
- --heading-h2: 600 32px/40px var(--typeface);
1186
- /* Desktop/Heading/H2 - line height */
1187
- --heading-h2-line-height: 40px;
1188
- /* Desktop/Heading/H2 - size */
1189
- --heading-h2-size: 32px;
1190
- /* Desktop/Heading/H2 - style */
1191
- --heading-h2-style: semibold;
1192
- /* Desktop/Heading/H3 */
1193
- --heading-h3: 600 28px/36px var(--typeface);
1194
- /* Desktop/Heading/H3 - line height */
1195
- --heading-h3-line-height: 36px;
1196
- /* Desktop/Heading/H3 - size */
1197
- --heading-h3-size: 28px;
1198
- /* Desktop/Heading/H3 - style */
1199
- --heading-h3-style: semibold;
1200
- /* Desktop/Heading/H4 */
1201
- --heading-h4: 600 24px/32px var(--typeface);
1202
- /* Desktop/Heading/H4 - line height */
1203
- --heading-h4-line-height: 32px;
1204
- /* Desktop/Heading/H4 - size */
1205
- --heading-h4-size: 24px;
1206
- /* Desktop/Heading/H4 - style */
1207
- --heading-h4-style: semibold;
1208
- /* Desktop/Heading/H5 */
1209
- --heading-h5: 600 20px/28px var(--typeface);
1210
- /* Desktop/Heading/H5 - line height */
1211
- --heading-h5-line-height: 28px;
1212
- /* Desktop/Heading/H5 - size */
1213
- --heading-h5-size: 20px;
1214
- /* Desktop/Heading/H5 - style */
1215
- --heading-h5-style: semibold;
1216
- /* Desktop/Heading/H6 */
1217
- --heading-h6: 500 18px/24px var(--typeface);
1218
- /* Desktop/Heading/H6 - line height */
1219
- --heading-h6-line-height: 24px;
1220
- /* Desktop/Heading/H6 - size */
1221
- --heading-h6-size: 18px;
1222
- /* Desktop/Heading/H6 - style */
1223
- --heading-h6-style: medium;
1224
- /* Desktop/Subheader/Large - Headline */
1225
- --subheader-large: 400 24px/32px var(--typeface);
1226
- /* Desktop/Subheader/Large - Headline line height */
1227
- --subheader-large-line-height: 32px;
1228
- /* Desktop/Subheader/Large - Headline size */
1229
- --subheader-large-size: 24px;
1230
- /* Desktop/Subheader/Large - Headline style */
1231
- --subheader-large-style: regular;
1232
- /* Desktop/Subheader/Medium */
1233
- --subheader-medium: 400 20px/28px var(--typeface);
1234
- /* Desktop/Subheader/Medium - line height */
1235
- --subheader-medium-line-height: 28px;
1236
- /* Desktop/Subheader/Medium - size */
1237
- --subheader-medium-size: 20px;
1238
- /* Desktop/Subheader/Medium - style */
1239
- --subheader-medium-style: regular;
1240
- /* Desktop/Subheader/X-Large - Headline */
1241
- --subheader-x-large: 400 28px/36px var(--typeface);
1242
- /* Desktop/Subheader/X-Large - Headline line height */
1243
- --subheader-x-large-line-height: 36px;
1244
- /* Desktop/Subheader/X-Large - Headline size */
1245
- --subheader-x-large-size: 28px;
1246
- /* Desktop/Subheader/X-Large - Headline style */
1247
- --subheader-x-large-style: regular;
1248
- /* Desktop/Subheader/XX-Large - Headline */
1249
- --subheader-xx-large: 400 32px/40px var(--typeface);
1250
- /* Desktop/Subheader/XX-Large - Headline line height */
1251
- --subheader-xx-large-line-height: 40px;
1252
- /* Desktop/Subheader/XX-Large - Headline size */
1253
- --subheader-xx-large-size: 32px;
1254
- /* Desktop/Subheader/XX-Large - Headline style */
1255
- --subheader-xx-large-style: regular;
1256
- /* Desktop/Subheader/XXX-Large - Large Headline */
1257
- --subheader-xxx-large: 400 40px/48px var(--typeface);
1258
- /* Desktop/Subheader/XXX-Large - Large Headline line height */
1259
- --subheader-xxx-large-line-height: 48px;
1260
- /* Desktop/Subheader/XXX-Large - Large Headline size */
1261
- --subheader-xxx-large-size: 40px;
1262
- /* Desktop/Subheader/XXX-Large - Large Headline style */
1263
- --subheader-xxx-large-style: regular;
1264
- }
1265
-
1266
- /** Light theme (default) **/
1267
- /* Background/base - Theme - Corcoran */
970
+ /* light theme (default) */
971
+ /* Background/base - Theme - BRAND */
1268
972
  --background-base: #ffffff;
1269
- /* Background/scrim - Theme - Corcoran */
973
+ /* Background/scrim - Theme - BRAND */
1270
974
  --background-scrim: #00000040;
1271
- /* Background/shade - Theme - Corcoran */
975
+ /* Background/shade - Theme - BRAND */
1272
976
  --background-shade: #f5f5f5;
1273
- /* Data visual/category-01 - Theme - Corcoran */
977
+ /* Data visual/category-01 - Brand */
1274
978
  --data-visual-category-01: #0a466c;
1275
- /* Data visual/category-01-highlight - Theme - Corcoran */
979
+ /* Data visual/category-01-highlight - Brand */
1276
980
  --data-visual-category-01-highlight: #0a466c4d;
1277
- /* Data visual/category-02 - Theme - Corcoran */
981
+ /* Data visual/category-02 - Brand */
1278
982
  --data-visual-category-02: #299de0;
1279
- /* Data visual/category-02-highlight - Theme - Corcoran */
983
+ /* Data visual/category-02-highlight - Brand */
1280
984
  --data-visual-category-02-highlight: #299de04d;
1281
- /* Data visual/category-03 - Theme - Corcoran */
985
+ /* Data visual/category-03 - Brand */
1282
986
  --data-visual-category-03: #130033;
1283
- /* Data visual/category-03-highlight - Theme - Corcoran */
987
+ /* Data visual/category-03-highlight - Brand */
1284
988
  --data-visual-category-03-highlight: #1300334d;
1285
- /* Data visual/category-04 - Theme - Corcoran */
989
+ /* Data visual/category-04 - Brand */
1286
990
  --data-visual-category-04: #389e7a;
1287
- /* Data visual/category-04-highlight - Theme - Corcoran */
991
+ /* Data visual/category-04-highlight - Brand */
1288
992
  --data-visual-category-04-highlight: #389e7a4d;
1289
- /* Data visual/category-05 - Theme - Corcoran */
993
+ /* Data visual/category-05 - Brand */
1290
994
  --data-visual-category-05: #094a53;
1291
- /* Data visual/category-05-highlight - Theme - Corcoran */
995
+ /* Data visual/category-05-highlight - Brand */
1292
996
  --data-visual-category-05-highlight: #094a534d;
1293
- /* Data visual/category-06 - Theme - Corcoran */
997
+ /* Data visual/category-06 - Brand */
1294
998
  --data-visual-category-06: #7f7f7f;
1295
- /* Data visual/category-06-highlight - Theme - Corcoran */
999
+ /* Data visual/category-06-highlight - Brand */
1296
1000
  --data-visual-category-06-highlight: #7f7f7f4d;
1297
- /* Data visual/category-07 - Theme - Corcoran */
1001
+ /* Data visual/category-07 - Brand */
1298
1002
  --data-visual-category-07: #433479;
1299
- /* Data visual/category-07-highlight - Theme - Corcoran */
1003
+ /* Data visual/category-07-highlight - Brand */
1300
1004
  --data-visual-category-07-highlight: #4334794d;
1301
- /* Data visual/category-1 - Theme - Corcoran */
1005
+ /* Data visual/category-1 - Theme - BRAND */
1302
1006
  --data-visual-category-1: #0a466c;
1303
- /* Data visual/category-1-highlight - Theme - Corcoran */
1007
+ /* Data visual/category-1-highlight - Theme - BRAND */
1304
1008
  --data-visual-category-1-highlight: #0a466c4d;
1305
- /* Data visual/category-2 - Theme - Corcoran */
1009
+ /* Data visual/category-2 - Theme - BRAND */
1306
1010
  --data-visual-category-2: #299de0;
1307
- /* Data visual/category-2-highlight - Theme - Corcoran */
1011
+ /* Data visual/category-2-highlight - Theme - BRAND */
1308
1012
  --data-visual-category-2-highlight: #299de04d;
1309
- /* Data visual/category-3 - Theme - Corcoran */
1013
+ /* Data visual/category-3 - Theme - BRAND */
1310
1014
  --data-visual-category-3: #130033;
1311
- /* Data visual/category-3-highlight - Theme - Corcoran */
1015
+ /* Data visual/category-3-highlight - Theme - BRAND */
1312
1016
  --data-visual-category-3-highlight: #1300334d;
1313
- /* Data visual/category-4 - Theme - Corcoran */
1017
+ /* Data visual/category-4 - Theme - BRAND */
1314
1018
  --data-visual-category-4: #389e7a;
1315
- /* Data visual/category-4-highlight - Theme - Corcoran */
1019
+ /* Data visual/category-4-highlight - Theme - BRAND */
1316
1020
  --data-visual-category-4-highlight: #389e7a4d;
1317
- /* Data visual/category-5 - Theme - Corcoran */
1021
+ /* Data visual/category-5 - Theme - BRAND */
1318
1022
  --data-visual-category-5: #094a53;
1319
- /* Data visual/category-5-highlight - Theme - Corcoran */
1023
+ /* Data visual/category-5-highlight - Theme - BRAND */
1320
1024
  --data-visual-category-5-highlight: #094a534d;
1321
- /* Data visual/category-6 - Theme - Corcoran */
1025
+ /* Data visual/category-6 - Theme - BRAND */
1322
1026
  --data-visual-category-6: #7f7f7f;
1323
- /* Data visual/category-6-highlight - Theme - Corcoran */
1027
+ /* Data visual/category-6-highlight - Theme - BRAND */
1324
1028
  --data-visual-category-6-highlight: #7f7f7f4d;
1325
- /* Data visual/category-7 - Theme - Corcoran */
1029
+ /* Data visual/category-7 - Theme - BRAND */
1326
1030
  --data-visual-category-7: #433479;
1327
- /* Data visual/category-7-highlight - Theme - Corcoran */
1031
+ /* Data visual/category-7-highlight - Theme - BRAND */
1328
1032
  --data-visual-category-7-highlight: #4334794d;
1329
- /* Data visual/gradient-end - Theme - Corcoran */
1033
+ /* Data visual/gradient-end - Theme - BRAND */
1330
1034
  --data-visual-gradient-end: #ffffff4d;
1331
- /* Data visual/green - Theme - Corcoran */
1035
+ /* Data visual/green - Theme - BRAND */
1332
1036
  --data-visual-green: #258750;
1333
- /* Data visual/green-highlight - Theme - Corcoran */
1037
+ /* Data visual/green-highlight - Theme - BRAND */
1334
1038
  --data-visual-green-highlight: #deede5;
1335
- /* Data visual/negative - Theme - Corcoran */
1039
+ /* Data visual/negative - Brand */
1336
1040
  --data-visual-negative: #d83a52;
1337
- /* Data visual/negative-highlight - Theme - Corcoran */
1041
+ /* Data visual/negative-highlight - Brand */
1338
1042
  --data-visual-negative-highlight: #f9e1e5;
1339
- /* Data visual/positive - Theme - Corcoran */
1043
+ /* Data visual/positive - Brand */
1340
1044
  --data-visual-positive: #258750;
1341
- /* Data visual/positive-highlight - Theme - Corcoran */
1045
+ /* Data visual/positive-highlight - Brand */
1342
1046
  --data-visual-positive-highlight: #deede5;
1343
- /* Data visual/red - Theme - Corcoran */
1047
+ /* Data visual/red - Theme - BRAND */
1344
1048
  --data-visual-red: #d83a52;
1345
- /* Data visual/red-highlight - Theme - Corcoran */
1049
+ /* Data visual/red-highlight - Theme - BRAND */
1346
1050
  --data-visual-red-highlight: #f9e1e5;
1347
- /* Foreground/Brand/on-inverse-primary - Theme - Corcoran */
1051
+ /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
1348
1052
  --foreground-brand-on-inverse-primary: #92adc4;
1349
- /* Foreground/Brand/on-inverse-secondary - Theme - Corcoran */
1053
+ /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
1350
1054
  --foreground-brand-on-inverse-secondary: #d9989d;
1351
- /* Foreground/Brand/on-brand-primary - Theme - Corcoran */
1055
+ /* Foreground/Brand/on-brand-primary - Theme - BRAND */
1056
+ /* Foreground color used on Brand's primary color (non neutral color) */
1352
1057
  --foreground-brand-on-primary: #ffffff;
1353
- /* Foreground/Brand/on-brand-secondary - Theme - Corcoran */
1058
+ /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
1059
+ /* Foreground color used on Brand's primary color (non neutral color) */
1354
1060
  --foreground-brand-on-secondary: #ffffff;
1355
- /* Foreground/Brand/brand-primary - Theme - Corcoran */
1061
+ /* Foreground/Brand/brand-primary - Theme - BRAND */
1062
+ /* Foreground text and icons that match the brand's primary color */
1356
1063
  --foreground-brand-primary: #4a769d;
1357
- /* Foreground/Brand/brand-primary-depth - Theme - Corcoran */
1064
+ /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
1358
1065
  --foreground-brand-primary-depth: #3f6485;
1359
- /* Foreground/Brand/brand-secondary - Theme - Corcoran */
1066
+ /* Foreground/Brand/brand-secondary - Theme - BRAND */
1067
+ /* Foreground text and icons that match the brand's secondary color */
1360
1068
  --foreground-brand-secondary: #c0535c;
1361
- /* Foreground/Brand/brand-secondary-depth - Theme - Corcoran */
1069
+ /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
1362
1070
  --foreground-brand-secondary-depth: #a3474e;
1363
- /* Foreground/Link text/default - Theme - Corcoran */
1071
+ /* Foreground/Link text/default - Theme - BRAND */
1364
1072
  --foreground-link-text-default: #215ecd;
1365
- /* Foreground/Link text/default-disabled - Theme - Corcoran */
1073
+ /* Foreground/Link text/default-disabled - Theme - BRAND */
1366
1074
  --foreground-link-text-default-disabled: #7a9ee1;
1367
- /* Foreground/Link text/default-hovered - Theme - Corcoran */
1075
+ /* Foreground/Link text/default-hovered - Theme - BRAND */
1368
1076
  --foreground-link-text-default-hovered: #1e55b9;
1369
- /* Foreground/Link text/default-pressed - Theme - Corcoran */
1077
+ /* Foreground/Link text/default-pressed - Theme - BRAND */
1370
1078
  --foreground-link-text-default-pressed: #1a4ba4;
1371
- /* Foreground/Link text/default-visited - Theme - Corcoran */
1079
+ /* Foreground/Link text/default-visited - Theme - BRAND */
1372
1080
  --foreground-link-text-default-visited: #7a3e7a;
1373
- /* Foreground/Link text/subtle-disabled - Theme - Corcoran */
1081
+ /* Foreground/Link text/subtle-disabled - Brand */
1374
1082
  --foreground-link-text-subtle-disabled: #bdbdbd;
1375
- /* Foreground/Link text/subtle-hovered - Theme - Corcoran */
1083
+ /* Foreground/Link text/subtle-hovered - Theme - BRAND */
1376
1084
  --foreground-link-text-subtle-hovered: #292929;
1377
- /* Foreground/Link text/subtle-inversed-disabled - Theme - Corcoran */
1085
+ /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
1086
+ --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
1087
+ /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
1088
+ --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
1089
+ /* Foreground/Link text/subtle-inversed-disabled - Brand */
1378
1090
  --foreground-link-text-subtle-inversed-disabled: #757575;
1379
- /* Foreground/Link text/subtle-pressed - Theme - Corcoran */
1380
- --foreground-link-text-subtle-pressed: #424242;
1381
- /* Foreground/Neutral/disabled-on-color-surface - Theme - Corcoran */
1091
+ /* Foreground/Link text/subtle-pressed - Theme - BRAND */
1092
+ --foreground-link-text-subtle-pressed: #3d3d3d;
1093
+ /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
1382
1094
  --foreground-neutral-disabled-on-color-surface: #757575;
1383
- /* Foreground/Neutral/disabled-on-surface - Theme - Corcoran */
1095
+ /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
1384
1096
  --foreground-neutral-disabled-on-surface: #bdbdbd;
1385
- /* Foreground/Neutral/inverse-on-surface - Theme - Corcoran */
1097
+ /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
1386
1098
  --foreground-neutral-inverse-on-surface: #ffffff;
1387
- /* Foreground/Neutral/on-inverse-surface - Theme - Corcoran */
1099
+ /* Foreground/Neutral/on-color - Theme - BRAND */
1100
+ /* Interactive controls */
1101
+ --foreground-neutral-on-color: #ffffff;
1102
+ /* Foreground/Neutral/on-inverse-surface - Brand */
1103
+ /* Text and icons against inverse surface */
1388
1104
  --foreground-neutral-on-inverse-surface: #ffffff;
1389
- /* Foreground/Neutral/on-surface - Theme - Corcoran */
1105
+ /* Foreground/Neutral/on-surface - Theme - BRAND */
1106
+ /* Default foreground text and icons against any surface color */
1390
1107
  --foreground-neutral-on-surface: #141414;
1391
- /* Foreground/Neutral/on-surface-variant-01 - Theme - Corcoran */
1392
- --foreground-neutral-on-surface-variant-01: #474747;
1393
- /* Foreground/Neutral/on-surface-variant-02 - Theme - Corcoran */
1108
+ /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
1109
+ /* Secondary foreground color for icons and text */
1110
+ --foreground-neutral-on-surface-variant-01: #707070;
1111
+ /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
1112
+ /* Tertiary foreground color for icons and text */
1394
1113
  --foreground-neutral-on-surface-variant-02: #757575;
1395
- /* Foreground/Neutral/on-surface-variant-03 - Theme - Corcoran */
1114
+ /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
1115
+ /* Quaternary foreground color for icons and text. Only for placeholder text */
1396
1116
  --foreground-neutral-on-surface-variant-03: #8a8a8a;
1397
- /* Foreground/Neutral/skeleton-element - Theme - Corcoran */
1398
- --foreground-neutral-skeleton-element: #c7c7c7;
1399
- /* Foreground/Spectrum/blue - Theme - Corcoran */
1117
+ /* Foreground/Neutral/skeleton-element - Theme - BRAND */
1118
+ --foreground-neutral-skeleton-element: #e0e0e0;
1119
+ /* Foreground/Spectrum/blue - Theme - BRAND */
1400
1120
  --foreground-spectrum-blue: #143778;
1401
- /* Foreground/Spectrum/green - Theme - Corcoran */
1121
+ /* Foreground/Spectrum/green - Theme - BRAND */
1402
1122
  --foreground-spectrum-green: #134428;
1403
- /* Foreground/Spectrum/lime - Theme - Corcoran */
1123
+ /* Foreground/Spectrum/lime - Theme - BRAND */
1404
1124
  --foreground-spectrum-lime: #60651a;
1405
- /* Foreground/Spectrum/magenta - Theme - Corcoran */
1125
+ /* Foreground/Spectrum/magenta - Theme - BRAND */
1406
1126
  --foreground-spectrum-magenta: #63076f;
1407
- /* Foreground/Spectrum/orange - Theme - Corcoran */
1127
+ /* Foreground/Spectrum/orange - Theme - BRAND */
1408
1128
  --foreground-spectrum-orange: #773001;
1409
- /* Foreground/Spectrum/pink - Theme - Corcoran */
1129
+ /* Foreground/Spectrum/pink - Theme - BRAND */
1410
1130
  --foreground-spectrum-pink: #6c1240;
1411
- /* Foreground/Spectrum/purple - Theme - Corcoran */
1131
+ /* Foreground/Spectrum/purple - Theme - BRAND */
1412
1132
  --foreground-spectrum-purple: #310077;
1413
- /* Foreground/Spectrum/red - Theme - Corcoran */
1133
+ /* Foreground/Spectrum/red - Theme - BRAND */
1414
1134
  --foreground-spectrum-red: #6c1d29;
1415
- /* Foreground/Spectrum/teal - Theme - Corcoran */
1135
+ /* Foreground/Spectrum/teal - Theme - BRAND */
1416
1136
  --foreground-spectrum-teal: #01413c;
1417
- /* Foreground/Spectrum/yellow - Theme - Corcoran */
1137
+ /* Foreground/Spectrum/yellow - Theme - BRAND */
1418
1138
  --foreground-spectrum-yellow: #7b5e18;
1419
- /* Interaction/brand-disabled-opacity - Theme - 3.0 */
1420
- --interaction-brand-disabled-opacity: #0000000f;
1421
- /* Interaction/brand-hover-opacity - Theme - 3.0 */
1422
- --interaction-brand-hover-opacity: #0000001a;
1423
- /* Interaction/brand-press-opacity - Theme - 3.0 */
1424
- --interaction-brand-press-opacity: #00000033;
1425
- /* Interaction/hover-opacity - Theme - 3.0 */
1426
- --interaction-hover-opacity: #00000014;
1427
- /* Interaction/link-active-opacity - Theme - 3.0 */
1428
- --interaction-link-active-opacity: #0000004d;
1429
- /* Interaction/press-opacity - Theme - 3.0 */
1430
- --interaction-press-opacity: #00000029;
1431
- /* Interactions/brand-disabled-opacity - Theme - Corcoran */
1139
+ /* Interactions/brand-disabled-opacity - Theme - BRAND */
1432
1140
  --interactions-brand-disabled-opacity: #0000000f;
1433
- /* Interactions/brand-hover-opacity - Theme - Corcoran */
1141
+ /* Interactions/brand-hover-opacity - Theme - BRAND */
1434
1142
  --interactions-brand-hover-opacity: #0000001a;
1435
- /* Interactions/brand-press-opacity - Theme - Corcoran */
1143
+ /* Interactions/brand-press-opacity - Theme - BRAND */
1436
1144
  --interactions-brand-press-opacity: #00000033;
1437
- /* Interactions/disabled-opacity - Theme - Corcoran */
1145
+ /* Interactions/disabled-opacity - Theme - BRAND */
1438
1146
  --interactions-disabled-opacity: #0000000f;
1439
- /* Interactions/hover-opacity - Theme - Corcoran */
1147
+ /* Interactions/hover-opacity - Theme - BRAND */
1440
1148
  --interactions-hover-opacity: #00000014;
1441
- /* Interactions/link-active-opacity - Theme - Corcoran */
1149
+ /* Interactions/link-active-opacity - Theme - BRAND */
1442
1150
  --interactions-link-active-opacity: #0000004d;
1443
- /* Interactions/neutral-hover-opacity - Theme - Corcoran */
1151
+ /* Interactions/neutral-hover-opacity - Brand */
1152
+ /* surfaces using neutral tones */
1444
1153
  --interactions-neutral-hover-opacity: #00000014;
1445
- /* Interactions/neutral-press-opacity - Theme - Corcoran */
1154
+ /* Interactions/neutral-press-opacity - Brand */
1155
+ /* surfaces using neutral tones */
1446
1156
  --interactions-neutral-press-opacity: #00000029;
1447
- /* Interactions/press-opacity - Theme - Corcoran */
1157
+ /* Interactions/press-opacity - Theme - BRAND */
1448
1158
  --interactions-press-opacity: #00000029;
1449
- /* Interactions/primary-disabled-opacity - Theme - Corcoran */
1159
+ /* Interactions/primary-disabled-opacity - Theme - BRAND */
1450
1160
  --interactions-primary-disabled-opacity: #4a769d1f;
1451
- /* Interactions/primary-hover-opacity - Theme - Corcoran */
1161
+ /* Interactions/primary-hover-opacity - Theme - BRAND */
1452
1162
  --interactions-primary-hover-opacity: #4a769d1a;
1453
- /* Interactions/primary-press-opacity - Theme - Corcoran */
1163
+ /* Interactions/primary-press-opacity - Theme - BRAND */
1454
1164
  --interactions-primary-press-opacity: #4a769d33;
1455
- /* Shadow/shadow-10 - Theme - Corcoran */
1165
+ /* Shadow/shadow-10 - Theme - BRAND */
1456
1166
  --shadow-10: #0000001a;
1457
- /* Shadow/shadow-12 - Theme - Corcoran */
1167
+ /* Shadow/shadow-12 - Theme - BRAND */
1458
1168
  --shadow-12: #0000001f;
1459
- /* Shadow/shadow-15 - Theme - Corcoran */
1169
+ /* Shadow/shadow-15 - Theme - BRAND */
1460
1170
  --shadow-15: #00000026;
1461
- /* Shadow/shadow-25 - Theme - Corcoran */
1171
+ /* Shadow/shadow-25 - Theme - BRAND */
1462
1172
  --shadow-25: #00000040;
1463
- /* Shadow/shadow-32 - Theme - Corcoran */
1173
+ /* Shadow/shadow-32 - Theme - BRAND */
1464
1174
  --shadow-32: #00000052;
1465
- /* Shadow/inner-shadow - Theme - Corcoran */
1175
+ /* Shadow/inner-shadow - Brand */
1466
1176
  --shadow-inner: #ffffff;
1467
- /* Shadow/inner-shadow-100 - Theme - Corcoran */
1177
+ /* Shadow/inner-shadow-100 - Theme - BRAND */
1468
1178
  --shadow-inner-100: #ffffff;
1469
- /* Shadow/variant-01 - Theme - Corcoran */
1179
+ /* Shadow/variant-01 - Brand */
1470
1180
  --shadow-variant-01: #0000001a;
1471
- /* Shadow/variant-02 - Theme - Corcoran */
1181
+ /* Shadow/variant-02 - Brand */
1472
1182
  --shadow-variant-02: #0000001f;
1473
- /* Shadow/variant-03 - Theme - Corcoran */
1183
+ /* Shadow/variant-03 - Brand */
1474
1184
  --shadow-variant-03: #00000026;
1475
- /* Shadow/variant-04 - Theme - Corcoran */
1185
+ /* Shadow/variant-04 - Brand */
1476
1186
  --shadow-variant-04: #00000040;
1477
- /* Shadow/variant-05 - Theme - Corcoran */
1187
+ /* Shadow/variant-05 - Brand */
1478
1188
  --shadow-variant-05: #00000052;
1479
- /* Status/error - Theme - Corcoran */
1189
+ /* Status/error - Theme - BRAND */
1190
+ /* Foreground error text and icons */
1480
1191
  --status-error: #d83a52;
1481
- /* Status/information - Theme - Corcoran */
1192
+ /* Status/information - Theme - BRAND */
1482
1193
  --status-information: #276ef1;
1483
- /* Status/informational - Theme - Corcoran */
1194
+ /* Status/informational - Brand */
1195
+ /* Foreground informational text and icons */
1484
1196
  --status-informational: #276ef1;
1485
- /* Status/success - Theme - Corcoran */
1197
+ /* Status/on-error - Theme - BRAND */
1198
+ /* Foreground error text and icons */
1199
+ --status-on-error: #ffffff;
1200
+ /* Status/on-information - Theme - BRAND */
1201
+ --status-on-information: #ffffff;
1202
+ /* Status/on-informational - Brand */
1203
+ /* Foreground informational text and icons */
1204
+ --status-on-informational: #ffffff;
1205
+ /* Status/on-success - Theme - BRAND */
1206
+ /* Foreground success icons and text */
1207
+ --status-on-success: #ffffff;
1208
+ /* Status/on-warning - Theme - BRAND */
1209
+ /* Foreground warning icons */
1210
+ --status-on-warning: #141414;
1211
+ /* Status/success - Theme - BRAND */
1212
+ /* Foreground success icons and text */
1486
1213
  --status-success: #258750;
1487
- /* Status/warning - Theme - Corcoran */
1214
+ /* Status/warning - Theme - BRAND */
1215
+ /* Foreground warning icons */
1488
1216
  --status-warning: #f6bc2f;
1489
- /* Stroke/Brand/brand-primary - Theme - Corcoran */
1217
+ /* Stroke/Brand/brand-primary - Theme - BRAND */
1218
+ /* Outline variant - decorative elements such as dividers */
1490
1219
  --stroke-brand-primary: #4a769d;
1491
- /* Stroke/Brand/brand-primary-depth - Theme - Corcoran */
1220
+ /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
1221
+ /* Outline variant - decorative elements such as dividers */
1492
1222
  --stroke-brand-primary-depth: #3f6485;
1493
- /* Stroke/Brand/brand-secondary - Theme - Corcoran */
1223
+ /* Stroke/Brand/brand-secondary - Theme - BRAND */
1494
1224
  --stroke-brand-secondary: #c0535c;
1495
- /* Stroke/Brand/brand-secondary-depth - Theme - Corcoran */
1225
+ /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
1496
1226
  --stroke-brand-secondary-depth: #a3474e;
1497
- /* Stroke/Neutral/neutral-base - Theme - Corcoran */
1227
+ /* Stroke/Neutral/neutral-base - Theme - BRAND */
1228
+ /* For control components */
1498
1229
  --stroke-neutral-base: #949494;
1499
- /* Stroke/Neutral/disabled-dark - Theme - Corcoran */
1230
+ /* Stroke/Neutral/disabled-dark - Brand */
1231
+ /* Disabled outline separating the fill and surface background */
1500
1232
  --stroke-neutral-disabled-dark: #757575;
1501
- /* Stroke/Neutral/disabled-light - Theme - Corcoran */
1233
+ /* Stroke/Neutral/disabled-light - Brand */
1234
+ /* Disabled outline separating the fill and surface background */
1502
1235
  --stroke-neutral-disabled-light: #bdbdbd;
1503
- /* Stroke/Neutral/focus - Theme - Corcoran */
1236
+ /* Stroke/Neutral/focus - Brand */
1237
+ /* Highlight focus element */
1504
1238
  --stroke-neutral-focus: #000000;
1505
- /* Stroke/Neutral/neutral-high - Theme - Corcoran */
1239
+ /* Stroke/Neutral/focus-on-inverse - Brand */
1240
+ /* Highlight focus element */
1241
+ --stroke-neutral-focus-on-inverse: #ffffff;
1242
+ /* Stroke/Neutral/neutral-high - Brand */
1506
1243
  --stroke-neutral-high: #141414;
1507
- /* Stroke/Neutral/neutral-high-contrast - Theme - Corcoran */
1244
+ /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
1508
1245
  --stroke-neutral-high-contrast: #141414;
1509
- /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
1510
- --stroke-neutral-interaction-disabled-dark: #48566a;
1511
- /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
1512
- --stroke-neutral-interaction-disabled-light: #c8d6e5;
1513
- /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
1514
- --stroke-neutral-interaction-focus: #000000;
1515
- /* Stroke/Neutral/Interactions/disabled-dark - Theme - Corcoran */
1246
+ /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
1516
1247
  --stroke-neutral-interactions-disabled-dark: #757575;
1517
- /* Stroke/Neutral/Interactions/disabled-light - Theme - Corcoran */
1248
+ /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
1518
1249
  --stroke-neutral-interactions-disabled-light: #bdbdbd;
1519
- /* Stroke/Neutral/Interactions/focus - Theme - Corcoran */
1250
+ /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
1520
1251
  --stroke-neutral-interactions-focus: #000000;
1521
- /* Stroke/Neutral/neutral-low - Theme - Corcoran */
1252
+ /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
1253
+ --stroke-neutral-interactions-inverse-focus: #ffffff;
1254
+ /* Stroke/Neutral/neutral-low - Brand */
1255
+ /* Outline variant - decorative elements such as dividers */
1522
1256
  --stroke-neutral-low: #e0e0e0;
1523
- /* Stroke/Neutral/neutral-low-contrast - Theme - Corcoran */
1257
+ /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
1524
1258
  --stroke-neutral-low-contrast: #e0e0e0;
1525
- /* Surface/Brand/primary - Theme - Corcoran */
1259
+ /* Surface/Brand/primary - Theme - BRAND */
1526
1260
  --surface-brand-primary: #4a769d;
1527
- /* Surface/Brand/primary-highlight - Theme - Corcoran */
1261
+ /* Surface/Brand/primary-highlight - Theme - BRAND */
1528
1262
  --surface-brand-primary-highlight: #e4eaf0;
1529
- /* Surface/Brand/secondary - Theme - Corcoran */
1263
+ /* Surface/Brand/secondary - Theme - BRAND */
1530
1264
  --surface-brand-secondary: #c0535c;
1531
- /* Surface/Brand/secondary-highlight - Theme - Corcoran */
1265
+ /* Surface/Brand/secondary-highlight - Theme - BRAND */
1532
1266
  --surface-brand-secondary-highlight: #f6e5e7;
1533
- /* Surface/Neutral/Interactions/dark-disabled - Theme - Corcoran */
1267
+ /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
1534
1268
  --surface-neutral-interactions-dark-disabled: #d6d6d6;
1535
- /* Surface/Neutral/Interactions/light-disabled - Theme - Corcoran */
1269
+ /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
1536
1270
  --surface-neutral-interactions-light-disabled: #f5f5f5;
1537
- /* Surface/Neutral/Interactions/skeleton - Theme - Corcoran */
1538
- --surface-neutral-interactions-skeleton: #e0e0e0;
1539
- /* Surface/Neutral/inverse - Theme - Corcoran */
1271
+ /* Surface/Neutral/inverse - Brand */
1272
+ /* Inverted. Use for toasts notification & snackbars */
1540
1273
  --surface-neutral-inverse: #1f1f1f;
1541
- /* Surface/Neutral/inverse-dark - Theme - Corcoran */
1274
+ /* Surface/Neutral/inverse-dark - Theme - BRAND */
1542
1275
  --surface-neutral-inverse-dark: #1f1f1f;
1543
- /* Surface/Neutral/inverse-light - Theme - Corcoran */
1276
+ /* Surface/Neutral/inverse-light - Theme - BRAND */
1544
1277
  --surface-neutral-inverse-light: #ffffff;
1545
- /* Surface/Neutral/skeleton - Theme - Corcoran */
1546
- --surface-neutral-skeleton: #e0e0e0;
1547
- /* Surface/Neutral/T1-base - Theme - Corcoran */
1278
+ /* Surface/Neutral/T1-base - Theme - BRAND */
1548
1279
  --surface-neutral-t1-base: #ffffff;
1549
- /* Surface/Neutral/T2-lowest - Theme - Corcoran */
1280
+ /* Surface/Neutral/T2-lowest - Theme - BRAND */
1550
1281
  --surface-neutral-t2-lowest: #f5f5f5;
1551
- /* Surface/Neutral/T3-low - Theme - Corcoran */
1282
+ /* Surface/Neutral/T3-low - Theme - BRAND */
1283
+ /* Navigations, app bar etc */
1552
1284
  --surface-neutral-t3-low: #dbdbdb;
1553
- /* Surface/Neutral/T4-high - Theme - Corcoran */
1554
- --surface-neutral-t4-high: #6b6b6b;
1555
- /* Surface/Spectrum/blue - Theme - Corcoran */
1285
+ /* Surface/Neutral/T4-high - Theme - BRAND */
1286
+ /* Navigations, app bar etc */
1287
+ --surface-neutral-t4-high: #8a8a8a;
1288
+ /* Surface/Neutral/transparent - Theme - BRAND */
1289
+ --surface-neutral-transparent: #ffffff00;
1290
+ /* Surface/Spectrum/blue - Theme - BRAND */
1556
1291
  --surface-spectrum-blue: #dfe9fd;
1557
- /* Surface/Spectrum/green - Theme - Corcoran */
1292
+ /* Surface/Spectrum/green - Theme - BRAND */
1558
1293
  --surface-spectrum-green: #deede5;
1559
- /* Surface/Spectrum/lime - Theme - Corcoran */
1294
+ /* Surface/Spectrum/lime - Theme - BRAND */
1560
1295
  --surface-spectrum-lime: #f6f7e0;
1561
- /* Surface/Spectrum/magenta - Theme - Corcoran */
1296
+ /* Surface/Spectrum/magenta - Theme - BRAND */
1562
1297
  --surface-spectrum-magenta: #f6dbfa;
1563
- /* Surface/Spectrum/orange - Theme - Corcoran */
1298
+ /* Surface/Spectrum/orange - Theme - BRAND */
1564
1299
  --surface-spectrum-orange: #fce7d9;
1565
- /* Surface/Spectrum/pink - Theme - Corcoran */
1300
+ /* Surface/Spectrum/pink - Theme - BRAND */
1566
1301
  --surface-spectrum-pink: #f9deec;
1567
- /* Surface/Spectrum/purple - Theme - Corcoran */
1302
+ /* Surface/Spectrum/purple - Theme - BRAND */
1568
1303
  --surface-spectrum-purple: #e7d9fc;
1569
- /* Surface/Spectrum/red - Theme - Corcoran */
1304
+ /* Surface/Spectrum/red - Theme - BRAND */
1570
1305
  --surface-spectrum-red: #f9e1e5;
1571
- /* Surface/Spectrum/teal - Theme - Corcoran */
1306
+ /* Surface/Spectrum/teal - Theme - BRAND */
1572
1307
  --surface-spectrum-teal: #d9eceb;
1573
- /* Surface/Spectrum/yellow - Theme - Corcoran */
1308
+ /* Surface/Spectrum/yellow - Theme - BRAND */
1574
1309
  --surface-spectrum-yellow: #fef5e0;
1575
- }
1576
1310
 
1311
+ @media (width >= 640px) {
1312
+ /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
1313
+ --display-regular-large: 400 64px/88px var(--typeface);
1314
+ /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
1315
+ --display-regular-large-line-height: 88px;
1316
+ /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
1317
+ --display-regular-large-size: 64px;
1318
+ /* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
1319
+ --display-regular-large-style: regular;
1320
+ /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
1321
+ --display-regular-medium: 400 56px/72px var(--typeface);
1322
+ /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
1323
+ --display-regular-medium-line-height: 72px;
1324
+ /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
1325
+ --display-regular-medium-size: 56px;
1326
+ /* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
1327
+ --display-regular-medium-style: regular;
1328
+ /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
1329
+ --display-regular-small: 400 48px/60px var(--typeface);
1330
+ /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
1331
+ --display-regular-small-line-height: 60px;
1332
+ /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
1333
+ --display-regular-small-size: 48px;
1334
+ /* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
1335
+ --display-regular-small-style: regular;
1336
+ /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
1337
+ --display-semibold-large: 600 64px/88px var(--typeface);
1338
+ /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
1339
+ --display-semibold-large-line-height: 88px;
1340
+ /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
1341
+ --display-semibold-large-size: 64px;
1342
+ /* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
1343
+ --display-semibold-large-style: 600;
1344
+ /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
1345
+ --display-semibold-medium: 600 56px/72px var(--typeface);
1346
+ /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
1347
+ --display-semibold-medium-line-height: 72px;
1348
+ /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
1349
+ --display-semibold-medium-size: 56px;
1350
+ /* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
1351
+ --display-semibold-medium-style: 600;
1352
+ /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
1353
+ --display-semibold-small: 600 48px/60px var(--typeface);
1354
+ /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
1355
+ --display-semibold-small-line-height: 60px;
1356
+ /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
1357
+ --display-semibold-small-size: 48px;
1358
+ /* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
1359
+ --display-semibold-small-style: 600;
1360
+ /* Desktop/Heading/H1 */
1361
+ --heading-h1: 600 40px/48px var(--typeface);
1362
+ /* Desktop/Heading/H1 - line height */
1363
+ --heading-h1-line-height: 48px;
1364
+ /* Desktop/Heading/H1 - size */
1365
+ --heading-h1-size: 40px;
1366
+ /* Desktop/Heading/H1 - style */
1367
+ --heading-h1-style: 600;
1368
+ /* Desktop/Heading/H2 */
1369
+ --heading-h2: 600 32px/40px var(--typeface);
1370
+ /* Desktop/Heading/H2 - line height */
1371
+ --heading-h2-line-height: 40px;
1372
+ /* Desktop/Heading/H2 - size */
1373
+ --heading-h2-size: 32px;
1374
+ /* Desktop/Heading/H2 - style */
1375
+ --heading-h2-style: 600;
1376
+ /* Desktop/Heading/H3 */
1377
+ --heading-h3: 600 28px/36px var(--typeface);
1378
+ /* Desktop/Heading/H3 - line height */
1379
+ --heading-h3-line-height: 36px;
1380
+ /* Desktop/Heading/H3 - size */
1381
+ --heading-h3-size: 28px;
1382
+ /* Desktop/Heading/H3 - style */
1383
+ --heading-h3-style: 600;
1384
+ /* Desktop/Heading/H4 */
1385
+ --heading-h4: 600 24px/32px var(--typeface);
1386
+ /* Desktop/Heading/H4 - line height */
1387
+ --heading-h4-line-height: 32px;
1388
+ /* Desktop/Heading/H4 - size */
1389
+ --heading-h4-size: 24px;
1390
+ /* Desktop/Heading/H4 - style */
1391
+ --heading-h4-style: 600;
1392
+ /* Desktop/Heading/H5 */
1393
+ --heading-h5: 600 20px/28px var(--typeface);
1394
+ /* Desktop/Heading/H5 - line height */
1395
+ --heading-h5-line-height: 28px;
1396
+ /* Desktop/Heading/H5 - size */
1397
+ --heading-h5-size: 20px;
1398
+ /* Desktop/Heading/H5 - style */
1399
+ --heading-h5-style: 600;
1400
+ /* Desktop/Heading/H6 */
1401
+ --heading-h6: 500 18px/24px var(--typeface);
1402
+ /* Desktop/Heading/H6 - line height */
1403
+ --heading-h6-line-height: 24px;
1404
+ /* Desktop/Heading/H6 - size */
1405
+ --heading-h6-size: 18px;
1406
+ /* Desktop/Heading/H6 - style */
1407
+ --heading-h6-style: medium;
1408
+ /* Desktop/Subheader/Large - Headline */
1409
+ --subheader-large: 400 24px/32px var(--typeface);
1410
+ /* Desktop/Subheader/Large - Headline line height */
1411
+ --subheader-large-line-height: 32px;
1412
+ /* Desktop/Subheader/Large - Headline size */
1413
+ --subheader-large-size: 24px;
1414
+ /* Desktop/Subheader/Large - Headline style */
1415
+ --subheader-large-style: regular;
1416
+ /* Desktop/Subheader/Medium */
1417
+ --subheader-medium: 400 20px/28px var(--typeface);
1418
+ /* Desktop/Subheader/Medium - line height */
1419
+ --subheader-medium-line-height: 28px;
1420
+ /* Desktop/Subheader/Medium - size */
1421
+ --subheader-medium-size: 20px;
1422
+ /* Desktop/Subheader/Medium - style */
1423
+ --subheader-medium-style: regular;
1424
+ /* Desktop/Subheader/X-Large - Headline */
1425
+ --subheader-x-large: 400 28px/36px var(--typeface);
1426
+ /* Desktop/Subheader/X-Large - Headline line height */
1427
+ --subheader-x-large-line-height: 36px;
1428
+ /* Desktop/Subheader/X-Large - Headline size */
1429
+ --subheader-x-large-size: 28px;
1430
+ /* Desktop/Subheader/X-Large - Headline style */
1431
+ --subheader-x-large-style: regular;
1432
+ /* Desktop/Subheader/XX-Large - Headline */
1433
+ --subheader-xx-large: 400 32px/40px var(--typeface);
1434
+ /* Desktop/Subheader/XX-Large - Headline line height */
1435
+ --subheader-xx-large-line-height: 40px;
1436
+ /* Desktop/Subheader/XX-Large - Headline size */
1437
+ --subheader-xx-large-size: 32px;
1438
+ /* Desktop/Subheader/XX-Large - Headline style */
1439
+ --subheader-xx-large-style: regular;
1440
+ /* Desktop/Subheader/XXX-Large - Large Headline */
1441
+ --subheader-xxx-large: 400 40px/48px var(--typeface);
1442
+ /* Desktop/Subheader/XXX-Large - Large Headline line height */
1443
+ --subheader-xxx-large-line-height: 48px;
1444
+ /* Desktop/Subheader/XXX-Large - Large Headline size */
1445
+ --subheader-xxx-large-size: 40px;
1446
+ /* Desktop/Subheader/XXX-Large - Large Headline style */
1447
+ --subheader-xxx-large-style: regular;
1448
+ }
1449
+ }
1450
+ /* dark theme */
1577
1451
  [data-theme='dark'] {
1578
- /* Background/base - Theme - Corcoran */
1452
+ /* Background/base - Theme - BRAND */
1579
1453
  --background-base: #1f1f1f;
1580
- /* Background/scrim - Theme - Corcoran */
1454
+ /* Background/scrim - Theme - BRAND */
1581
1455
  --background-scrim: #61616180;
1582
- /* Background/shade - Theme - Corcoran */
1456
+ /* Background/shade - Theme - BRAND */
1583
1457
  --background-shade: #292929;
1584
- /* Data visual/category-01 - Theme - Corcoran */
1458
+ /* Data visual/category-01 - Brand */
1585
1459
  --data-visual-category-01: #7899ae;
1586
- /* Data visual/category-01-highlight - Theme - Corcoran */
1460
+ /* Data visual/category-01-highlight - Brand */
1587
1461
  --data-visual-category-01-highlight: #7899ae4d;
1588
- /* Data visual/category-02 - Theme - Corcoran */
1462
+ /* Data visual/category-02 - Brand */
1589
1463
  --data-visual-category-02: #7fc4ec;
1590
- /* Data visual/category-02-highlight - Theme - Corcoran */
1464
+ /* Data visual/category-02-highlight - Brand */
1591
1465
  --data-visual-category-02-highlight: #7fc4ec4d;
1592
- /* Data visual/category-03 - Theme - Corcoran */
1466
+ /* Data visual/category-03 - Brand */
1593
1467
  --data-visual-category-03: #958ca3;
1594
- /* Data visual/category-03-highlight - Theme - Corcoran */
1468
+ /* Data visual/category-03-highlight - Brand */
1595
1469
  --data-visual-category-03-highlight: #958ca34d;
1596
- /* Data visual/category-04 - Theme - Corcoran */
1470
+ /* Data visual/category-04 - Brand */
1597
1471
  --data-visual-category-04: #88c5af;
1598
- /* Data visual/category-04-highlight - Theme - Corcoran */
1472
+ /* Data visual/category-04-highlight - Brand */
1599
1473
  --data-visual-category-04-highlight: #88c5af4d;
1600
- /* Data visual/category-05 - Theme - Corcoran */
1474
+ /* Data visual/category-05 - Brand */
1601
1475
  --data-visual-category-05: #789ba0;
1602
- /* Data visual/category-05-highlight - Theme - Corcoran */
1476
+ /* Data visual/category-05-highlight - Brand */
1603
1477
  --data-visual-category-05-highlight: #789ba04d;
1604
- /* Data visual/category-06 - Theme - Corcoran */
1478
+ /* Data visual/category-06 - Brand */
1605
1479
  --data-visual-category-06: #b2b2b2;
1606
- /* Data visual/category-06-highlight - Theme - Corcoran */
1480
+ /* Data visual/category-06-highlight - Brand */
1607
1481
  --data-visual-category-06-highlight: #b2b2b24d;
1608
- /* Data visual/category-07 - Theme - Corcoran */
1482
+ /* Data visual/category-07 - Brand */
1609
1483
  --data-visual-category-07: #a19abc;
1610
- /* Data visual/category-07-highlight - Theme - Corcoran */
1484
+ /* Data visual/category-07-highlight - Brand */
1611
1485
  --data-visual-category-07-highlight: #a19abc4d;
1612
- /* Data visual/category-1 - Theme - Corcoran */
1486
+ /* Data visual/category-1 - Theme - BRAND */
1613
1487
  --data-visual-category-1: #7899ae;
1614
- /* Data visual/category-1-highlight - Theme - Corcoran */
1488
+ /* Data visual/category-1-highlight - Theme - BRAND */
1615
1489
  --data-visual-category-1-highlight: #7899ae4d;
1616
- /* Data visual/category-2 - Theme - Corcoran */
1490
+ /* Data visual/category-2 - Theme - BRAND */
1617
1491
  --data-visual-category-2: #7fc4ec;
1618
- /* Data visual/category-2-highlight - Theme - Corcoran */
1492
+ /* Data visual/category-2-highlight - Theme - BRAND */
1619
1493
  --data-visual-category-2-highlight: #7fc4ec4d;
1620
- /* Data visual/category-3 - Theme - Corcoran */
1494
+ /* Data visual/category-3 - Theme - BRAND */
1621
1495
  --data-visual-category-3: #958ca3;
1622
- /* Data visual/category-3-highlight - Theme - Corcoran */
1496
+ /* Data visual/category-3-highlight - Theme - BRAND */
1623
1497
  --data-visual-category-3-highlight: #958ca34d;
1624
- /* Data visual/category-4 - Theme - Corcoran */
1498
+ /* Data visual/category-4 - Theme - BRAND */
1625
1499
  --data-visual-category-4: #88c5af;
1626
- /* Data visual/category-4-highlight - Theme - Corcoran */
1500
+ /* Data visual/category-4-highlight - Theme - BRAND */
1627
1501
  --data-visual-category-4-highlight: #88c5af4d;
1628
- /* Data visual/category-5 - Theme - Corcoran */
1502
+ /* Data visual/category-5 - Theme - BRAND */
1629
1503
  --data-visual-category-5: #789ba0;
1630
- /* Data visual/category-5-highlight - Theme - Corcoran */
1504
+ /* Data visual/category-5-highlight - Theme - BRAND */
1631
1505
  --data-visual-category-5-highlight: #789ba04d;
1632
- /* Data visual/category-6 - Theme - Corcoran */
1506
+ /* Data visual/category-6 - Theme - BRAND */
1633
1507
  --data-visual-category-6: #b2b2b2;
1634
- /* Data visual/category-6-highlight - Theme - Corcoran */
1508
+ /* Data visual/category-6-highlight - Theme - BRAND */
1635
1509
  --data-visual-category-6-highlight: #b2b2b24d;
1636
- /* Data visual/category-7 - Theme - Corcoran */
1510
+ /* Data visual/category-7 - Theme - BRAND */
1637
1511
  --data-visual-category-7: #a19abc;
1638
- /* Data visual/category-7-highlight - Theme - Corcoran */
1512
+ /* Data visual/category-7-highlight - Theme - BRAND */
1639
1513
  --data-visual-category-7-highlight: #a19abc4d;
1640
- /* Data visual/gradient-end - Theme - Corcoran */
1514
+ /* Data visual/gradient-end - Theme - BRAND */
1641
1515
  --data-visual-gradient-end: #1f1f1f4d;
1642
- /* Data visual/green - Theme - Corcoran */
1516
+ /* Data visual/green - Theme - BRAND */
1643
1517
  --data-visual-green: #7cb796;
1644
- /* Data visual/green-highlight - Theme - Corcoran */
1518
+ /* Data visual/green-highlight - Theme - BRAND */
1645
1519
  --data-visual-green-highlight: #0d2f1c;
1646
- /* Data visual/negative - Theme - Corcoran */
1520
+ /* Data visual/negative - Brand */
1647
1521
  --data-visual-negative: #e88997;
1648
- /* Data visual/negative-highlight - Theme - Corcoran */
1522
+ /* Data visual/negative-highlight - Brand */
1649
1523
  --data-visual-negative-highlight: #4c141d;
1650
- /* Data visual/positive - Theme - Corcoran */
1524
+ /* Data visual/positive - Brand */
1651
1525
  --data-visual-positive: #7cb796;
1652
- /* Data visual/positive-highlight - Theme - Corcoran */
1526
+ /* Data visual/positive-highlight - Brand */
1653
1527
  --data-visual-positive-highlight: #0d2f1c;
1654
- /* Data visual/red - Theme - Corcoran */
1528
+ /* Data visual/red - Theme - BRAND */
1655
1529
  --data-visual-red: #e88997;
1656
- /* Data visual/red-highlight - Theme - Corcoran */
1530
+ /* Data visual/red-highlight - Theme - BRAND */
1657
1531
  --data-visual-red-highlight: #4c141d;
1658
- /* Foreground/Brand/on-inverse-primary - Theme - Corcoran */
1532
+ /* Foreground/Brand/on-inverse-primary - Theme - BRAND */
1659
1533
  --foreground-brand-on-inverse-primary: #92adc4;
1660
- /* Foreground/Brand/on-inverse-secondary - Theme - Corcoran */
1534
+ /* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
1661
1535
  --foreground-brand-on-inverse-secondary: #d9989d;
1662
- /* Foreground/Brand/on-brand-primary - Theme - Corcoran */
1536
+ /* Foreground/Brand/on-brand-primary - Theme - BRAND */
1537
+ /* Foreground color used on Brand's primary color (non neutral color) */
1663
1538
  --foreground-brand-on-primary: #141414;
1664
- /* Foreground/Brand/on-brand-secondary - Theme - Corcoran */
1539
+ /* Foreground/Brand/on-brand-secondary - Theme - BRAND */
1540
+ /* Foreground color used on Brand's primary color (non neutral color) */
1665
1541
  --foreground-brand-on-secondary: #141414;
1666
- /* Foreground/Brand/brand-primary - Theme - Corcoran */
1542
+ /* Foreground/Brand/brand-primary - Theme - BRAND */
1543
+ /* Foreground text and icons that match the brand's primary color */
1667
1544
  --foreground-brand-primary: #92adc4;
1668
- /* Foreground/Brand/brand-primary-depth - Theme - Corcoran */
1545
+ /* Foreground/Brand/brand-primary-depth - Theme - BRAND */
1669
1546
  --foreground-brand-primary-depth: #aec1d3;
1670
- /* Foreground/Brand/brand-secondary - Theme - Corcoran */
1547
+ /* Foreground/Brand/brand-secondary - Theme - BRAND */
1548
+ /* Foreground text and icons that match the brand's secondary color */
1671
1549
  --foreground-brand-secondary: #d9989d;
1672
- /* Foreground/Brand/brand-secondary-depth - Theme - Corcoran */
1550
+ /* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
1673
1551
  --foreground-brand-secondary-depth: #e3b2b6;
1674
- /* Foreground/Link text/default - Theme - Corcoran */
1552
+ /* Foreground/Link text/default - Theme - BRAND */
1675
1553
  --foreground-link-text-default: #7a9ee1;
1676
- /* Foreground/Link text/default-disabled - Theme - Corcoran */
1554
+ /* Foreground/Link text/default-disabled - Theme - BRAND */
1677
1555
  --foreground-link-text-default-disabled: #14387b;
1678
- /* Foreground/Link text/default-hovered - Theme - Corcoran */
1556
+ /* Foreground/Link text/default-hovered - Theme - BRAND */
1679
1557
  --foreground-link-text-default-hovered: #90afe6;
1680
- /* Foreground/Link text/default-pressed - Theme - Corcoran */
1558
+ /* Foreground/Link text/default-pressed - Theme - BRAND */
1681
1559
  --foreground-link-text-default-pressed: #a6bfeb;
1682
- /* Foreground/Link text/default-visited - Theme - Corcoran */
1560
+ /* Foreground/Link text/default-visited - Theme - BRAND */
1683
1561
  --foreground-link-text-default-visited: #af8baf;
1684
- /* Foreground/Link text/subtle-disabled - Theme - Corcoran */
1562
+ /* Foreground/Link text/subtle-disabled - Brand */
1685
1563
  --foreground-link-text-subtle-disabled: #4d4d4d;
1686
- /* Foreground/Link text/subtle-hovered - Theme - Corcoran */
1564
+ /* Foreground/Link text/subtle-hovered - Theme - BRAND */
1687
1565
  --foreground-link-text-subtle-hovered: #e6e6e6;
1688
- /* Foreground/Link text/subtle-inversed-disabled - Theme - Corcoran */
1689
- --foreground-link-text-subtle-inversed-disabled: #424242;
1690
- /* Foreground/Link text/subtle-pressed - Theme - Corcoran */
1566
+ /* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
1567
+ --foreground-link-text-subtle-inverse-hovered: #e6e6e6;
1568
+ /* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
1569
+ --foreground-link-text-subtle-inverse-pressed: #d1d1d1;
1570
+ /* Foreground/Link text/subtle-inversed-disabled - Brand */
1571
+ --foreground-link-text-subtle-inversed-disabled: #3d3d3d;
1572
+ /* Foreground/Link text/subtle-pressed - Theme - BRAND */
1691
1573
  --foreground-link-text-subtle-pressed: #d1d1d1;
1692
- /* Foreground/Neutral/disabled-on-color-surface - Theme - Corcoran */
1693
- --foreground-neutral-disabled-on-color-surface: #424242;
1694
- /* Foreground/Neutral/disabled-on-surface - Theme - Corcoran */
1574
+ /* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
1575
+ --foreground-neutral-disabled-on-color-surface: #3d3d3d;
1576
+ /* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
1695
1577
  --foreground-neutral-disabled-on-surface: #4d4d4d;
1696
- /* Foreground/Neutral/inverse-on-surface - Theme - Corcoran */
1578
+ /* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
1697
1579
  --foreground-neutral-inverse-on-surface: #fafafa;
1698
- /* Foreground/Neutral/on-inverse-surface - Theme - Corcoran */
1580
+ /* Foreground/Neutral/on-color - Theme - BRAND */
1581
+ /* Interactive controls */
1582
+ --foreground-neutral-on-color: #ffffff;
1583
+ /* Foreground/Neutral/on-inverse-surface - Brand */
1584
+ /* Text and icons against inverse surface */
1699
1585
  --foreground-neutral-on-inverse-surface: #fafafa;
1700
- /* Foreground/Neutral/on-surface - Theme - Corcoran */
1586
+ /* Foreground/Neutral/on-surface - Theme - BRAND */
1587
+ /* Default foreground text and icons against any surface color */
1701
1588
  --foreground-neutral-on-surface: #fafafa;
1702
- /* Foreground/Neutral/on-surface-variant-01 - Theme - Corcoran */
1589
+ /* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
1590
+ /* Secondary foreground color for icons and text */
1703
1591
  --foreground-neutral-on-surface-variant-01: #c2c2c2;
1704
- /* Foreground/Neutral/on-surface-variant-02 - Theme - Corcoran */
1592
+ /* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
1593
+ /* Tertiary foreground color for icons and text */
1705
1594
  --foreground-neutral-on-surface-variant-02: #9e9e9e;
1706
- /* Foreground/Neutral/on-surface-variant-03 - Theme - Corcoran */
1595
+ /* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
1596
+ /* Quaternary foreground color for icons and text. Only for placeholder text */
1707
1597
  --foreground-neutral-on-surface-variant-03: #757575;
1708
- /* Foreground/Neutral/skeleton-element - Theme - Corcoran */
1709
- --foreground-neutral-skeleton-element: #4d4d4d;
1710
- /* Foreground/Spectrum/blue - Theme - Corcoran */
1598
+ /* Foreground/Neutral/skeleton-element - Theme - BRAND */
1599
+ --foreground-neutral-skeleton-element: #333333;
1600
+ /* Foreground/Spectrum/blue - Theme - BRAND */
1711
1601
  --foreground-spectrum-blue: #88aff7;
1712
- /* Foreground/Spectrum/green - Theme - Corcoran */
1602
+ /* Foreground/Spectrum/green - Theme - BRAND */
1713
1603
  --foreground-spectrum-green: #87bd9f;
1714
- /* Foreground/Spectrum/lime - Theme - Corcoran */
1604
+ /* Foreground/Spectrum/lime - Theme - BRAND */
1715
1605
  --foreground-spectrum-lime: #dce28f;
1716
- /* Foreground/Spectrum/magenta - Theme - Corcoran */
1606
+ /* Foreground/Spectrum/magenta - Theme - BRAND */
1717
1607
  --foreground-spectrum-magenta: #e07aed;
1718
- /* Foreground/Spectrum/orange - Theme - Corcoran */
1608
+ /* Foreground/Spectrum/orange - Theme - BRAND */
1719
1609
  --foreground-spectrum-orange: #f6a874;
1720
- /* Foreground/Spectrum/pink - Theme - Corcoran */
1610
+ /* Foreground/Spectrum/pink - Theme - BRAND */
1721
1611
  --foreground-spectrum-pink: #ea86b9;
1722
- /* Foreground/Spectrum/purple - Theme - Corcoran */
1612
+ /* Foreground/Spectrum/purple - Theme - BRAND */
1723
1613
  --foreground-spectrum-purple: #c8a6f9;
1724
- /* Foreground/Spectrum/red - Theme - Corcoran */
1614
+ /* Foreground/Spectrum/red - Theme - BRAND */
1725
1615
  --foreground-spectrum-red: #ea93a0;
1726
- /* Foreground/Spectrum/teal - Theme - Corcoran */
1616
+ /* Foreground/Spectrum/teal - Theme - BRAND */
1727
1617
  --foreground-spectrum-teal: #74bbb4;
1728
- /* Foreground/Spectrum/yellow - Theme - Corcoran */
1618
+ /* Foreground/Spectrum/yellow - Theme - BRAND */
1729
1619
  --foreground-spectrum-yellow: #fada8d;
1730
- /* Interaction/brand-disabled-opacity - Theme - 3.0 */
1731
- --interaction-brand-disabled-opacity: #ffffff0f;
1732
- /* Interaction/brand-hover-opacity - Theme - 3.0 */
1733
- --interaction-brand-hover-opacity: #ffffff1a;
1734
- /* Interaction/brand-press-opacity - Theme - 3.0 */
1735
- --interaction-brand-press-opacity: #ffffff33;
1736
- /* Interaction/hover-opacity - Theme - 3.0 */
1737
- --interaction-hover-opacity: #ffffff14;
1738
- /* Interaction/link-active-opacity - Theme - 3.0 */
1739
- --interaction-link-active-opacity: #ffffff4d;
1740
- /* Interaction/press-opacity - Theme - 3.0 */
1741
- --interaction-press-opacity: #ffffff29;
1742
- /* Interactions/brand-disabled-opacity - Theme - Corcoran */
1620
+ /* Interactions/brand-disabled-opacity - Theme - BRAND */
1743
1621
  --interactions-brand-disabled-opacity: #ffffff0f;
1744
- /* Interactions/brand-hover-opacity - Theme - Corcoran */
1622
+ /* Interactions/brand-hover-opacity - Theme - BRAND */
1745
1623
  --interactions-brand-hover-opacity: #ffffff1a;
1746
- /* Interactions/brand-press-opacity - Theme - Corcoran */
1624
+ /* Interactions/brand-press-opacity - Theme - BRAND */
1747
1625
  --interactions-brand-press-opacity: #ffffff33;
1748
- /* Interactions/disabled-opacity - Theme - Corcoran */
1626
+ /* Interactions/disabled-opacity - Theme - BRAND */
1749
1627
  --interactions-disabled-opacity: #ffffff0f;
1750
- /* Interactions/hover-opacity - Theme - Corcoran */
1628
+ /* Interactions/hover-opacity - Theme - BRAND */
1751
1629
  --interactions-hover-opacity: #ffffff14;
1752
- /* Interactions/link-active-opacity - Theme - Corcoran */
1630
+ /* Interactions/link-active-opacity - Theme - BRAND */
1753
1631
  --interactions-link-active-opacity: #ffffff4d;
1754
- /* Interactions/neutral-hover-opacity - Theme - Corcoran */
1632
+ /* Interactions/neutral-hover-opacity - Brand */
1633
+ /* surfaces using neutral tones */
1755
1634
  --interactions-neutral-hover-opacity: #ffffff14;
1756
- /* Interactions/neutral-press-opacity - Theme - Corcoran */
1635
+ /* Interactions/neutral-press-opacity - Brand */
1636
+ /* surfaces using neutral tones */
1757
1637
  --interactions-neutral-press-opacity: #ffffff29;
1758
- /* Interactions/press-opacity - Theme - Corcoran */
1638
+ /* Interactions/press-opacity - Theme - BRAND */
1759
1639
  --interactions-press-opacity: #ffffff29;
1760
- /* Interactions/primary-disabled-opacity - Theme - Corcoran */
1640
+ /* Interactions/primary-disabled-opacity - Theme - BRAND */
1761
1641
  --interactions-primary-disabled-opacity: #92adc41f;
1762
- /* Interactions/primary-hover-opacity - Theme - Corcoran */
1642
+ /* Interactions/primary-hover-opacity - Theme - BRAND */
1763
1643
  --interactions-primary-hover-opacity: #92adc41a;
1764
- /* Interactions/primary-press-opacity - Theme - Corcoran */
1644
+ /* Interactions/primary-press-opacity - Theme - BRAND */
1765
1645
  --interactions-primary-press-opacity: #92adc433;
1766
- /* Shadow/shadow-10 - Theme - Corcoran */
1646
+ /* Shadow/shadow-10 - Theme - BRAND */
1767
1647
  --shadow-10: #6161611a;
1768
- /* Shadow/shadow-12 - Theme - Corcoran */
1648
+ /* Shadow/shadow-12 - Theme - BRAND */
1769
1649
  --shadow-12: #6161611f;
1770
- /* Shadow/shadow-15 - Theme - Corcoran */
1650
+ /* Shadow/shadow-15 - Theme - BRAND */
1771
1651
  --shadow-15: #61616126;
1772
- /* Shadow/shadow-25 - Theme - Corcoran */
1652
+ /* Shadow/shadow-25 - Theme - BRAND */
1773
1653
  --shadow-25: #61616140;
1774
- /* Shadow/shadow-32 - Theme - Corcoran */
1654
+ /* Shadow/shadow-32 - Theme - BRAND */
1775
1655
  --shadow-32: #61616152;
1776
- /* Shadow/inner-shadow - Theme - Corcoran */
1656
+ /* Shadow/inner-shadow - Brand */
1777
1657
  --shadow-inner: #000000;
1778
- /* Shadow/inner-shadow-100 - Theme - Corcoran */
1658
+ /* Shadow/inner-shadow-100 - Theme - BRAND */
1779
1659
  --shadow-inner-100: #000000;
1780
- /* Shadow/variant-01 - Theme - Corcoran */
1660
+ /* Shadow/variant-01 - Brand */
1781
1661
  --shadow-variant-01: #6161611a;
1782
- /* Shadow/variant-02 - Theme - Corcoran */
1662
+ /* Shadow/variant-02 - Brand */
1783
1663
  --shadow-variant-02: #6161611f;
1784
- /* Shadow/variant-03 - Theme - Corcoran */
1664
+ /* Shadow/variant-03 - Brand */
1785
1665
  --shadow-variant-03: #61616126;
1786
- /* Shadow/variant-04 - Theme - Corcoran */
1666
+ /* Shadow/variant-04 - Brand */
1787
1667
  --shadow-variant-04: #61616140;
1788
- /* Shadow/variant-05 - Theme - Corcoran */
1668
+ /* Shadow/variant-05 - Brand */
1789
1669
  --shadow-variant-05: #61616152;
1790
- /* Status/error - Theme - Corcoran */
1670
+ /* Status/error - Theme - BRAND */
1671
+ /* Foreground error text and icons */
1791
1672
  --status-error: #e26b7d;
1792
- /* Status/information - Theme - Corcoran */
1673
+ /* Status/information - Theme - BRAND */
1793
1674
  --status-information: #5d92f5;
1794
- /* Status/informational - Theme - Corcoran */
1675
+ /* Status/informational - Brand */
1676
+ /* Foreground informational text and icons */
1795
1677
  --status-informational: #5d92f5;
1796
- /* Status/success - Theme - Corcoran */
1678
+ /* Status/on-error - Theme - BRAND */
1679
+ /* Foreground error text and icons */
1680
+ --status-on-error: #ffffff;
1681
+ /* Status/on-information - Theme - BRAND */
1682
+ --status-on-information: #ffffff;
1683
+ /* Status/on-informational - Brand */
1684
+ /* Foreground informational text and icons */
1685
+ --status-on-informational: #ffffff;
1686
+ /* Status/on-success - Theme - BRAND */
1687
+ /* Foreground success icons and text */
1688
+ --status-on-success: #ffffff;
1689
+ /* Status/on-warning - Theme - BRAND */
1690
+ /* Foreground warning icons */
1691
+ --status-on-warning: #141414;
1692
+ /* Status/success - Theme - BRAND */
1693
+ /* Foreground success icons and text */
1797
1694
  --status-success: #519f73;
1798
- /* Status/warning - Theme - Corcoran */
1695
+ /* Status/warning - Theme - BRAND */
1696
+ /* Foreground warning icons */
1799
1697
  --status-warning: #f8cd63;
1800
- /* Stroke/Brand/brand-primary - Theme - Corcoran */
1698
+ /* Stroke/Brand/brand-primary - Theme - BRAND */
1699
+ /* Outline variant - decorative elements such as dividers */
1801
1700
  --stroke-brand-primary: #92adc4;
1802
- /* Stroke/Brand/brand-primary-depth - Theme - Corcoran */
1701
+ /* Stroke/Brand/brand-primary-depth - Theme - BRAND */
1702
+ /* Outline variant - decorative elements such as dividers */
1803
1703
  --stroke-brand-primary-depth: #aec1d3;
1804
- /* Stroke/Brand/brand-secondary - Theme - Corcoran */
1704
+ /* Stroke/Brand/brand-secondary - Theme - BRAND */
1805
1705
  --stroke-brand-secondary: #d9989d;
1806
- /* Stroke/Brand/brand-secondary-depth - Theme - Corcoran */
1706
+ /* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
1807
1707
  --stroke-brand-secondary-depth: #e3b2b6;
1808
- /* Stroke/Neutral/neutral-base - Theme - Corcoran */
1708
+ /* Stroke/Neutral/neutral-base - Theme - BRAND */
1709
+ /* For control components */
1809
1710
  --stroke-neutral-base: #6b6b6b;
1810
- /* Stroke/Neutral/disabled-dark - Theme - Corcoran */
1811
- --stroke-neutral-disabled-dark: #424242;
1812
- /* Stroke/Neutral/disabled-light - Theme - Corcoran */
1711
+ /* Stroke/Neutral/disabled-dark - Brand */
1712
+ /* Disabled outline separating the fill and surface background */
1713
+ --stroke-neutral-disabled-dark: #3d3d3d;
1714
+ /* Stroke/Neutral/disabled-light - Brand */
1715
+ /* Disabled outline separating the fill and surface background */
1813
1716
  --stroke-neutral-disabled-light: #4d4d4d;
1814
- /* Stroke/Neutral/focus - Theme - Corcoran */
1717
+ /* Stroke/Neutral/focus - Brand */
1718
+ /* Highlight focus element */
1815
1719
  --stroke-neutral-focus: #ffffff;
1816
- /* Stroke/Neutral/neutral-high - Theme - Corcoran */
1720
+ /* Stroke/Neutral/focus-on-inverse - Brand */
1721
+ /* Highlight focus element */
1722
+ --stroke-neutral-focus-on-inverse: #ffffff;
1723
+ /* Stroke/Neutral/neutral-high - Brand */
1817
1724
  --stroke-neutral-high: #fafafa;
1818
- /* Stroke/Neutral/neutral-high-contrast - Theme - Corcoran */
1725
+ /* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
1819
1726
  --stroke-neutral-high-contrast: #fafafa;
1820
- /* Stroke/Neutral/Interaction/disabled-dark - Theme - 3.0 */
1821
- --stroke-neutral-interaction-disabled-dark: #b1c0d2;
1822
- /* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
1823
- --stroke-neutral-interaction-disabled-light: #323b49;
1824
- /* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
1825
- --stroke-neutral-interaction-focus: #ffffff;
1826
- /* Stroke/Neutral/Interactions/disabled-dark - Theme - Corcoran */
1827
- --stroke-neutral-interactions-disabled-dark: #424242;
1828
- /* Stroke/Neutral/Interactions/disabled-light - Theme - Corcoran */
1727
+ /* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
1728
+ --stroke-neutral-interactions-disabled-dark: #3d3d3d;
1729
+ /* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
1829
1730
  --stroke-neutral-interactions-disabled-light: #4d4d4d;
1830
- /* Stroke/Neutral/Interactions/focus - Theme - Corcoran */
1731
+ /* Stroke/Neutral/Interactions/focus - Theme - BRAND */
1831
1732
  --stroke-neutral-interactions-focus: #ffffff;
1832
- /* Stroke/Neutral/neutral-low - Theme - Corcoran */
1733
+ /* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
1734
+ --stroke-neutral-interactions-inverse-focus: #ffffff;
1735
+ /* Stroke/Neutral/neutral-low - Brand */
1736
+ /* Outline variant - decorative elements such as dividers */
1833
1737
  --stroke-neutral-low: #4d4d4d;
1834
- /* Stroke/Neutral/neutral-low-contrast - Theme - Corcoran */
1738
+ /* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
1835
1739
  --stroke-neutral-low-contrast: #4d4d4d;
1836
- /* Surface/Brand/primary - Theme - Corcoran */
1740
+ /* Surface/Brand/primary - Theme - BRAND */
1837
1741
  --surface-brand-primary: #92adc4;
1838
- /* Surface/Brand/primary-highlight - Theme - Corcoran */
1742
+ /* Surface/Brand/primary-highlight - Theme - BRAND */
1839
1743
  --surface-brand-primary-highlight: #131e27;
1840
- /* Surface/Brand/secondary - Theme - Corcoran */
1744
+ /* Surface/Brand/secondary - Theme - BRAND */
1841
1745
  --surface-brand-secondary: #d9989d;
1842
- /* Surface/Brand/secondary-highlight - Theme - Corcoran */
1746
+ /* Surface/Brand/secondary-highlight - Theme - BRAND */
1843
1747
  --surface-brand-secondary-highlight: #131e27;
1844
- /* Surface/Neutral/Interactions/dark-disabled - Theme - Corcoran */
1748
+ /* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
1845
1749
  --surface-neutral-interactions-dark-disabled: #474747;
1846
- /* Surface/Neutral/Interactions/light-disabled - Theme - Corcoran */
1750
+ /* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
1847
1751
  --surface-neutral-interactions-light-disabled: #292929;
1848
- /* Surface/Neutral/Interactions/skeleton - Theme - Corcoran */
1849
- --surface-neutral-interactions-skeleton: #333333;
1850
- /* Surface/Neutral/inverse - Theme - Corcoran */
1752
+ /* Surface/Neutral/inverse - Brand */
1753
+ /* Inverted. Use for toasts notification & snackbars */
1851
1754
  --surface-neutral-inverse: #383838;
1852
- /* Surface/Neutral/inverse-dark - Theme - Corcoran */
1755
+ /* Surface/Neutral/inverse-dark - Theme - BRAND */
1853
1756
  --surface-neutral-inverse-dark: #383838;
1854
- /* Surface/Neutral/inverse-light - Theme - Corcoran */
1757
+ /* Surface/Neutral/inverse-light - Theme - BRAND */
1855
1758
  --surface-neutral-inverse-light: #575757;
1856
- /* Surface/Neutral/skeleton - Theme - Corcoran */
1857
- --surface-neutral-skeleton: #333333;
1858
- /* Surface/Neutral/T1-base - Theme - Corcoran */
1759
+ /* Surface/Neutral/T1-base - Theme - BRAND */
1859
1760
  --surface-neutral-t1-base: #1f1f1f;
1860
- /* Surface/Neutral/T2-lowest - Theme - Corcoran */
1761
+ /* Surface/Neutral/T2-lowest - Theme - BRAND */
1861
1762
  --surface-neutral-t2-lowest: #2e2e2e;
1862
- /* Surface/Neutral/T3-low - Theme - Corcoran */
1763
+ /* Surface/Neutral/T3-low - Theme - BRAND */
1764
+ /* Navigations, app bar etc */
1863
1765
  --surface-neutral-t3-low: #383838;
1864
- /* Surface/Neutral/T4-high - Theme - Corcoran */
1865
- --surface-neutral-t4-high: #474747;
1866
- /* Surface/Spectrum/blue - Theme - Corcoran */
1766
+ /* Surface/Neutral/T4-high - Theme - BRAND */
1767
+ /* Navigations, app bar etc */
1768
+ --surface-neutral-t4-high: #7a7a7a;
1769
+ /* Surface/Neutral/transparent - Theme - BRAND */
1770
+ --surface-neutral-transparent: #ffffff00;
1771
+ /* Surface/Spectrum/blue - Theme - BRAND */
1867
1772
  --surface-spectrum-blue: #0e2754;
1868
- /* Surface/Spectrum/green - Theme - Corcoran */
1773
+ /* Surface/Spectrum/green - Theme - BRAND */
1869
1774
  --surface-spectrum-green: #0d2f1c;
1870
- /* Surface/Spectrum/lime - Theme - Corcoran */
1775
+ /* Surface/Spectrum/lime - Theme - BRAND */
1871
1776
  --surface-spectrum-lime: #434712;
1872
- /* Surface/Spectrum/magenta - Theme - Corcoran */
1777
+ /* Surface/Spectrum/magenta - Theme - BRAND */
1873
1778
  --surface-spectrum-magenta: #45054e;
1874
- /* Surface/Spectrum/orange - Theme - Corcoran */
1779
+ /* Surface/Spectrum/orange - Theme - BRAND */
1875
1780
  --surface-spectrum-orange: #532201;
1876
- /* Surface/Spectrum/pink - Theme - Corcoran */
1781
+ /* Surface/Spectrum/pink - Theme - BRAND */
1877
1782
  --surface-spectrum-pink: #4c0c2d;
1878
- /* Surface/Spectrum/purple - Theme - Corcoran */
1783
+ /* Surface/Spectrum/purple - Theme - BRAND */
1879
1784
  --surface-spectrum-purple: #220053;
1880
- /* Surface/Spectrum/red - Theme - Corcoran */
1785
+ /* Surface/Spectrum/red - Theme - BRAND */
1881
1786
  --surface-spectrum-red: #4c141d;
1882
- /* Surface/Spectrum/teal - Theme - Corcoran */
1787
+ /* Surface/Spectrum/teal - Theme - BRAND */
1883
1788
  --surface-spectrum-teal: #012e2a;
1884
- /* Surface/Spectrum/yellow - Theme - Corcoran */
1789
+ /* Surface/Spectrum/yellow - Theme - BRAND */
1885
1790
  --surface-spectrum-yellow: #564210;
1886
1791
  }
1887
1792
  `));