@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.
- package/build.ts +1 -2
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js +14 -0
- package/dist/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.js.map +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js +2 -0
- package/dist/components/StylesProviderAgentWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.d.ts +11 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js +14 -0
- package/dist/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.js.map +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.d.ts +1 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js +2 -0
- package/dist/components/StylesProviderBrokerWorkplace/index.js.map +1 -0
- package/dist/components/StylesProviderDemo/brandsCss.js +10 -9
- package/dist/components/StylesProviderDemo/brandsCss.js.map +1 -1
- package/dist/components/StylesProviderDemo/exampleCss.js +5 -5
- package/dist/components/StylesProviderDemo/exampleCss.js.map +1 -1
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/styles/agent-workplace.css +1800 -0
- package/dist/styles/{denali-boss.css.js → agent-workplace.css.js} +770 -849
- package/dist/styles/anywhere.css +687 -766
- package/dist/styles/anywhere.css.js +687 -766
- package/dist/styles/better-homes-gardens.css +579 -826
- package/dist/styles/better-homes-gardens.css.js +579 -826
- package/dist/styles/broker-workplace.css +1800 -0
- package/dist/styles/broker-workplace.css.js +1805 -0
- package/dist/styles/cartus.css +674 -765
- package/dist/styles/cartus.css.js +674 -765
- package/dist/styles/century-21.css +679 -766
- package/dist/styles/century-21.css.js +679 -766
- package/dist/styles/coldwell-banker.css +671 -762
- package/dist/styles/coldwell-banker.css.js +671 -762
- package/dist/styles/corcoran.css +663 -758
- package/dist/styles/corcoran.css.js +663 -758
- package/dist/styles/era.css +677 -766
- package/dist/styles/era.css.js +677 -766
- package/dist/styles/example.css +1898 -0
- package/dist/styles/example.css.js +1903 -0
- package/dist/styles/sothebys.css +670 -759
- package/dist/styles/sothebys.css.js +670 -759
- package/dist/types/common.d.ts +2 -1
- package/dist/types/common.js.map +1 -1
- package/package.json +7 -47
- package/src/components/StylesProviderAgentWorkplace/StylesProviderAgentWorkplace.tsx +15 -0
- package/src/components/StylesProviderAgentWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderBrokerWorkplace/StylesProviderBrokerWorkplace.tsx +15 -0
- package/src/components/StylesProviderBrokerWorkplace/index.tsx +1 -0
- package/src/components/StylesProviderDemo/brandsCss.ts +13 -10
- package/src/components/StylesProviderDemo/exampleCss.ts +5 -5
- package/src/components/Table/Table.tsx +1 -1
- package/{dist/styles/denali-boss.css → src/styles/example.css} +401 -384
- package/src/types/common.ts +2 -10
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.d.ts +0 -11
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js +0 -14
- package/dist/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.js.map +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.d.ts +0 -1
- package/dist/components/StylesProviderDenaliBoss/index.js +0 -2
- package/dist/components/StylesProviderDenaliBoss/index.js.map +0 -1
- package/dist/constants/brands.d.ts +0 -7
- package/dist/constants/brands.js +0 -43
- package/dist/constants/brands.js.map +0 -1
- package/src/components/StylesProviderDenaliBoss/StylesProviderDenaliBoss.tsx +0 -15
- package/src/components/StylesProviderDenaliBoss/index.tsx +0 -1
- package/src/constants/brands.ts +0 -49
|
@@ -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:
|
|
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/
|
|
14
|
-
/* Body/Base -
|
|
15
|
-
--body-base-line-height:
|
|
16
|
-
/* Body/Base -
|
|
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 -
|
|
18
|
+
/* Body/Base - style */
|
|
19
19
|
--body-base-style: regular;
|
|
20
20
|
/* Body/Large */
|
|
21
|
-
--body-large: 400 18px/
|
|
22
|
-
/* Body/Large -
|
|
23
|
-
--body-large-line-height:
|
|
24
|
-
/* Body/Large -
|
|
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 -
|
|
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 -
|
|
30
|
+
/* Body/Small - line height */
|
|
31
31
|
--body-small-line-height: 20px;
|
|
32
|
-
/* Body/Small -
|
|
32
|
+
/* Body/Small - size */
|
|
33
33
|
--body-small-size: 14px;
|
|
34
|
-
/* Body/Small -
|
|
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 -
|
|
38
|
+
/* Body/X-Small - line height */
|
|
39
39
|
--body-x-small-line-height: 16px;
|
|
40
|
-
/* Body/X-Small -
|
|
40
|
+
/* Body/X-Small - size */
|
|
41
41
|
--body-x-small-size: 12px;
|
|
42
|
-
/* Body/X-Small -
|
|
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: #
|
|
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) */
|
|
@@ -593,7 +457,7 @@ body {
|
|
|
593
457
|
--corner-radius-circular: 999px;
|
|
594
458
|
/* Corner radius/None - Global (primitives) */
|
|
595
459
|
--corner-radius-none: 0;
|
|
596
|
-
/* Colors/Brands/
|
|
460
|
+
/* Colors/Brands/BRAND/DK Navy - Global (primitives) */
|
|
597
461
|
--dk-navy: #0a1730;
|
|
598
462
|
/* East - navigation rails, drawers, sheets */
|
|
599
463
|
--drop-shadow-east: 2px 0px 8px -2px #0000001a, 2px 0px 4px -2px #0000001f;
|
|
@@ -609,30 +473,16 @@ body {
|
|
|
609
473
|
--drop-shadow-south: 0px 2px 8px -2px #0000001a, 0px 2px 4px -2px #0000001f;
|
|
610
474
|
/* West - side sheets */
|
|
611
475
|
--drop-shadow-west: -8px 0px 8px -2px #0000001a, -5px 4px 4px -6px #00000026;
|
|
612
|
-
/* Colors/Brands/
|
|
476
|
+
/* Colors/Brands/BRAND/Favorite - Global (primitives) */
|
|
613
477
|
--favorite: #e96084;
|
|
614
|
-
/* Foreground/
|
|
615
|
-
--foreground-
|
|
616
|
-
/* Foreground/
|
|
617
|
-
--foreground-
|
|
618
|
-
/*
|
|
619
|
-
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
620
|
-
/* Foreground/Neutral/on-color - Theme - Coldwell Banker */
|
|
621
|
-
--foreground-neutral-on-color: #ffffff;
|
|
622
|
-
/* Foreground/Neutral/on-inverse-surface - Theme - Coldwell Banker */
|
|
623
|
-
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
624
|
-
/* Colors/Brands/Coldwell Banker/Icy Blue - Global (primitives) */
|
|
478
|
+
/* Foreground/AI-powered/blue - Theme - BRAND */
|
|
479
|
+
--foreground-ai-powered-blue: #000000;
|
|
480
|
+
/* Foreground/AI-powered/pink - Theme - BRAND */
|
|
481
|
+
--foreground-ai-powered-pink: #000000;
|
|
482
|
+
/* Colors/Brands/BRAND/Icy Blue - Global (primitives) */
|
|
625
483
|
--icy-blue: #f0f5fb;
|
|
626
|
-
/* Colors/Brands/
|
|
484
|
+
/* Colors/Brands/BRAND/Information - Global (primitives) */
|
|
627
485
|
--information: #f4b124;
|
|
628
|
-
/* Interaction/disabled-opacity - Theme - 3.0 */
|
|
629
|
-
--interaction-disabled-opacity: #0000000f;
|
|
630
|
-
/* Interaction/primary-disabled-opacity - Theme - 3.0 */
|
|
631
|
-
--interaction-primary-disabled-opacity: #1559ea1f;
|
|
632
|
-
/* Interaction/primary-hover-opacity - Theme - 3.0 */
|
|
633
|
-
--interaction-primary-hover-opacity: #1559ea1a;
|
|
634
|
-
/* Interaction/primary-press-opacity - Theme - 3.0 */
|
|
635
|
-
--interaction-primary-press-opacity: #1559ea33;
|
|
636
486
|
/* Interactions/opacity-black-10 - Global (primitives) */
|
|
637
487
|
--interactions-opacity-black-10: #0000001a;
|
|
638
488
|
/* Interactions/opacity-black-16 - Global (primitives) */
|
|
@@ -657,71 +507,71 @@ body {
|
|
|
657
507
|
--interactions-opacity-white-6: #ffffff0f;
|
|
658
508
|
/* Interactions/opacity-white-8 - Global (primitives) */
|
|
659
509
|
--interactions-opacity-white-8: #ffffff14;
|
|
660
|
-
/* Colors/Brands/
|
|
510
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-10 - Global (primitives) */
|
|
661
511
|
--interactions-primary-dark-opacity-10: #749aff1a;
|
|
662
|
-
/* Colors/Brands/
|
|
512
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-12 - Global (primitives) */
|
|
663
513
|
--interactions-primary-dark-opacity-12: #749aff1f;
|
|
664
|
-
/* Colors/Brands/
|
|
514
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-16 - Global (primitives) */
|
|
665
515
|
--interactions-primary-dark-opacity-16: #749aff29;
|
|
666
|
-
/* Colors/Brands/
|
|
516
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-20 - Global (primitives) */
|
|
667
517
|
--interactions-primary-dark-opacity-20: #749aff33;
|
|
668
|
-
/* Colors/Brands/
|
|
518
|
+
/* Colors/Brands/BRAND/Interactions/primary-dark-opacity-8 - Global (primitives) */
|
|
669
519
|
--interactions-primary-dark-opacity-8: #749aff14;
|
|
670
|
-
/* Colors/Brands/
|
|
520
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-10 - Global (primitives) */
|
|
671
521
|
--interactions-primary-light-opacity-10: #1756ff1a;
|
|
672
|
-
/* Colors/Brands/
|
|
522
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-12 - Global (primitives) */
|
|
673
523
|
--interactions-primary-light-opacity-12: #1756ff1f;
|
|
674
|
-
/* Colors/Brands/
|
|
524
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-16 - Global (primitives) */
|
|
675
525
|
--interactions-primary-light-opacity-16: #1756ff29;
|
|
676
|
-
/* Colors/Brands/
|
|
526
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-20 - Global (primitives) */
|
|
677
527
|
--interactions-primary-light-opacity-20: #1756ff33;
|
|
678
|
-
/* Colors/Brands/
|
|
528
|
+
/* Colors/Brands/BRAND/Interactions/primary-light-opacity-8 - Global (primitives) */
|
|
679
529
|
--interactions-primary-light-opacity-8: #1756ff14;
|
|
680
530
|
/* Labels/Base */
|
|
681
|
-
--labels-base: 500 16px/
|
|
682
|
-
/* Labels/Base -
|
|
683
|
-
--labels-base-line-height:
|
|
684
|
-
/* Labels/Base -
|
|
531
|
+
--labels-base: 500 16px/24px var(--typeface);
|
|
532
|
+
/* Labels/Base - line height */
|
|
533
|
+
--labels-base-line-height: 24px;
|
|
534
|
+
/* Labels/Base - size */
|
|
685
535
|
--labels-base-size: 16px;
|
|
686
|
-
/* Labels/Base -
|
|
536
|
+
/* Labels/Base - style */
|
|
687
537
|
--labels-base-style: medium;
|
|
688
538
|
/* Labels/Large */
|
|
689
|
-
--labels-large: 500 18px/
|
|
690
|
-
/* Labels/Large -
|
|
691
|
-
--labels-large-line-height:
|
|
692
|
-
/* Labels/Large -
|
|
539
|
+
--labels-large: 500 18px/28px var(--typeface);
|
|
540
|
+
/* Labels/Large - line height */
|
|
541
|
+
--labels-large-line-height: 28px;
|
|
542
|
+
/* Labels/Large - size */
|
|
693
543
|
--labels-large-size: 18px;
|
|
694
|
-
/* Labels/Large -
|
|
544
|
+
/* Labels/Large - style */
|
|
695
545
|
--labels-large-style: medium;
|
|
696
546
|
/* Labels/Small */
|
|
697
547
|
--labels-small: 500 14px/20px var(--typeface);
|
|
698
|
-
/* Labels/Small -
|
|
548
|
+
/* Labels/Small - line height */
|
|
699
549
|
--labels-small-line-height: 20px;
|
|
700
|
-
/* Labels/Small -
|
|
550
|
+
/* Labels/Small - size */
|
|
701
551
|
--labels-small-size: 14px;
|
|
702
|
-
/* Labels/Small -
|
|
552
|
+
/* Labels/Small - style */
|
|
703
553
|
--labels-small-style: medium;
|
|
704
554
|
/* Labels/X-Small */
|
|
705
555
|
--labels-x-small: 500 12px/16px var(--typeface);
|
|
706
|
-
/* Labels/X-Small -
|
|
556
|
+
/* Labels/X-Small - line height */
|
|
707
557
|
--labels-x-small-line-height: 16px;
|
|
708
|
-
/* Labels/X-Small -
|
|
558
|
+
/* Labels/X-Small - size */
|
|
709
559
|
--labels-x-small-size: 12px;
|
|
710
|
-
/* Labels/X-Small -
|
|
560
|
+
/* Labels/X-Small - style */
|
|
711
561
|
--labels-x-small-style: medium;
|
|
712
|
-
/* Colors/Brands/
|
|
562
|
+
/* Colors/Brands/BRAND/Light Gray - Global (primitives) */
|
|
713
563
|
--light-gray: #f5f5f5;
|
|
714
|
-
/* Colors/Brands/
|
|
564
|
+
/* Colors/Brands/BRAND/Primary/00-base - Global (primitives) */
|
|
715
565
|
--primary-00-base: #1756ff;
|
|
716
|
-
/* Colors/Brands/
|
|
566
|
+
/* Colors/Brands/BRAND/Primary/15-dark - Global (primitives) */
|
|
717
567
|
--primary-15-dark: #1449d9;
|
|
718
|
-
/* Colors/Brands/
|
|
568
|
+
/* Colors/Brands/BRAND/Primary/40-light - Global (primitives) */
|
|
719
569
|
--primary-40-light: #749aff;
|
|
720
|
-
/* Colors/Brands/
|
|
570
|
+
/* Colors/Brands/BRAND/Primary/55-light - Global (primitives) */
|
|
721
571
|
--primary-55-light: #97b3ff;
|
|
722
|
-
/* Colors/Brands/
|
|
572
|
+
/* Colors/Brands/BRAND/Primary/75-dark - Global (primitives) */
|
|
723
573
|
--primary-75-dark: #061640;
|
|
724
|
-
/* Colors/Brands/
|
|
574
|
+
/* Colors/Brands/BRAND/Primary/85-light - Global (primitives) */
|
|
725
575
|
--primary-85-light: #dce6ff;
|
|
726
576
|
/* Radius/full - Borders */
|
|
727
577
|
--radius-full: 999px;
|
|
@@ -735,17 +585,17 @@ body {
|
|
|
735
585
|
--radius-sm: 4px;
|
|
736
586
|
/* Radius/xlg - Borders */
|
|
737
587
|
--radius-xlg: 16px;
|
|
738
|
-
/* Colors/Brands/
|
|
588
|
+
/* Colors/Brands/BRAND/Secondary/00-base - Global (primitives) */
|
|
739
589
|
--secondary-00-base: #1b3c55;
|
|
740
|
-
/* Colors/Brands/
|
|
590
|
+
/* Colors/Brands/BRAND/Secondary/15-dark - Global (primitives) */
|
|
741
591
|
--secondary-15-dark: #173348;
|
|
742
|
-
/* Colors/Brands/
|
|
592
|
+
/* Colors/Brands/BRAND/Secondary/40-light - Global (primitives) */
|
|
743
593
|
--secondary-40-light: #8294a2;
|
|
744
|
-
/* Colors/Brands/
|
|
594
|
+
/* Colors/Brands/BRAND/Secondary/55-light - Global (primitives) */
|
|
745
595
|
--secondary-55-light: #bbc5cc;
|
|
746
|
-
/* Colors/Brands/
|
|
596
|
+
/* Colors/Brands/BRAND/Secondary/75-dark - Global (primitives) */
|
|
747
597
|
--secondary-75-dark: #070f15;
|
|
748
|
-
/* Colors/Brands/
|
|
598
|
+
/* Colors/Brands/BRAND/Secondary/85-light - Global (primitives) */
|
|
749
599
|
--secondary-85-light: #dde2e6;
|
|
750
600
|
/* Shadows/Inner-Shadow-black-100 - Global (primitives) */
|
|
751
601
|
--shadows-inner-shadow-black-100: #000000;
|
|
@@ -879,22 +729,10 @@ body {
|
|
|
879
729
|
--spacings-960: 96px;
|
|
880
730
|
/* Spacings/None - Global (primitives) */
|
|
881
731
|
--spacings-none: 0;
|
|
882
|
-
/*
|
|
883
|
-
--
|
|
884
|
-
/*
|
|
885
|
-
--
|
|
886
|
-
/* Status/on-informational - Theme - Coldwell Banker */
|
|
887
|
-
--status-on-informational: #ffffff;
|
|
888
|
-
/* Status/on-success - Theme - Coldwell Banker */
|
|
889
|
-
--status-on-success: #ffffff;
|
|
890
|
-
/* Status/on-warning - Theme - Coldwell Banker */
|
|
891
|
-
--status-on-warning: #141414;
|
|
892
|
-
/* Stroke/Neutral/focus-on-inverse - Theme - Coldwell Banker */
|
|
893
|
-
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
894
|
-
/* Stroke/Neutral/Interaction/inverse-focus - Theme - 3.0 */
|
|
895
|
-
--stroke-neutral-interaction-inverse-focus: #ffffff;
|
|
896
|
-
/* Stroke/Neutral/Interactions/inverse-focus - Theme - Coldwell Banker */
|
|
897
|
-
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
732
|
+
/* Stroke/AI-powered/blue - Theme - BRAND */
|
|
733
|
+
--stroke-ai-powered-blue: #000000;
|
|
734
|
+
/* Stroke/AI-powered/pink - Theme - BRAND */
|
|
735
|
+
--stroke-ai-powered-pink: #000000;
|
|
898
736
|
/* Stroke/none - Borders */
|
|
899
737
|
--stroke-none: 0;
|
|
900
738
|
/* Stroke/thick - Borders */
|
|
@@ -903,8 +741,10 @@ body {
|
|
|
903
741
|
--stroke-thicker: 4px;
|
|
904
742
|
/* Stroke/thin - Borders */
|
|
905
743
|
--stroke-thin: 1px;
|
|
906
|
-
/* Surface/
|
|
907
|
-
--surface-
|
|
744
|
+
/* Surface/AI-powered/blue - Theme - BRAND */
|
|
745
|
+
--surface-ai-powered-blue: #000000;
|
|
746
|
+
/* Surface/AI-powered/pink - Theme - BRAND */
|
|
747
|
+
--surface-ai-powered-pink: #000000;
|
|
908
748
|
/* Typeface - Brand */
|
|
909
749
|
--typeface: 'Work Sans', sans-serif;
|
|
910
750
|
/* Typography/Line-height/lh-1 - Global (primitives) */
|
|
@@ -970,29 +810,29 @@ body {
|
|
|
970
810
|
/* Typography/Size/xxxlg - Global (primitives) */
|
|
971
811
|
--typography-size-xxxlg: 40px;
|
|
972
812
|
/* Typography/Typeface/Arial - Global (primitives) */
|
|
973
|
-
--typography-typeface-arial: 'Arial'
|
|
813
|
+
--typography-typeface-arial: 'Arial';
|
|
974
814
|
/* Typography/Typeface/Geist - Global (primitives) */
|
|
975
|
-
--typography-typeface-geist: 'Geist'
|
|
815
|
+
--typography-typeface-geist: 'Geist';
|
|
976
816
|
/* Typography/Typeface/Helvetica - Global (primitives) */
|
|
977
|
-
--typography-typeface-helvetica: 'Helvetica'
|
|
817
|
+
--typography-typeface-helvetica: 'Helvetica';
|
|
978
818
|
/* Typography/Typeface/Inter - Global (primitives) */
|
|
979
|
-
--typography-typeface-inter: 'Inter'
|
|
819
|
+
--typography-typeface-inter: 'Inter';
|
|
980
820
|
/* Typography/Typeface/Lato - Global (primitives) */
|
|
981
|
-
--typography-typeface-lato: 'Lato'
|
|
821
|
+
--typography-typeface-lato: 'Lato';
|
|
982
822
|
/* Typography/Typeface/Manrope - Global (primitives) */
|
|
983
|
-
--typography-typeface-manrope: 'Manrope'
|
|
823
|
+
--typography-typeface-manrope: 'Manrope';
|
|
984
824
|
/* Typography/Typeface/Open Sans - Global (primitives) */
|
|
985
|
-
--typography-typeface-open-sans: 'Open Sans'
|
|
825
|
+
--typography-typeface-open-sans: 'Open Sans';
|
|
986
826
|
/* Typography/Typeface/Red Hat Text - Global (primitives) */
|
|
987
|
-
--typography-typeface-red-hat-text: 'Red Hat Text'
|
|
827
|
+
--typography-typeface-red-hat-text: 'Red Hat Text';
|
|
988
828
|
/* Typography/Typeface/Roboto - Global (primitives) */
|
|
989
|
-
--typography-typeface-roboto: 'Roboto'
|
|
829
|
+
--typography-typeface-roboto: 'Roboto';
|
|
990
830
|
/* Typography/Typeface/SF Pro - Global (primitives) */
|
|
991
|
-
--typography-typeface-sf-pro: 'SF Pro'
|
|
831
|
+
--typography-typeface-sf-pro: 'SF Pro';
|
|
992
832
|
/* Typography/Typeface/Typold - Global (primitives) */
|
|
993
|
-
--typography-typeface-typold: 'Typold'
|
|
833
|
+
--typography-typeface-typold: 'Typold';
|
|
994
834
|
/* Typography/Typeface/Work Sans - Global (primitives) */
|
|
995
|
-
--typography-typeface-work-sans: 'Work Sans'
|
|
835
|
+
--typography-typeface-work-sans: 'Work Sans';
|
|
996
836
|
/* Typography/Weight/300 - Global (primitives) */
|
|
997
837
|
--typography-weight-300: 300;
|
|
998
838
|
/* Typography/Weight/400 - Global (primitives) */
|
|
@@ -1001,56 +841,56 @@ body {
|
|
|
1001
841
|
--typography-weight-500: 500;
|
|
1002
842
|
/* Typography/Weight/600 - Global (primitives) */
|
|
1003
843
|
--typography-weight-600: 600;
|
|
1004
|
-
/* Colors/Brands/
|
|
844
|
+
/* Colors/Brands/BRAND/Warn - Global (primitives) */
|
|
1005
845
|
--warn: #de342b;
|
|
1006
846
|
/* Mobile/Display/Regular/Large */
|
|
1007
847
|
--display-regular-large: 400 56px/72px var(--typeface);
|
|
1008
|
-
/* Mobile/Display/Regular/Large -
|
|
848
|
+
/* Mobile/Display/Regular/Large - line height */
|
|
1009
849
|
--display-regular-large-line-height: 72px;
|
|
1010
|
-
/* Mobile/Display/Regular/Large -
|
|
850
|
+
/* Mobile/Display/Regular/Large - size */
|
|
1011
851
|
--display-regular-large-size: 56px;
|
|
1012
|
-
/* Mobile/Display/Regular/Large -
|
|
852
|
+
/* Mobile/Display/Regular/Large - style */
|
|
1013
853
|
--display-regular-large-style: regular;
|
|
1014
854
|
/* Mobile/Display/Regular/Medium */
|
|
1015
855
|
--display-regular-medium: 400 48px/60px var(--typeface);
|
|
1016
|
-
/* Mobile/Display/Regular/Medium -
|
|
856
|
+
/* Mobile/Display/Regular/Medium - line height */
|
|
1017
857
|
--display-regular-medium-line-height: 60px;
|
|
1018
|
-
/* Mobile/Display/Regular/Medium -
|
|
858
|
+
/* Mobile/Display/Regular/Medium - size */
|
|
1019
859
|
--display-regular-medium-size: 48px;
|
|
1020
|
-
/* Mobile/Display/Regular/Medium -
|
|
860
|
+
/* Mobile/Display/Regular/Medium - style */
|
|
1021
861
|
--display-regular-medium-style: regular;
|
|
1022
862
|
/* Mobile/Display/Regular/Small */
|
|
1023
863
|
--display-regular-small: 400 40px/48px var(--typeface);
|
|
1024
|
-
/* Mobile/Display/Regular/Small -
|
|
864
|
+
/* Mobile/Display/Regular/Small - line height */
|
|
1025
865
|
--display-regular-small-line-height: 48px;
|
|
1026
|
-
/* Mobile/Display/Regular/Small -
|
|
866
|
+
/* Mobile/Display/Regular/Small - size */
|
|
1027
867
|
--display-regular-small-size: 40px;
|
|
1028
|
-
/* Mobile/Display/Regular/Small -
|
|
868
|
+
/* Mobile/Display/Regular/Small - style */
|
|
1029
869
|
--display-regular-small-style: regular;
|
|
1030
870
|
/* Mobile/Display/Semibold/Large */
|
|
1031
871
|
--display-semibold-large: 600 56px/72px var(--typeface);
|
|
1032
|
-
/* Mobile/Display/Semibold/Large -
|
|
872
|
+
/* Mobile/Display/Semibold/Large - line height */
|
|
1033
873
|
--display-semibold-large-line-height: 72px;
|
|
1034
|
-
/* Mobile/Display/Semibold/Large -
|
|
874
|
+
/* Mobile/Display/Semibold/Large - size */
|
|
1035
875
|
--display-semibold-large-size: 56px;
|
|
1036
|
-
/* Mobile/Display/Semibold/Large -
|
|
1037
|
-
--display-semibold-large-style:
|
|
876
|
+
/* Mobile/Display/Semibold/Large - style */
|
|
877
|
+
--display-semibold-large-style: 600;
|
|
1038
878
|
/* Mobile/Display/Semibold/Medium */
|
|
1039
879
|
--display-semibold-medium: 600 48px/60px var(--typeface);
|
|
1040
|
-
/* Mobile/Display/Semibold/Medium -
|
|
880
|
+
/* Mobile/Display/Semibold/Medium - line height */
|
|
1041
881
|
--display-semibold-medium-line-height: 60px;
|
|
1042
|
-
/* Mobile/Display/Semibold/Medium -
|
|
882
|
+
/* Mobile/Display/Semibold/Medium - size */
|
|
1043
883
|
--display-semibold-medium-size: 48px;
|
|
1044
|
-
/* Mobile/Display/Semibold/Medium -
|
|
1045
|
-
--display-semibold-medium-style:
|
|
884
|
+
/* Mobile/Display/Semibold/Medium - style */
|
|
885
|
+
--display-semibold-medium-style: 600;
|
|
1046
886
|
/* Mobile/Display/Semibold/Small */
|
|
1047
887
|
--display-semibold-small: 600 40px/48px var(--typeface);
|
|
1048
|
-
/* Mobile/Display/Semibold/Small -
|
|
888
|
+
/* Mobile/Display/Semibold/Small - line height */
|
|
1049
889
|
--display-semibold-small-line-height: 48px;
|
|
1050
|
-
/* Mobile/Display/Semibold/Small -
|
|
890
|
+
/* Mobile/Display/Semibold/Small - size */
|
|
1051
891
|
--display-semibold-small-size: 40px;
|
|
1052
|
-
/* Mobile/Display/Semibold/Small -
|
|
1053
|
-
--display-semibold-small-style:
|
|
892
|
+
/* Mobile/Display/Semibold/Small - style */
|
|
893
|
+
--display-semibold-small-style: 600;
|
|
1054
894
|
/* Mobile/Heading/H1 - Large Headline */
|
|
1055
895
|
--heading-h1: 600 32px/40px var(--typeface);
|
|
1056
896
|
/* Mobile/Heading/H1 - Large Headline line height */
|
|
@@ -1058,7 +898,7 @@ body {
|
|
|
1058
898
|
/* Mobile/Heading/H1 - Large Headline size */
|
|
1059
899
|
--heading-h1-size: 32px;
|
|
1060
900
|
/* Mobile/Heading/H1 - Large Headline style */
|
|
1061
|
-
--heading-h1-style:
|
|
901
|
+
--heading-h1-style: 600;
|
|
1062
902
|
/* Mobile/Heading/H2 - Headline */
|
|
1063
903
|
--heading-h2: 600 28px/36px var(--typeface);
|
|
1064
904
|
/* Mobile/Heading/H2 - Headline line height */
|
|
@@ -1066,7 +906,7 @@ body {
|
|
|
1066
906
|
/* Mobile/Heading/H2 - Headline size */
|
|
1067
907
|
--heading-h2-size: 28px;
|
|
1068
908
|
/* Mobile/Heading/H2 - Headline style */
|
|
1069
|
-
--heading-h2-style:
|
|
909
|
+
--heading-h2-style: 600;
|
|
1070
910
|
/* Mobile/Heading/H3 - Headline */
|
|
1071
911
|
--heading-h3: 600 24px/32px var(--typeface);
|
|
1072
912
|
/* Mobile/Heading/H3 - Headline line height */
|
|
@@ -1074,7 +914,7 @@ body {
|
|
|
1074
914
|
/* Mobile/Heading/H3 - Headline size */
|
|
1075
915
|
--heading-h3-size: 24px;
|
|
1076
916
|
/* Mobile/Heading/H3 - Headline style */
|
|
1077
|
-
--heading-h3-style:
|
|
917
|
+
--heading-h3-style: 600;
|
|
1078
918
|
/* Mobile/Heading/H4 - Headline */
|
|
1079
919
|
--heading-h4: 600 20px/28px var(--typeface);
|
|
1080
920
|
/* Mobile/Heading/H4 - Headline line height */
|
|
@@ -1082,22 +922,22 @@ body {
|
|
|
1082
922
|
/* Mobile/Heading/H4 - Headline size */
|
|
1083
923
|
--heading-h4-size: 20px;
|
|
1084
924
|
/* Mobile/Heading/H4 - Headline style */
|
|
1085
|
-
--heading-h4-style:
|
|
925
|
+
--heading-h4-style: 600;
|
|
1086
926
|
/* Mobile/Heading/H5 */
|
|
1087
927
|
--heading-h5: 600 18px/24px var(--typeface);
|
|
1088
|
-
/* Mobile/Heading/H5 -
|
|
928
|
+
/* Mobile/Heading/H5 - line height */
|
|
1089
929
|
--heading-h5-line-height: 24px;
|
|
1090
|
-
/* Mobile/Heading/H5 -
|
|
930
|
+
/* Mobile/Heading/H5 - size */
|
|
1091
931
|
--heading-h5-size: 18px;
|
|
1092
|
-
/* Mobile/Heading/H5 -
|
|
1093
|
-
--heading-h5-style:
|
|
932
|
+
/* Mobile/Heading/H5 - style */
|
|
933
|
+
--heading-h5-style: 600;
|
|
1094
934
|
/* Mobile/Heading/H6 */
|
|
1095
935
|
--heading-h6: 500 16px/20px var(--typeface);
|
|
1096
|
-
/* Mobile/Heading/H6 -
|
|
936
|
+
/* Mobile/Heading/H6 - line height */
|
|
1097
937
|
--heading-h6-line-height: 20px;
|
|
1098
|
-
/* Mobile/Heading/H6 -
|
|
938
|
+
/* Mobile/Heading/H6 - size */
|
|
1099
939
|
--heading-h6-size: 16px;
|
|
1100
|
-
/* Mobile/Heading/H6 -
|
|
940
|
+
/* Mobile/Heading/H6 - style */
|
|
1101
941
|
--heading-h6-style: medium;
|
|
1102
942
|
/* Mobile/Subheader/Large - Headline */
|
|
1103
943
|
--subheader-large: 400 20px/28px var(--typeface);
|
|
@@ -1139,757 +979,826 @@ body {
|
|
|
1139
979
|
--subheader-xxx-large-size: 32px;
|
|
1140
980
|
/* Mobile/Subheader/XXX-Large - Large Headline style */
|
|
1141
981
|
--subheader-xxx-large-style: regular;
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1145
|
-
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1146
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1147
|
-
--display-regular-large-line-height: 88px;
|
|
1148
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1149
|
-
--display-regular-large-size: 64px;
|
|
1150
|
-
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1151
|
-
--display-regular-large-style: regular;
|
|
1152
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1153
|
-
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1154
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1155
|
-
--display-regular-medium-line-height: 72px;
|
|
1156
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1157
|
-
--display-regular-medium-size: 56px;
|
|
1158
|
-
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1159
|
-
--display-regular-medium-style: regular;
|
|
1160
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1161
|
-
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1162
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1163
|
-
--display-regular-small-line-height: 60px;
|
|
1164
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1165
|
-
--display-regular-small-size: 48px;
|
|
1166
|
-
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1167
|
-
--display-regular-small-style: regular;
|
|
1168
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1169
|
-
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1170
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1171
|
-
--display-semibold-large-line-height: 88px;
|
|
1172
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1173
|
-
--display-semibold-large-size: 64px;
|
|
1174
|
-
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1175
|
-
--display-semibold-large-style: semibold;
|
|
1176
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1177
|
-
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1178
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1179
|
-
--display-semibold-medium-line-height: 72px;
|
|
1180
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1181
|
-
--display-semibold-medium-size: 56px;
|
|
1182
|
-
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1183
|
-
--display-semibold-medium-style: semibold;
|
|
1184
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1185
|
-
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1186
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1187
|
-
--display-semibold-small-line-height: 60px;
|
|
1188
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1189
|
-
--display-semibold-small-size: 48px;
|
|
1190
|
-
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1191
|
-
--display-semibold-small-style: semibold;
|
|
1192
|
-
/* Desktop/Heading/H1 */
|
|
1193
|
-
--heading-h1: 600 40px/48px var(--typeface);
|
|
1194
|
-
/* Desktop/Heading/H1 - line height */
|
|
1195
|
-
--heading-h1-line-height: 48px;
|
|
1196
|
-
/* Desktop/Heading/H1 - size */
|
|
1197
|
-
--heading-h1-size: 40px;
|
|
1198
|
-
/* Desktop/Heading/H1 - style */
|
|
1199
|
-
--heading-h1-style: semibold;
|
|
1200
|
-
/* Desktop/Heading/H2 */
|
|
1201
|
-
--heading-h2: 600 32px/40px var(--typeface);
|
|
1202
|
-
/* Desktop/Heading/H2 - line height */
|
|
1203
|
-
--heading-h2-line-height: 40px;
|
|
1204
|
-
/* Desktop/Heading/H2 - size */
|
|
1205
|
-
--heading-h2-size: 32px;
|
|
1206
|
-
/* Desktop/Heading/H2 - style */
|
|
1207
|
-
--heading-h2-style: semibold;
|
|
1208
|
-
/* Desktop/Heading/H3 */
|
|
1209
|
-
--heading-h3: 600 28px/36px var(--typeface);
|
|
1210
|
-
/* Desktop/Heading/H3 - line height */
|
|
1211
|
-
--heading-h3-line-height: 36px;
|
|
1212
|
-
/* Desktop/Heading/H3 - size */
|
|
1213
|
-
--heading-h3-size: 28px;
|
|
1214
|
-
/* Desktop/Heading/H3 - style */
|
|
1215
|
-
--heading-h3-style: semibold;
|
|
1216
|
-
/* Desktop/Heading/H4 */
|
|
1217
|
-
--heading-h4: 600 24px/32px var(--typeface);
|
|
1218
|
-
/* Desktop/Heading/H4 - line height */
|
|
1219
|
-
--heading-h4-line-height: 32px;
|
|
1220
|
-
/* Desktop/Heading/H4 - size */
|
|
1221
|
-
--heading-h4-size: 24px;
|
|
1222
|
-
/* Desktop/Heading/H4 - style */
|
|
1223
|
-
--heading-h4-style: semibold;
|
|
1224
|
-
/* Desktop/Heading/H5 */
|
|
1225
|
-
--heading-h5: 600 20px/28px var(--typeface);
|
|
1226
|
-
/* Desktop/Heading/H5 - line height */
|
|
1227
|
-
--heading-h5-line-height: 28px;
|
|
1228
|
-
/* Desktop/Heading/H5 - size */
|
|
1229
|
-
--heading-h5-size: 20px;
|
|
1230
|
-
/* Desktop/Heading/H5 - style */
|
|
1231
|
-
--heading-h5-style: semibold;
|
|
1232
|
-
/* Desktop/Heading/H6 */
|
|
1233
|
-
--heading-h6: 500 18px/24px var(--typeface);
|
|
1234
|
-
/* Desktop/Heading/H6 - line height */
|
|
1235
|
-
--heading-h6-line-height: 24px;
|
|
1236
|
-
/* Desktop/Heading/H6 - size */
|
|
1237
|
-
--heading-h6-size: 18px;
|
|
1238
|
-
/* Desktop/Heading/H6 - style */
|
|
1239
|
-
--heading-h6-style: medium;
|
|
1240
|
-
/* Desktop/Subheader/Large - Headline */
|
|
1241
|
-
--subheader-large: 400 24px/32px var(--typeface);
|
|
1242
|
-
/* Desktop/Subheader/Large - Headline line height */
|
|
1243
|
-
--subheader-large-line-height: 32px;
|
|
1244
|
-
/* Desktop/Subheader/Large - Headline size */
|
|
1245
|
-
--subheader-large-size: 24px;
|
|
1246
|
-
/* Desktop/Subheader/Large - Headline style */
|
|
1247
|
-
--subheader-large-style: regular;
|
|
1248
|
-
/* Desktop/Subheader/Medium */
|
|
1249
|
-
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1250
|
-
/* Desktop/Subheader/Medium - line height */
|
|
1251
|
-
--subheader-medium-line-height: 28px;
|
|
1252
|
-
/* Desktop/Subheader/Medium - size */
|
|
1253
|
-
--subheader-medium-size: 20px;
|
|
1254
|
-
/* Desktop/Subheader/Medium - style */
|
|
1255
|
-
--subheader-medium-style: regular;
|
|
1256
|
-
/* Desktop/Subheader/X-Large - Headline */
|
|
1257
|
-
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1258
|
-
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1259
|
-
--subheader-x-large-line-height: 36px;
|
|
1260
|
-
/* Desktop/Subheader/X-Large - Headline size */
|
|
1261
|
-
--subheader-x-large-size: 28px;
|
|
1262
|
-
/* Desktop/Subheader/X-Large - Headline style */
|
|
1263
|
-
--subheader-x-large-style: regular;
|
|
1264
|
-
/* Desktop/Subheader/XX-Large - Headline */
|
|
1265
|
-
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1266
|
-
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1267
|
-
--subheader-xx-large-line-height: 40px;
|
|
1268
|
-
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1269
|
-
--subheader-xx-large-size: 32px;
|
|
1270
|
-
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1271
|
-
--subheader-xx-large-style: regular;
|
|
1272
|
-
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1273
|
-
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1274
|
-
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1275
|
-
--subheader-xxx-large-line-height: 48px;
|
|
1276
|
-
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1277
|
-
--subheader-xxx-large-size: 40px;
|
|
1278
|
-
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1279
|
-
--subheader-xxx-large-style: regular;
|
|
1280
|
-
}
|
|
1281
|
-
|
|
1282
|
-
/** Light theme (default) **/
|
|
1283
|
-
/* Background/base - Theme - Coldwell Banker */
|
|
982
|
+
/* light theme (default) */
|
|
983
|
+
/* Background/base - Theme - BRAND */
|
|
1284
984
|
--background-base: #ffffff;
|
|
1285
|
-
/* Background/scrim - Theme -
|
|
985
|
+
/* Background/scrim - Theme - BRAND */
|
|
1286
986
|
--background-scrim: #00000040;
|
|
1287
|
-
/* Background/shade - Theme -
|
|
987
|
+
/* Background/shade - Theme - BRAND */
|
|
1288
988
|
--background-shade: #f5f5f5;
|
|
1289
|
-
/* Data visual/category-01 -
|
|
989
|
+
/* Data visual/category-01 - Brand */
|
|
1290
990
|
--data-visual-category-01: #0a466c;
|
|
1291
|
-
/* Data visual/category-01-highlight -
|
|
991
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1292
992
|
--data-visual-category-01-highlight: #0a466c4d;
|
|
1293
|
-
/* Data visual/category-02 -
|
|
993
|
+
/* Data visual/category-02 - Brand */
|
|
1294
994
|
--data-visual-category-02: #299de0;
|
|
1295
|
-
/* Data visual/category-02-highlight -
|
|
995
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1296
996
|
--data-visual-category-02-highlight: #299de04d;
|
|
1297
|
-
/* Data visual/category-03 -
|
|
997
|
+
/* Data visual/category-03 - Brand */
|
|
1298
998
|
--data-visual-category-03: #130033;
|
|
1299
|
-
/* Data visual/category-03-highlight -
|
|
999
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1300
1000
|
--data-visual-category-03-highlight: #1300334d;
|
|
1301
|
-
/* Data visual/category-04 -
|
|
1001
|
+
/* Data visual/category-04 - Brand */
|
|
1302
1002
|
--data-visual-category-04: #389e7a;
|
|
1303
|
-
/* Data visual/category-04-highlight -
|
|
1003
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1304
1004
|
--data-visual-category-04-highlight: #389e7a4d;
|
|
1305
|
-
/* Data visual/category-05 -
|
|
1005
|
+
/* Data visual/category-05 - Brand */
|
|
1306
1006
|
--data-visual-category-05: #094a53;
|
|
1307
|
-
/* Data visual/category-05-highlight -
|
|
1007
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1308
1008
|
--data-visual-category-05-highlight: #094a534d;
|
|
1309
|
-
/* Data visual/category-06 -
|
|
1009
|
+
/* Data visual/category-06 - Brand */
|
|
1310
1010
|
--data-visual-category-06: #7f7f7f;
|
|
1311
|
-
/* Data visual/category-06-highlight -
|
|
1011
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1312
1012
|
--data-visual-category-06-highlight: #7f7f7f4d;
|
|
1313
|
-
/* Data visual/category-07 -
|
|
1013
|
+
/* Data visual/category-07 - Brand */
|
|
1314
1014
|
--data-visual-category-07: #433479;
|
|
1315
|
-
/* Data visual/category-07-highlight -
|
|
1015
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1316
1016
|
--data-visual-category-07-highlight: #4334794d;
|
|
1317
|
-
/* Data visual/category-1 - Theme -
|
|
1017
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1318
1018
|
--data-visual-category-1: #0a466c;
|
|
1319
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1019
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1320
1020
|
--data-visual-category-1-highlight: #0a466c4d;
|
|
1321
|
-
/* Data visual/category-2 - Theme -
|
|
1021
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1322
1022
|
--data-visual-category-2: #299de0;
|
|
1323
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1023
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1324
1024
|
--data-visual-category-2-highlight: #299de04d;
|
|
1325
|
-
/* Data visual/category-3 - Theme -
|
|
1025
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1326
1026
|
--data-visual-category-3: #130033;
|
|
1327
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1027
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1328
1028
|
--data-visual-category-3-highlight: #1300334d;
|
|
1329
|
-
/* Data visual/category-4 - Theme -
|
|
1029
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1330
1030
|
--data-visual-category-4: #389e7a;
|
|
1331
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1031
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1332
1032
|
--data-visual-category-4-highlight: #389e7a4d;
|
|
1333
|
-
/* Data visual/category-5 - Theme -
|
|
1033
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1334
1034
|
--data-visual-category-5: #094a53;
|
|
1335
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1035
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1336
1036
|
--data-visual-category-5-highlight: #094a534d;
|
|
1337
|
-
/* Data visual/category-6 - Theme -
|
|
1037
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1338
1038
|
--data-visual-category-6: #7f7f7f;
|
|
1339
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1039
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1340
1040
|
--data-visual-category-6-highlight: #7f7f7f4d;
|
|
1341
|
-
/* Data visual/category-7 - Theme -
|
|
1041
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1342
1042
|
--data-visual-category-7: #433479;
|
|
1343
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1043
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1344
1044
|
--data-visual-category-7-highlight: #4334794d;
|
|
1345
|
-
/* Data visual/gradient-end - Theme -
|
|
1045
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1346
1046
|
--data-visual-gradient-end: #ffffff4d;
|
|
1347
|
-
/* Data visual/green - Theme -
|
|
1047
|
+
/* Data visual/green - Theme - BRAND */
|
|
1348
1048
|
--data-visual-green: #258750;
|
|
1349
|
-
/* Data visual/green-highlight - Theme -
|
|
1049
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1350
1050
|
--data-visual-green-highlight: #deede5;
|
|
1351
|
-
/* Data visual/negative -
|
|
1051
|
+
/* Data visual/negative - Brand */
|
|
1352
1052
|
--data-visual-negative: #d83a52;
|
|
1353
|
-
/* Data visual/negative-highlight -
|
|
1053
|
+
/* Data visual/negative-highlight - Brand */
|
|
1354
1054
|
--data-visual-negative-highlight: #f9e1e5;
|
|
1355
|
-
/* Data visual/positive -
|
|
1055
|
+
/* Data visual/positive - Brand */
|
|
1356
1056
|
--data-visual-positive: #258750;
|
|
1357
|
-
/* Data visual/positive-highlight -
|
|
1057
|
+
/* Data visual/positive-highlight - Brand */
|
|
1358
1058
|
--data-visual-positive-highlight: #deede5;
|
|
1359
|
-
/* Data visual/red - Theme -
|
|
1059
|
+
/* Data visual/red - Theme - BRAND */
|
|
1360
1060
|
--data-visual-red: #d83a52;
|
|
1361
|
-
/* Data visual/red-highlight - Theme -
|
|
1061
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1362
1062
|
--data-visual-red-highlight: #f9e1e5;
|
|
1363
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1063
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1364
1064
|
--foreground-brand-on-inverse-primary: #749aff;
|
|
1365
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1065
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1366
1066
|
--foreground-brand-on-inverse-secondary: #bbc5cc;
|
|
1367
|
-
/* Foreground/Brand/on-brand-primary - Theme -
|
|
1067
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1068
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1368
1069
|
--foreground-brand-on-primary: #ffffff;
|
|
1369
|
-
/* Foreground/Brand/on-brand-secondary - Theme -
|
|
1070
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1071
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1370
1072
|
--foreground-brand-on-secondary: #ffffff;
|
|
1371
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1073
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1074
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1372
1075
|
--foreground-brand-primary: #1756ff;
|
|
1373
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1076
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1374
1077
|
--foreground-brand-primary-depth: #1449d9;
|
|
1375
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1078
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1079
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1376
1080
|
--foreground-brand-secondary: #1b3c55;
|
|
1377
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1081
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1378
1082
|
--foreground-brand-secondary-depth: #173348;
|
|
1379
|
-
/* Foreground/Link text/default - Theme -
|
|
1083
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1380
1084
|
--foreground-link-text-default: #215ecd;
|
|
1381
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1085
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1382
1086
|
--foreground-link-text-default-disabled: #7a9ee1;
|
|
1383
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1087
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1384
1088
|
--foreground-link-text-default-hovered: #1e55b9;
|
|
1385
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1089
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1386
1090
|
--foreground-link-text-default-pressed: #1a4ba4;
|
|
1387
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1091
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1388
1092
|
--foreground-link-text-default-visited: #7a3e7a;
|
|
1389
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1093
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1390
1094
|
--foreground-link-text-subtle-disabled: #bdbdbd;
|
|
1391
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1095
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1392
1096
|
--foreground-link-text-subtle-hovered: #292929;
|
|
1393
|
-
/* Foreground/Link text/subtle-
|
|
1097
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1098
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1099
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1100
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1101
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1394
1102
|
--foreground-link-text-subtle-inversed-disabled: #757575;
|
|
1395
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1396
|
-
--foreground-link-text-subtle-pressed: #
|
|
1397
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1103
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1104
|
+
--foreground-link-text-subtle-pressed: #3d3d3d;
|
|
1105
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1398
1106
|
--foreground-neutral-disabled-on-color-surface: #757575;
|
|
1399
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1107
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1400
1108
|
--foreground-neutral-disabled-on-surface: #bdbdbd;
|
|
1401
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1109
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1110
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1111
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1112
|
+
/* Interactive controls */
|
|
1113
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1114
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1115
|
+
/* Text and icons against inverse surface */
|
|
1116
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1117
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1118
|
+
/* Default foreground text and icons against any surface color */
|
|
1402
1119
|
--foreground-neutral-on-surface: #141414;
|
|
1403
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1404
|
-
|
|
1405
|
-
|
|
1120
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1121
|
+
/* Secondary foreground color for icons and text */
|
|
1122
|
+
--foreground-neutral-on-surface-variant-01: #707070;
|
|
1123
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1124
|
+
/* Tertiary foreground color for icons and text */
|
|
1406
1125
|
--foreground-neutral-on-surface-variant-02: #757575;
|
|
1407
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1126
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1127
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1408
1128
|
--foreground-neutral-on-surface-variant-03: #8a8a8a;
|
|
1409
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1410
|
-
--foreground-neutral-skeleton-element: #
|
|
1411
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1129
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1130
|
+
--foreground-neutral-skeleton-element: #e0e0e0;
|
|
1131
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1412
1132
|
--foreground-spectrum-blue: #143778;
|
|
1413
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1133
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1414
1134
|
--foreground-spectrum-green: #134428;
|
|
1415
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1135
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1416
1136
|
--foreground-spectrum-lime: #60651a;
|
|
1417
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1137
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1418
1138
|
--foreground-spectrum-magenta: #63076f;
|
|
1419
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1139
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1420
1140
|
--foreground-spectrum-orange: #773001;
|
|
1421
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1141
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1422
1142
|
--foreground-spectrum-pink: #6c1240;
|
|
1423
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1143
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1424
1144
|
--foreground-spectrum-purple: #310077;
|
|
1425
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1145
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1426
1146
|
--foreground-spectrum-red: #6c1d29;
|
|
1427
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1147
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1428
1148
|
--foreground-spectrum-teal: #01413c;
|
|
1429
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1149
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1430
1150
|
--foreground-spectrum-yellow: #7b5e18;
|
|
1431
|
-
/*
|
|
1432
|
-
--interaction-brand-disabled-opacity: #0000000f;
|
|
1433
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1434
|
-
--interaction-brand-hover-opacity: #0000001a;
|
|
1435
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1436
|
-
--interaction-brand-press-opacity: #00000033;
|
|
1437
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1438
|
-
--interaction-hover-opacity: #00000014;
|
|
1439
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1440
|
-
--interaction-link-active-opacity: #0000004d;
|
|
1441
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1442
|
-
--interaction-press-opacity: #00000029;
|
|
1443
|
-
/* Interactions/brand-disabled-opacity - Theme - Coldwell Banker */
|
|
1151
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1444
1152
|
--interactions-brand-disabled-opacity: #0000000f;
|
|
1445
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1153
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1446
1154
|
--interactions-brand-hover-opacity: #0000001a;
|
|
1447
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1155
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1448
1156
|
--interactions-brand-press-opacity: #00000033;
|
|
1449
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1157
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1450
1158
|
--interactions-disabled-opacity: #0000000f;
|
|
1451
|
-
/* Interactions/hover-opacity - Theme -
|
|
1159
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1452
1160
|
--interactions-hover-opacity: #00000014;
|
|
1453
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1161
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1454
1162
|
--interactions-link-active-opacity: #0000004d;
|
|
1455
|
-
/* Interactions/neutral-hover-opacity -
|
|
1163
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1164
|
+
/* surfaces using neutral tones */
|
|
1456
1165
|
--interactions-neutral-hover-opacity: #00000014;
|
|
1457
|
-
/* Interactions/neutral-press-opacity -
|
|
1166
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1167
|
+
/* surfaces using neutral tones */
|
|
1458
1168
|
--interactions-neutral-press-opacity: #00000029;
|
|
1459
|
-
/* Interactions/press-opacity - Theme -
|
|
1169
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1460
1170
|
--interactions-press-opacity: #00000029;
|
|
1461
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1171
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1462
1172
|
--interactions-primary-disabled-opacity: #1756ff1f;
|
|
1463
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1173
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1464
1174
|
--interactions-primary-hover-opacity: #1756ff1a;
|
|
1465
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1175
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1466
1176
|
--interactions-primary-press-opacity: #1756ff33;
|
|
1467
|
-
/* Shadow/shadow-10 - Theme -
|
|
1177
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1468
1178
|
--shadow-10: #0000001a;
|
|
1469
|
-
/* Shadow/shadow-12 - Theme -
|
|
1179
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1470
1180
|
--shadow-12: #0000001f;
|
|
1471
|
-
/* Shadow/shadow-15 - Theme -
|
|
1181
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1472
1182
|
--shadow-15: #00000026;
|
|
1473
|
-
/* Shadow/shadow-25 - Theme -
|
|
1183
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1474
1184
|
--shadow-25: #00000040;
|
|
1475
|
-
/* Shadow/shadow-32 - Theme -
|
|
1185
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1476
1186
|
--shadow-32: #00000052;
|
|
1477
|
-
/* Shadow/inner-shadow -
|
|
1187
|
+
/* Shadow/inner-shadow - Brand */
|
|
1478
1188
|
--shadow-inner: #ffffff;
|
|
1479
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1189
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1480
1190
|
--shadow-inner-100: #ffffff;
|
|
1481
|
-
/* Shadow/variant-01 -
|
|
1191
|
+
/* Shadow/variant-01 - Brand */
|
|
1482
1192
|
--shadow-variant-01: #0000001a;
|
|
1483
|
-
/* Shadow/variant-02 -
|
|
1193
|
+
/* Shadow/variant-02 - Brand */
|
|
1484
1194
|
--shadow-variant-02: #0000001f;
|
|
1485
|
-
/* Shadow/variant-03 -
|
|
1195
|
+
/* Shadow/variant-03 - Brand */
|
|
1486
1196
|
--shadow-variant-03: #00000026;
|
|
1487
|
-
/* Shadow/variant-04 -
|
|
1197
|
+
/* Shadow/variant-04 - Brand */
|
|
1488
1198
|
--shadow-variant-04: #00000040;
|
|
1489
|
-
/* Shadow/variant-05 -
|
|
1199
|
+
/* Shadow/variant-05 - Brand */
|
|
1490
1200
|
--shadow-variant-05: #00000052;
|
|
1491
|
-
/* Status/error - Theme -
|
|
1201
|
+
/* Status/error - Theme - BRAND */
|
|
1202
|
+
/* Foreground error text and icons */
|
|
1492
1203
|
--status-error: #d83a52;
|
|
1493
|
-
/* Status/information - Theme -
|
|
1204
|
+
/* Status/information - Theme - BRAND */
|
|
1494
1205
|
--status-information: #276ef1;
|
|
1495
|
-
/* Status/informational -
|
|
1206
|
+
/* Status/informational - Brand */
|
|
1207
|
+
/* Foreground informational text and icons */
|
|
1496
1208
|
--status-informational: #276ef1;
|
|
1497
|
-
/* Status/
|
|
1209
|
+
/* Status/on-error - Theme - BRAND */
|
|
1210
|
+
/* Foreground error text and icons */
|
|
1211
|
+
--status-on-error: #ffffff;
|
|
1212
|
+
/* Status/on-information - Theme - BRAND */
|
|
1213
|
+
--status-on-information: #ffffff;
|
|
1214
|
+
/* Status/on-informational - Brand */
|
|
1215
|
+
/* Foreground informational text and icons */
|
|
1216
|
+
--status-on-informational: #ffffff;
|
|
1217
|
+
/* Status/on-success - Theme - BRAND */
|
|
1218
|
+
/* Foreground success icons and text */
|
|
1219
|
+
--status-on-success: #ffffff;
|
|
1220
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1221
|
+
/* Foreground warning icons */
|
|
1222
|
+
--status-on-warning: #141414;
|
|
1223
|
+
/* Status/success - Theme - BRAND */
|
|
1224
|
+
/* Foreground success icons and text */
|
|
1498
1225
|
--status-success: #258750;
|
|
1499
|
-
/* Status/warning - Theme -
|
|
1226
|
+
/* Status/warning - Theme - BRAND */
|
|
1227
|
+
/* Foreground warning icons */
|
|
1500
1228
|
--status-warning: #f6bc2f;
|
|
1501
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1229
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1230
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1502
1231
|
--stroke-brand-primary: #1756ff;
|
|
1503
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1232
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1233
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1504
1234
|
--stroke-brand-primary-depth: #1449d9;
|
|
1505
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1235
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1506
1236
|
--stroke-brand-secondary: #1b3c55;
|
|
1507
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1237
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1508
1238
|
--stroke-brand-secondary-depth: #173348;
|
|
1509
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1239
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1240
|
+
/* For control components */
|
|
1510
1241
|
--stroke-neutral-base: #949494;
|
|
1511
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1242
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1243
|
+
/* Disabled outline separating the fill and surface background */
|
|
1512
1244
|
--stroke-neutral-disabled-dark: #757575;
|
|
1513
|
-
/* Stroke/Neutral/disabled-light -
|
|
1245
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1246
|
+
/* Disabled outline separating the fill and surface background */
|
|
1514
1247
|
--stroke-neutral-disabled-light: #bdbdbd;
|
|
1515
|
-
/* Stroke/Neutral/focus -
|
|
1248
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1249
|
+
/* Highlight focus element */
|
|
1516
1250
|
--stroke-neutral-focus: #000000;
|
|
1517
|
-
/* Stroke/Neutral/
|
|
1251
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1252
|
+
/* Highlight focus element */
|
|
1253
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1254
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1518
1255
|
--stroke-neutral-high: #141414;
|
|
1519
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1256
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1520
1257
|
--stroke-neutral-high-contrast: #141414;
|
|
1521
|
-
/* Stroke/Neutral/
|
|
1522
|
-
--stroke-neutral-interaction-disabled-dark: #48566a;
|
|
1523
|
-
/* Stroke/Neutral/Interaction/disabled-light - Theme - 3.0 */
|
|
1524
|
-
--stroke-neutral-interaction-disabled-light: #c8d6e5;
|
|
1525
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1526
|
-
--stroke-neutral-interaction-focus: #000000;
|
|
1527
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Coldwell Banker */
|
|
1258
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1528
1259
|
--stroke-neutral-interactions-disabled-dark: #757575;
|
|
1529
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme -
|
|
1260
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1530
1261
|
--stroke-neutral-interactions-disabled-light: #bdbdbd;
|
|
1531
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1262
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1532
1263
|
--stroke-neutral-interactions-focus: #000000;
|
|
1533
|
-
/* Stroke/Neutral/
|
|
1264
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1265
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1266
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1267
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1534
1268
|
--stroke-neutral-low: #e0e0e0;
|
|
1535
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1269
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1536
1270
|
--stroke-neutral-low-contrast: #e0e0e0;
|
|
1537
|
-
/* Surface/Brand/primary - Theme -
|
|
1271
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1538
1272
|
--surface-brand-primary: #1756ff;
|
|
1539
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1273
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1540
1274
|
--surface-brand-primary-highlight: #dce6ff;
|
|
1541
|
-
/* Surface/Brand/secondary - Theme -
|
|
1275
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1542
1276
|
--surface-brand-secondary: #1b3c55;
|
|
1543
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1277
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1544
1278
|
--surface-brand-secondary-highlight: #dde2e6;
|
|
1545
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1279
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1546
1280
|
--surface-neutral-interactions-dark-disabled: #d6d6d6;
|
|
1547
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1281
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1548
1282
|
--surface-neutral-interactions-light-disabled: #f5f5f5;
|
|
1549
|
-
/* Surface/Neutral/
|
|
1550
|
-
|
|
1551
|
-
/* Surface/Neutral/inverse - Theme - Coldwell Banker */
|
|
1283
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1284
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1552
1285
|
--surface-neutral-inverse: #1f1f1f;
|
|
1553
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1286
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1554
1287
|
--surface-neutral-inverse-dark: #1f1f1f;
|
|
1555
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1288
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1556
1289
|
--surface-neutral-inverse-light: #ffffff;
|
|
1557
|
-
/* Surface/Neutral/
|
|
1558
|
-
--surface-neutral-skeleton: #e0e0e0;
|
|
1559
|
-
/* Surface/Neutral/T1-base - Theme - Coldwell Banker */
|
|
1290
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1560
1291
|
--surface-neutral-t1-base: #ffffff;
|
|
1561
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1292
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1562
1293
|
--surface-neutral-t2-lowest: #f5f5f5;
|
|
1563
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1294
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1295
|
+
/* Navigations, app bar etc */
|
|
1564
1296
|
--surface-neutral-t3-low: #dbdbdb;
|
|
1565
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1297
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1298
|
+
/* Navigations, app bar etc */
|
|
1566
1299
|
--surface-neutral-t4-high: #6b6b6b;
|
|
1567
|
-
/* Surface/
|
|
1300
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1301
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1302
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1568
1303
|
--surface-spectrum-blue: #dfe9fd;
|
|
1569
|
-
/* Surface/Spectrum/green - Theme -
|
|
1304
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1570
1305
|
--surface-spectrum-green: #deede5;
|
|
1571
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1306
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1572
1307
|
--surface-spectrum-lime: #f6f7e0;
|
|
1573
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1308
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1574
1309
|
--surface-spectrum-magenta: #f6dbfa;
|
|
1575
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1310
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1576
1311
|
--surface-spectrum-orange: #fce7d9;
|
|
1577
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1312
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1578
1313
|
--surface-spectrum-pink: #f9deec;
|
|
1579
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1314
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1580
1315
|
--surface-spectrum-purple: #e7d9fc;
|
|
1581
|
-
/* Surface/Spectrum/red - Theme -
|
|
1316
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1582
1317
|
--surface-spectrum-red: #f9e1e5;
|
|
1583
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1318
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1584
1319
|
--surface-spectrum-teal: #d9eceb;
|
|
1585
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1320
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1586
1321
|
--surface-spectrum-yellow: #fef5e0;
|
|
1587
|
-
}
|
|
1588
1322
|
|
|
1323
|
+
@media (width >= 640px) {
|
|
1324
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. */
|
|
1325
|
+
--display-regular-large: 400 64px/88px var(--typeface);
|
|
1326
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. line height */
|
|
1327
|
+
--display-regular-large-line-height: 88px;
|
|
1328
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. size */
|
|
1329
|
+
--display-regular-large-size: 64px;
|
|
1330
|
+
/* Desktop/Display/Regular/Large - Used in landing hero or marketing sections. style */
|
|
1331
|
+
--display-regular-large-style: regular;
|
|
1332
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. */
|
|
1333
|
+
--display-regular-medium: 400 56px/72px var(--typeface);
|
|
1334
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. line height */
|
|
1335
|
+
--display-regular-medium-line-height: 72px;
|
|
1336
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. size */
|
|
1337
|
+
--display-regular-medium-size: 56px;
|
|
1338
|
+
/* Desktop/Display/Regular/Medium - Used in landing hero or marketing sections. style */
|
|
1339
|
+
--display-regular-medium-style: regular;
|
|
1340
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. */
|
|
1341
|
+
--display-regular-small: 400 48px/60px var(--typeface);
|
|
1342
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. line height */
|
|
1343
|
+
--display-regular-small-line-height: 60px;
|
|
1344
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. size */
|
|
1345
|
+
--display-regular-small-size: 48px;
|
|
1346
|
+
/* Desktop/Display/Regular/Small - Used in landing hero or marketing sections. style */
|
|
1347
|
+
--display-regular-small-style: regular;
|
|
1348
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. */
|
|
1349
|
+
--display-semibold-large: 600 64px/88px var(--typeface);
|
|
1350
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. line height */
|
|
1351
|
+
--display-semibold-large-line-height: 88px;
|
|
1352
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. size */
|
|
1353
|
+
--display-semibold-large-size: 64px;
|
|
1354
|
+
/* Desktop/Display/SemiBold/Large - Used in landing hero or marketing sections. style */
|
|
1355
|
+
--display-semibold-large-style: 600;
|
|
1356
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. */
|
|
1357
|
+
--display-semibold-medium: 600 56px/72px var(--typeface);
|
|
1358
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. line height */
|
|
1359
|
+
--display-semibold-medium-line-height: 72px;
|
|
1360
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. size */
|
|
1361
|
+
--display-semibold-medium-size: 56px;
|
|
1362
|
+
/* Desktop/Display/SemiBold/Medium - Used in landing hero or marketing sections. style */
|
|
1363
|
+
--display-semibold-medium-style: 600;
|
|
1364
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. */
|
|
1365
|
+
--display-semibold-small: 600 48px/60px var(--typeface);
|
|
1366
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. line height */
|
|
1367
|
+
--display-semibold-small-line-height: 60px;
|
|
1368
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. size */
|
|
1369
|
+
--display-semibold-small-size: 48px;
|
|
1370
|
+
/* Desktop/Display/SemiBold/Small - Used in landing hero or marketing sections. style */
|
|
1371
|
+
--display-semibold-small-style: 600;
|
|
1372
|
+
/* Desktop/Heading/H1 */
|
|
1373
|
+
--heading-h1: 600 40px/48px var(--typeface);
|
|
1374
|
+
/* Desktop/Heading/H1 - line height */
|
|
1375
|
+
--heading-h1-line-height: 48px;
|
|
1376
|
+
/* Desktop/Heading/H1 - size */
|
|
1377
|
+
--heading-h1-size: 40px;
|
|
1378
|
+
/* Desktop/Heading/H1 - style */
|
|
1379
|
+
--heading-h1-style: 600;
|
|
1380
|
+
/* Desktop/Heading/H2 */
|
|
1381
|
+
--heading-h2: 600 32px/40px var(--typeface);
|
|
1382
|
+
/* Desktop/Heading/H2 - line height */
|
|
1383
|
+
--heading-h2-line-height: 40px;
|
|
1384
|
+
/* Desktop/Heading/H2 - size */
|
|
1385
|
+
--heading-h2-size: 32px;
|
|
1386
|
+
/* Desktop/Heading/H2 - style */
|
|
1387
|
+
--heading-h2-style: 600;
|
|
1388
|
+
/* Desktop/Heading/H3 */
|
|
1389
|
+
--heading-h3: 600 28px/36px var(--typeface);
|
|
1390
|
+
/* Desktop/Heading/H3 - line height */
|
|
1391
|
+
--heading-h3-line-height: 36px;
|
|
1392
|
+
/* Desktop/Heading/H3 - size */
|
|
1393
|
+
--heading-h3-size: 28px;
|
|
1394
|
+
/* Desktop/Heading/H3 - style */
|
|
1395
|
+
--heading-h3-style: 600;
|
|
1396
|
+
/* Desktop/Heading/H4 */
|
|
1397
|
+
--heading-h4: 600 24px/32px var(--typeface);
|
|
1398
|
+
/* Desktop/Heading/H4 - line height */
|
|
1399
|
+
--heading-h4-line-height: 32px;
|
|
1400
|
+
/* Desktop/Heading/H4 - size */
|
|
1401
|
+
--heading-h4-size: 24px;
|
|
1402
|
+
/* Desktop/Heading/H4 - style */
|
|
1403
|
+
--heading-h4-style: 600;
|
|
1404
|
+
/* Desktop/Heading/H5 */
|
|
1405
|
+
--heading-h5: 600 20px/28px var(--typeface);
|
|
1406
|
+
/* Desktop/Heading/H5 - line height */
|
|
1407
|
+
--heading-h5-line-height: 28px;
|
|
1408
|
+
/* Desktop/Heading/H5 - size */
|
|
1409
|
+
--heading-h5-size: 20px;
|
|
1410
|
+
/* Desktop/Heading/H5 - style */
|
|
1411
|
+
--heading-h5-style: 600;
|
|
1412
|
+
/* Desktop/Heading/H6 */
|
|
1413
|
+
--heading-h6: 500 18px/24px var(--typeface);
|
|
1414
|
+
/* Desktop/Heading/H6 - line height */
|
|
1415
|
+
--heading-h6-line-height: 24px;
|
|
1416
|
+
/* Desktop/Heading/H6 - size */
|
|
1417
|
+
--heading-h6-size: 18px;
|
|
1418
|
+
/* Desktop/Heading/H6 - style */
|
|
1419
|
+
--heading-h6-style: medium;
|
|
1420
|
+
/* Desktop/Subheader/Large - Headline */
|
|
1421
|
+
--subheader-large: 400 24px/32px var(--typeface);
|
|
1422
|
+
/* Desktop/Subheader/Large - Headline line height */
|
|
1423
|
+
--subheader-large-line-height: 32px;
|
|
1424
|
+
/* Desktop/Subheader/Large - Headline size */
|
|
1425
|
+
--subheader-large-size: 24px;
|
|
1426
|
+
/* Desktop/Subheader/Large - Headline style */
|
|
1427
|
+
--subheader-large-style: regular;
|
|
1428
|
+
/* Desktop/Subheader/Medium */
|
|
1429
|
+
--subheader-medium: 400 20px/28px var(--typeface);
|
|
1430
|
+
/* Desktop/Subheader/Medium - line height */
|
|
1431
|
+
--subheader-medium-line-height: 28px;
|
|
1432
|
+
/* Desktop/Subheader/Medium - size */
|
|
1433
|
+
--subheader-medium-size: 20px;
|
|
1434
|
+
/* Desktop/Subheader/Medium - style */
|
|
1435
|
+
--subheader-medium-style: regular;
|
|
1436
|
+
/* Desktop/Subheader/X-Large - Headline */
|
|
1437
|
+
--subheader-x-large: 400 28px/36px var(--typeface);
|
|
1438
|
+
/* Desktop/Subheader/X-Large - Headline line height */
|
|
1439
|
+
--subheader-x-large-line-height: 36px;
|
|
1440
|
+
/* Desktop/Subheader/X-Large - Headline size */
|
|
1441
|
+
--subheader-x-large-size: 28px;
|
|
1442
|
+
/* Desktop/Subheader/X-Large - Headline style */
|
|
1443
|
+
--subheader-x-large-style: regular;
|
|
1444
|
+
/* Desktop/Subheader/XX-Large - Headline */
|
|
1445
|
+
--subheader-xx-large: 400 32px/40px var(--typeface);
|
|
1446
|
+
/* Desktop/Subheader/XX-Large - Headline line height */
|
|
1447
|
+
--subheader-xx-large-line-height: 40px;
|
|
1448
|
+
/* Desktop/Subheader/XX-Large - Headline size */
|
|
1449
|
+
--subheader-xx-large-size: 32px;
|
|
1450
|
+
/* Desktop/Subheader/XX-Large - Headline style */
|
|
1451
|
+
--subheader-xx-large-style: regular;
|
|
1452
|
+
/* Desktop/Subheader/XXX-Large - Large Headline */
|
|
1453
|
+
--subheader-xxx-large: 400 40px/48px var(--typeface);
|
|
1454
|
+
/* Desktop/Subheader/XXX-Large - Large Headline line height */
|
|
1455
|
+
--subheader-xxx-large-line-height: 48px;
|
|
1456
|
+
/* Desktop/Subheader/XXX-Large - Large Headline size */
|
|
1457
|
+
--subheader-xxx-large-size: 40px;
|
|
1458
|
+
/* Desktop/Subheader/XXX-Large - Large Headline style */
|
|
1459
|
+
--subheader-xxx-large-style: regular;
|
|
1460
|
+
}
|
|
1461
|
+
}
|
|
1462
|
+
/* dark theme */
|
|
1589
1463
|
[data-theme='dark'] {
|
|
1590
|
-
/* Background/base - Theme -
|
|
1464
|
+
/* Background/base - Theme - BRAND */
|
|
1591
1465
|
--background-base: #1f1f1f;
|
|
1592
|
-
/* Background/scrim - Theme -
|
|
1466
|
+
/* Background/scrim - Theme - BRAND */
|
|
1593
1467
|
--background-scrim: #61616180;
|
|
1594
|
-
/* Background/shade - Theme -
|
|
1468
|
+
/* Background/shade - Theme - BRAND */
|
|
1595
1469
|
--background-shade: #292929;
|
|
1596
|
-
/* Data visual/category-01 -
|
|
1470
|
+
/* Data visual/category-01 - Brand */
|
|
1597
1471
|
--data-visual-category-01: #7899ae;
|
|
1598
|
-
/* Data visual/category-01-highlight -
|
|
1472
|
+
/* Data visual/category-01-highlight - Brand */
|
|
1599
1473
|
--data-visual-category-01-highlight: #7899ae4d;
|
|
1600
|
-
/* Data visual/category-02 -
|
|
1474
|
+
/* Data visual/category-02 - Brand */
|
|
1601
1475
|
--data-visual-category-02: #7fc4ec;
|
|
1602
|
-
/* Data visual/category-02-highlight -
|
|
1476
|
+
/* Data visual/category-02-highlight - Brand */
|
|
1603
1477
|
--data-visual-category-02-highlight: #7fc4ec4d;
|
|
1604
|
-
/* Data visual/category-03 -
|
|
1478
|
+
/* Data visual/category-03 - Brand */
|
|
1605
1479
|
--data-visual-category-03: #958ca3;
|
|
1606
|
-
/* Data visual/category-03-highlight -
|
|
1480
|
+
/* Data visual/category-03-highlight - Brand */
|
|
1607
1481
|
--data-visual-category-03-highlight: #958ca34d;
|
|
1608
|
-
/* Data visual/category-04 -
|
|
1482
|
+
/* Data visual/category-04 - Brand */
|
|
1609
1483
|
--data-visual-category-04: #88c5af;
|
|
1610
|
-
/* Data visual/category-04-highlight -
|
|
1484
|
+
/* Data visual/category-04-highlight - Brand */
|
|
1611
1485
|
--data-visual-category-04-highlight: #88c5af4d;
|
|
1612
|
-
/* Data visual/category-05 -
|
|
1486
|
+
/* Data visual/category-05 - Brand */
|
|
1613
1487
|
--data-visual-category-05: #789ba0;
|
|
1614
|
-
/* Data visual/category-05-highlight -
|
|
1488
|
+
/* Data visual/category-05-highlight - Brand */
|
|
1615
1489
|
--data-visual-category-05-highlight: #789ba04d;
|
|
1616
|
-
/* Data visual/category-06 -
|
|
1490
|
+
/* Data visual/category-06 - Brand */
|
|
1617
1491
|
--data-visual-category-06: #b2b2b2;
|
|
1618
|
-
/* Data visual/category-06-highlight -
|
|
1492
|
+
/* Data visual/category-06-highlight - Brand */
|
|
1619
1493
|
--data-visual-category-06-highlight: #b2b2b24d;
|
|
1620
|
-
/* Data visual/category-07 -
|
|
1494
|
+
/* Data visual/category-07 - Brand */
|
|
1621
1495
|
--data-visual-category-07: #a19abc;
|
|
1622
|
-
/* Data visual/category-07-highlight -
|
|
1496
|
+
/* Data visual/category-07-highlight - Brand */
|
|
1623
1497
|
--data-visual-category-07-highlight: #a19abc4d;
|
|
1624
|
-
/* Data visual/category-1 - Theme -
|
|
1498
|
+
/* Data visual/category-1 - Theme - BRAND */
|
|
1625
1499
|
--data-visual-category-1: #7899ae;
|
|
1626
|
-
/* Data visual/category-1-highlight - Theme -
|
|
1500
|
+
/* Data visual/category-1-highlight - Theme - BRAND */
|
|
1627
1501
|
--data-visual-category-1-highlight: #7899ae4d;
|
|
1628
|
-
/* Data visual/category-2 - Theme -
|
|
1502
|
+
/* Data visual/category-2 - Theme - BRAND */
|
|
1629
1503
|
--data-visual-category-2: #7fc4ec;
|
|
1630
|
-
/* Data visual/category-2-highlight - Theme -
|
|
1504
|
+
/* Data visual/category-2-highlight - Theme - BRAND */
|
|
1631
1505
|
--data-visual-category-2-highlight: #7fc4ec4d;
|
|
1632
|
-
/* Data visual/category-3 - Theme -
|
|
1506
|
+
/* Data visual/category-3 - Theme - BRAND */
|
|
1633
1507
|
--data-visual-category-3: #958ca3;
|
|
1634
|
-
/* Data visual/category-3-highlight - Theme -
|
|
1508
|
+
/* Data visual/category-3-highlight - Theme - BRAND */
|
|
1635
1509
|
--data-visual-category-3-highlight: #958ca34d;
|
|
1636
|
-
/* Data visual/category-4 - Theme -
|
|
1510
|
+
/* Data visual/category-4 - Theme - BRAND */
|
|
1637
1511
|
--data-visual-category-4: #88c5af;
|
|
1638
|
-
/* Data visual/category-4-highlight - Theme -
|
|
1512
|
+
/* Data visual/category-4-highlight - Theme - BRAND */
|
|
1639
1513
|
--data-visual-category-4-highlight: #88c5af4d;
|
|
1640
|
-
/* Data visual/category-5 - Theme -
|
|
1514
|
+
/* Data visual/category-5 - Theme - BRAND */
|
|
1641
1515
|
--data-visual-category-5: #789ba0;
|
|
1642
|
-
/* Data visual/category-5-highlight - Theme -
|
|
1516
|
+
/* Data visual/category-5-highlight - Theme - BRAND */
|
|
1643
1517
|
--data-visual-category-5-highlight: #789ba04d;
|
|
1644
|
-
/* Data visual/category-6 - Theme -
|
|
1518
|
+
/* Data visual/category-6 - Theme - BRAND */
|
|
1645
1519
|
--data-visual-category-6: #b2b2b2;
|
|
1646
|
-
/* Data visual/category-6-highlight - Theme -
|
|
1520
|
+
/* Data visual/category-6-highlight - Theme - BRAND */
|
|
1647
1521
|
--data-visual-category-6-highlight: #b2b2b24d;
|
|
1648
|
-
/* Data visual/category-7 - Theme -
|
|
1522
|
+
/* Data visual/category-7 - Theme - BRAND */
|
|
1649
1523
|
--data-visual-category-7: #a19abc;
|
|
1650
|
-
/* Data visual/category-7-highlight - Theme -
|
|
1524
|
+
/* Data visual/category-7-highlight - Theme - BRAND */
|
|
1651
1525
|
--data-visual-category-7-highlight: #a19abc4d;
|
|
1652
|
-
/* Data visual/gradient-end - Theme -
|
|
1526
|
+
/* Data visual/gradient-end - Theme - BRAND */
|
|
1653
1527
|
--data-visual-gradient-end: #1f1f1f4d;
|
|
1654
|
-
/* Data visual/green - Theme -
|
|
1528
|
+
/* Data visual/green - Theme - BRAND */
|
|
1655
1529
|
--data-visual-green: #7cb796;
|
|
1656
|
-
/* Data visual/green-highlight - Theme -
|
|
1530
|
+
/* Data visual/green-highlight - Theme - BRAND */
|
|
1657
1531
|
--data-visual-green-highlight: #0d2f1c;
|
|
1658
|
-
/* Data visual/negative -
|
|
1532
|
+
/* Data visual/negative - Brand */
|
|
1659
1533
|
--data-visual-negative: #e88997;
|
|
1660
|
-
/* Data visual/negative-highlight -
|
|
1534
|
+
/* Data visual/negative-highlight - Brand */
|
|
1661
1535
|
--data-visual-negative-highlight: #4c141d;
|
|
1662
|
-
/* Data visual/positive -
|
|
1536
|
+
/* Data visual/positive - Brand */
|
|
1663
1537
|
--data-visual-positive: #7cb796;
|
|
1664
|
-
/* Data visual/positive-highlight -
|
|
1538
|
+
/* Data visual/positive-highlight - Brand */
|
|
1665
1539
|
--data-visual-positive-highlight: #0d2f1c;
|
|
1666
|
-
/* Data visual/red - Theme -
|
|
1540
|
+
/* Data visual/red - Theme - BRAND */
|
|
1667
1541
|
--data-visual-red: #e88997;
|
|
1668
|
-
/* Data visual/red-highlight - Theme -
|
|
1542
|
+
/* Data visual/red-highlight - Theme - BRAND */
|
|
1669
1543
|
--data-visual-red-highlight: #4c141d;
|
|
1670
|
-
/* Foreground/Brand/on-inverse-primary - Theme -
|
|
1544
|
+
/* Foreground/Brand/on-inverse-primary - Theme - BRAND */
|
|
1671
1545
|
--foreground-brand-on-inverse-primary: #749aff;
|
|
1672
|
-
/* Foreground/Brand/on-inverse-secondary - Theme -
|
|
1546
|
+
/* Foreground/Brand/on-inverse-secondary - Theme - BRAND */
|
|
1673
1547
|
--foreground-brand-on-inverse-secondary: #bbc5cc;
|
|
1674
|
-
/* Foreground/Brand/on-brand-primary - Theme -
|
|
1548
|
+
/* Foreground/Brand/on-brand-primary - Theme - BRAND */
|
|
1549
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1675
1550
|
--foreground-brand-on-primary: #141414;
|
|
1676
|
-
/* Foreground/Brand/on-brand-secondary - Theme -
|
|
1551
|
+
/* Foreground/Brand/on-brand-secondary - Theme - BRAND */
|
|
1552
|
+
/* Foreground color used on Brand's primary color (non neutral color) */
|
|
1677
1553
|
--foreground-brand-on-secondary: #141414;
|
|
1678
|
-
/* Foreground/Brand/brand-primary - Theme -
|
|
1554
|
+
/* Foreground/Brand/brand-primary - Theme - BRAND */
|
|
1555
|
+
/* Foreground text and icons that match the brand's primary color */
|
|
1679
1556
|
--foreground-brand-primary: #749aff;
|
|
1680
|
-
/* Foreground/Brand/brand-primary-depth - Theme -
|
|
1557
|
+
/* Foreground/Brand/brand-primary-depth - Theme - BRAND */
|
|
1681
1558
|
--foreground-brand-primary-depth: #1449d9;
|
|
1682
|
-
/* Foreground/Brand/brand-secondary - Theme -
|
|
1559
|
+
/* Foreground/Brand/brand-secondary - Theme - BRAND */
|
|
1560
|
+
/* Foreground text and icons that match the brand's secondary color */
|
|
1683
1561
|
--foreground-brand-secondary: #bbc5cc;
|
|
1684
|
-
/* Foreground/Brand/brand-secondary-depth - Theme -
|
|
1562
|
+
/* Foreground/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1685
1563
|
--foreground-brand-secondary-depth: #8294a2;
|
|
1686
|
-
/* Foreground/Link text/default - Theme -
|
|
1564
|
+
/* Foreground/Link text/default - Theme - BRAND */
|
|
1687
1565
|
--foreground-link-text-default: #7a9ee1;
|
|
1688
|
-
/* Foreground/Link text/default-disabled - Theme -
|
|
1566
|
+
/* Foreground/Link text/default-disabled - Theme - BRAND */
|
|
1689
1567
|
--foreground-link-text-default-disabled: #14387b;
|
|
1690
|
-
/* Foreground/Link text/default-hovered - Theme -
|
|
1568
|
+
/* Foreground/Link text/default-hovered - Theme - BRAND */
|
|
1691
1569
|
--foreground-link-text-default-hovered: #90afe6;
|
|
1692
|
-
/* Foreground/Link text/default-pressed - Theme -
|
|
1570
|
+
/* Foreground/Link text/default-pressed - Theme - BRAND */
|
|
1693
1571
|
--foreground-link-text-default-pressed: #a6bfeb;
|
|
1694
|
-
/* Foreground/Link text/default-visited - Theme -
|
|
1572
|
+
/* Foreground/Link text/default-visited - Theme - BRAND */
|
|
1695
1573
|
--foreground-link-text-default-visited: #af8baf;
|
|
1696
|
-
/* Foreground/Link text/subtle-disabled -
|
|
1574
|
+
/* Foreground/Link text/subtle-disabled - Brand */
|
|
1697
1575
|
--foreground-link-text-subtle-disabled: #4d4d4d;
|
|
1698
|
-
/* Foreground/Link text/subtle-hovered - Theme -
|
|
1576
|
+
/* Foreground/Link text/subtle-hovered - Theme - BRAND */
|
|
1699
1577
|
--foreground-link-text-subtle-hovered: #e6e6e6;
|
|
1700
|
-
/* Foreground/Link text/subtle-
|
|
1701
|
-
--foreground-link-text-subtle-
|
|
1702
|
-
/* Foreground/Link text/subtle-pressed - Theme -
|
|
1578
|
+
/* Foreground/Link text/subtle-inverse-hovered - Theme - BRAND */
|
|
1579
|
+
--foreground-link-text-subtle-inverse-hovered: #e6e6e6;
|
|
1580
|
+
/* Foreground/Link text/subtle-inverse-pressed - Theme - BRAND */
|
|
1581
|
+
--foreground-link-text-subtle-inverse-pressed: #d1d1d1;
|
|
1582
|
+
/* Foreground/Link text/subtle-inversed-disabled - Brand */
|
|
1583
|
+
--foreground-link-text-subtle-inversed-disabled: #3d3d3d;
|
|
1584
|
+
/* Foreground/Link text/subtle-pressed - Theme - BRAND */
|
|
1703
1585
|
--foreground-link-text-subtle-pressed: #d1d1d1;
|
|
1704
|
-
/* Foreground/Neutral/disabled-on-color-surface - Theme -
|
|
1705
|
-
--foreground-neutral-disabled-on-color-surface: #
|
|
1706
|
-
/* Foreground/Neutral/disabled-on-surface - Theme -
|
|
1586
|
+
/* Foreground/Neutral/disabled-on-color-surface - Theme - BRAND */
|
|
1587
|
+
--foreground-neutral-disabled-on-color-surface: #3d3d3d;
|
|
1588
|
+
/* Foreground/Neutral/disabled-on-surface - Theme - BRAND */
|
|
1707
1589
|
--foreground-neutral-disabled-on-surface: #4d4d4d;
|
|
1708
|
-
/* Foreground/Neutral/on-surface - Theme -
|
|
1590
|
+
/* Foreground/Neutral/inverse-on-surface - Theme - BRAND */
|
|
1591
|
+
--foreground-neutral-inverse-on-surface: #fafafa;
|
|
1592
|
+
/* Foreground/Neutral/on-color - Theme - BRAND */
|
|
1593
|
+
/* Interactive controls */
|
|
1594
|
+
--foreground-neutral-on-color: #ffffff;
|
|
1595
|
+
/* Foreground/Neutral/on-inverse-surface - Brand */
|
|
1596
|
+
/* Text and icons against inverse surface */
|
|
1597
|
+
--foreground-neutral-on-inverse-surface: #fafafa;
|
|
1598
|
+
/* Foreground/Neutral/on-surface - Theme - BRAND */
|
|
1599
|
+
/* Default foreground text and icons against any surface color */
|
|
1709
1600
|
--foreground-neutral-on-surface: #fafafa;
|
|
1710
|
-
/* Foreground/Neutral/on-surface-variant-01 - Theme -
|
|
1601
|
+
/* Foreground/Neutral/on-surface-variant-01 - Theme - BRAND */
|
|
1602
|
+
/* Secondary foreground color for icons and text */
|
|
1711
1603
|
--foreground-neutral-on-surface-variant-01: #c2c2c2;
|
|
1712
|
-
/* Foreground/Neutral/on-surface-variant-02 - Theme -
|
|
1604
|
+
/* Foreground/Neutral/on-surface-variant-02 - Theme - BRAND */
|
|
1605
|
+
/* Tertiary foreground color for icons and text */
|
|
1713
1606
|
--foreground-neutral-on-surface-variant-02: #9e9e9e;
|
|
1714
|
-
/* Foreground/Neutral/on-surface-variant-03 - Theme -
|
|
1607
|
+
/* Foreground/Neutral/on-surface-variant-03 - Theme - BRAND */
|
|
1608
|
+
/* Quaternary foreground color for icons and text. Only for placeholder text */
|
|
1715
1609
|
--foreground-neutral-on-surface-variant-03: #757575;
|
|
1716
|
-
/* Foreground/Neutral/skeleton-element - Theme -
|
|
1717
|
-
--foreground-neutral-skeleton-element: #
|
|
1718
|
-
/* Foreground/Spectrum/blue - Theme -
|
|
1610
|
+
/* Foreground/Neutral/skeleton-element - Theme - BRAND */
|
|
1611
|
+
--foreground-neutral-skeleton-element: #333333;
|
|
1612
|
+
/* Foreground/Spectrum/blue - Theme - BRAND */
|
|
1719
1613
|
--foreground-spectrum-blue: #88aff7;
|
|
1720
|
-
/* Foreground/Spectrum/green - Theme -
|
|
1614
|
+
/* Foreground/Spectrum/green - Theme - BRAND */
|
|
1721
1615
|
--foreground-spectrum-green: #87bd9f;
|
|
1722
|
-
/* Foreground/Spectrum/lime - Theme -
|
|
1616
|
+
/* Foreground/Spectrum/lime - Theme - BRAND */
|
|
1723
1617
|
--foreground-spectrum-lime: #dce28f;
|
|
1724
|
-
/* Foreground/Spectrum/magenta - Theme -
|
|
1618
|
+
/* Foreground/Spectrum/magenta - Theme - BRAND */
|
|
1725
1619
|
--foreground-spectrum-magenta: #e07aed;
|
|
1726
|
-
/* Foreground/Spectrum/orange - Theme -
|
|
1620
|
+
/* Foreground/Spectrum/orange - Theme - BRAND */
|
|
1727
1621
|
--foreground-spectrum-orange: #f6a874;
|
|
1728
|
-
/* Foreground/Spectrum/pink - Theme -
|
|
1622
|
+
/* Foreground/Spectrum/pink - Theme - BRAND */
|
|
1729
1623
|
--foreground-spectrum-pink: #ea86b9;
|
|
1730
|
-
/* Foreground/Spectrum/purple - Theme -
|
|
1624
|
+
/* Foreground/Spectrum/purple - Theme - BRAND */
|
|
1731
1625
|
--foreground-spectrum-purple: #c8a6f9;
|
|
1732
|
-
/* Foreground/Spectrum/red - Theme -
|
|
1626
|
+
/* Foreground/Spectrum/red - Theme - BRAND */
|
|
1733
1627
|
--foreground-spectrum-red: #ea93a0;
|
|
1734
|
-
/* Foreground/Spectrum/teal - Theme -
|
|
1628
|
+
/* Foreground/Spectrum/teal - Theme - BRAND */
|
|
1735
1629
|
--foreground-spectrum-teal: #74bbb4;
|
|
1736
|
-
/* Foreground/Spectrum/yellow - Theme -
|
|
1630
|
+
/* Foreground/Spectrum/yellow - Theme - BRAND */
|
|
1737
1631
|
--foreground-spectrum-yellow: #fada8d;
|
|
1738
|
-
/*
|
|
1739
|
-
--interaction-brand-disabled-opacity: #ffffff0f;
|
|
1740
|
-
/* Interaction/brand-hover-opacity - Theme - 3.0 */
|
|
1741
|
-
--interaction-brand-hover-opacity: #ffffff1a;
|
|
1742
|
-
/* Interaction/brand-press-opacity - Theme - 3.0 */
|
|
1743
|
-
--interaction-brand-press-opacity: #ffffff33;
|
|
1744
|
-
/* Interaction/hover-opacity - Theme - 3.0 */
|
|
1745
|
-
--interaction-hover-opacity: #ffffff14;
|
|
1746
|
-
/* Interaction/link-active-opacity - Theme - 3.0 */
|
|
1747
|
-
--interaction-link-active-opacity: #ffffff4d;
|
|
1748
|
-
/* Interaction/press-opacity - Theme - 3.0 */
|
|
1749
|
-
--interaction-press-opacity: #ffffff29;
|
|
1750
|
-
/* Interactions/brand-disabled-opacity - Theme - Coldwell Banker */
|
|
1632
|
+
/* Interactions/brand-disabled-opacity - Theme - BRAND */
|
|
1751
1633
|
--interactions-brand-disabled-opacity: #ffffff0f;
|
|
1752
|
-
/* Interactions/brand-hover-opacity - Theme -
|
|
1634
|
+
/* Interactions/brand-hover-opacity - Theme - BRAND */
|
|
1753
1635
|
--interactions-brand-hover-opacity: #ffffff1a;
|
|
1754
|
-
/* Interactions/brand-press-opacity - Theme -
|
|
1636
|
+
/* Interactions/brand-press-opacity - Theme - BRAND */
|
|
1755
1637
|
--interactions-brand-press-opacity: #ffffff33;
|
|
1756
|
-
/* Interactions/disabled-opacity - Theme -
|
|
1638
|
+
/* Interactions/disabled-opacity - Theme - BRAND */
|
|
1757
1639
|
--interactions-disabled-opacity: #ffffff0f;
|
|
1758
|
-
/* Interactions/hover-opacity - Theme -
|
|
1640
|
+
/* Interactions/hover-opacity - Theme - BRAND */
|
|
1759
1641
|
--interactions-hover-opacity: #ffffff14;
|
|
1760
|
-
/* Interactions/link-active-opacity - Theme -
|
|
1642
|
+
/* Interactions/link-active-opacity - Theme - BRAND */
|
|
1761
1643
|
--interactions-link-active-opacity: #ffffff29;
|
|
1762
|
-
/* Interactions/neutral-hover-opacity -
|
|
1644
|
+
/* Interactions/neutral-hover-opacity - Brand */
|
|
1645
|
+
/* surfaces using neutral tones */
|
|
1763
1646
|
--interactions-neutral-hover-opacity: #ffffff14;
|
|
1764
|
-
/* Interactions/neutral-press-opacity -
|
|
1647
|
+
/* Interactions/neutral-press-opacity - Brand */
|
|
1648
|
+
/* surfaces using neutral tones */
|
|
1765
1649
|
--interactions-neutral-press-opacity: #ffffff29;
|
|
1766
|
-
/* Interactions/press-opacity - Theme -
|
|
1650
|
+
/* Interactions/press-opacity - Theme - BRAND */
|
|
1767
1651
|
--interactions-press-opacity: #ffffff29;
|
|
1768
|
-
/* Interactions/primary-disabled-opacity - Theme -
|
|
1652
|
+
/* Interactions/primary-disabled-opacity - Theme - BRAND */
|
|
1769
1653
|
--interactions-primary-disabled-opacity: #749aff1f;
|
|
1770
|
-
/* Interactions/primary-hover-opacity - Theme -
|
|
1654
|
+
/* Interactions/primary-hover-opacity - Theme - BRAND */
|
|
1771
1655
|
--interactions-primary-hover-opacity: #749aff1a;
|
|
1772
|
-
/* Interactions/primary-press-opacity - Theme -
|
|
1656
|
+
/* Interactions/primary-press-opacity - Theme - BRAND */
|
|
1773
1657
|
--interactions-primary-press-opacity: #749aff33;
|
|
1774
|
-
/* Shadow/shadow-10 - Theme -
|
|
1658
|
+
/* Shadow/shadow-10 - Theme - BRAND */
|
|
1775
1659
|
--shadow-10: #6161611a;
|
|
1776
|
-
/* Shadow/shadow-12 - Theme -
|
|
1660
|
+
/* Shadow/shadow-12 - Theme - BRAND */
|
|
1777
1661
|
--shadow-12: #6161611f;
|
|
1778
|
-
/* Shadow/shadow-15 - Theme -
|
|
1662
|
+
/* Shadow/shadow-15 - Theme - BRAND */
|
|
1779
1663
|
--shadow-15: #61616126;
|
|
1780
|
-
/* Shadow/shadow-25 - Theme -
|
|
1664
|
+
/* Shadow/shadow-25 - Theme - BRAND */
|
|
1781
1665
|
--shadow-25: #61616140;
|
|
1782
|
-
/* Shadow/shadow-32 - Theme -
|
|
1666
|
+
/* Shadow/shadow-32 - Theme - BRAND */
|
|
1783
1667
|
--shadow-32: #61616152;
|
|
1784
|
-
/* Shadow/inner-shadow -
|
|
1668
|
+
/* Shadow/inner-shadow - Brand */
|
|
1785
1669
|
--shadow-inner: #000000;
|
|
1786
|
-
/* Shadow/inner-shadow-100 - Theme -
|
|
1670
|
+
/* Shadow/inner-shadow-100 - Theme - BRAND */
|
|
1787
1671
|
--shadow-inner-100: #000000;
|
|
1788
|
-
/* Shadow/variant-01 -
|
|
1672
|
+
/* Shadow/variant-01 - Brand */
|
|
1789
1673
|
--shadow-variant-01: #6161611a;
|
|
1790
|
-
/* Shadow/variant-02 -
|
|
1674
|
+
/* Shadow/variant-02 - Brand */
|
|
1791
1675
|
--shadow-variant-02: #6161611f;
|
|
1792
|
-
/* Shadow/variant-03 -
|
|
1676
|
+
/* Shadow/variant-03 - Brand */
|
|
1793
1677
|
--shadow-variant-03: #61616126;
|
|
1794
|
-
/* Shadow/variant-04 -
|
|
1678
|
+
/* Shadow/variant-04 - Brand */
|
|
1795
1679
|
--shadow-variant-04: #61616140;
|
|
1796
|
-
/* Shadow/variant-05 -
|
|
1680
|
+
/* Shadow/variant-05 - Brand */
|
|
1797
1681
|
--shadow-variant-05: #61616152;
|
|
1798
|
-
/* Status/error - Theme -
|
|
1682
|
+
/* Status/error - Theme - BRAND */
|
|
1683
|
+
/* Foreground error text and icons */
|
|
1799
1684
|
--status-error: #e26b7d;
|
|
1800
|
-
/* Status/information - Theme -
|
|
1685
|
+
/* Status/information - Theme - BRAND */
|
|
1801
1686
|
--status-information: #5d92f5;
|
|
1802
|
-
/* Status/informational -
|
|
1687
|
+
/* Status/informational - Brand */
|
|
1688
|
+
/* Foreground informational text and icons */
|
|
1803
1689
|
--status-informational: #5d92f5;
|
|
1804
|
-
/* Status/
|
|
1690
|
+
/* Status/on-error - Theme - BRAND */
|
|
1691
|
+
/* Foreground error text and icons */
|
|
1692
|
+
--status-on-error: #ffffff;
|
|
1693
|
+
/* Status/on-information - Theme - BRAND */
|
|
1694
|
+
--status-on-information: #ffffff;
|
|
1695
|
+
/* Status/on-informational - Brand */
|
|
1696
|
+
/* Foreground informational text and icons */
|
|
1697
|
+
--status-on-informational: #ffffff;
|
|
1698
|
+
/* Status/on-success - Theme - BRAND */
|
|
1699
|
+
/* Foreground success icons and text */
|
|
1700
|
+
--status-on-success: #ffffff;
|
|
1701
|
+
/* Status/on-warning - Theme - BRAND */
|
|
1702
|
+
/* Foreground warning icons */
|
|
1703
|
+
--status-on-warning: #141414;
|
|
1704
|
+
/* Status/success - Theme - BRAND */
|
|
1705
|
+
/* Foreground success icons and text */
|
|
1805
1706
|
--status-success: #519f73;
|
|
1806
|
-
/* Status/warning - Theme -
|
|
1707
|
+
/* Status/warning - Theme - BRAND */
|
|
1708
|
+
/* Foreground warning icons */
|
|
1807
1709
|
--status-warning: #f8cd63;
|
|
1808
|
-
/* Stroke/Brand/brand-primary - Theme -
|
|
1710
|
+
/* Stroke/Brand/brand-primary - Theme - BRAND */
|
|
1711
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1809
1712
|
--stroke-brand-primary: #749aff;
|
|
1810
|
-
/* Stroke/Brand/brand-primary-depth - Theme -
|
|
1713
|
+
/* Stroke/Brand/brand-primary-depth - Theme - BRAND */
|
|
1714
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1811
1715
|
--stroke-brand-primary-depth: #97b3ff;
|
|
1812
|
-
/* Stroke/Brand/brand-secondary - Theme -
|
|
1716
|
+
/* Stroke/Brand/brand-secondary - Theme - BRAND */
|
|
1813
1717
|
--stroke-brand-secondary: #bbc5cc;
|
|
1814
|
-
/* Stroke/Brand/brand-secondary-depth - Theme -
|
|
1718
|
+
/* Stroke/Brand/brand-secondary-depth - Theme - BRAND */
|
|
1815
1719
|
--stroke-brand-secondary-depth: #8294a2;
|
|
1816
|
-
/* Stroke/Neutral/neutral-base - Theme -
|
|
1720
|
+
/* Stroke/Neutral/neutral-base - Theme - BRAND */
|
|
1721
|
+
/* For control components */
|
|
1817
1722
|
--stroke-neutral-base: #6b6b6b;
|
|
1818
|
-
/* Stroke/Neutral/disabled-dark -
|
|
1819
|
-
|
|
1820
|
-
|
|
1723
|
+
/* Stroke/Neutral/disabled-dark - Brand */
|
|
1724
|
+
/* Disabled outline separating the fill and surface background */
|
|
1725
|
+
--stroke-neutral-disabled-dark: #3d3d3d;
|
|
1726
|
+
/* Stroke/Neutral/disabled-light - Brand */
|
|
1727
|
+
/* Disabled outline separating the fill and surface background */
|
|
1821
1728
|
--stroke-neutral-disabled-light: #4d4d4d;
|
|
1822
|
-
/* Stroke/Neutral/focus -
|
|
1729
|
+
/* Stroke/Neutral/focus - Brand */
|
|
1730
|
+
/* Highlight focus element */
|
|
1823
1731
|
--stroke-neutral-focus: #ffffff;
|
|
1824
|
-
/* Stroke/Neutral/
|
|
1732
|
+
/* Stroke/Neutral/focus-on-inverse - Brand */
|
|
1733
|
+
/* Highlight focus element */
|
|
1734
|
+
--stroke-neutral-focus-on-inverse: #ffffff;
|
|
1735
|
+
/* Stroke/Neutral/neutral-high - Brand */
|
|
1825
1736
|
--stroke-neutral-high: #fafafa;
|
|
1826
|
-
/* Stroke/Neutral/neutral-high-contrast - Theme -
|
|
1737
|
+
/* Stroke/Neutral/neutral-high-contrast - Theme - BRAND */
|
|
1827
1738
|
--stroke-neutral-high-contrast: #fafafa;
|
|
1828
|
-
/* Stroke/Neutral/
|
|
1829
|
-
--stroke-neutral-
|
|
1830
|
-
/* Stroke/Neutral/
|
|
1831
|
-
--stroke-neutral-interaction-disabled-light: #323b49;
|
|
1832
|
-
/* Stroke/Neutral/Interaction/focus - Theme - 3.0 */
|
|
1833
|
-
--stroke-neutral-interaction-focus: #ffffff;
|
|
1834
|
-
/* Stroke/Neutral/Interactions/disabled-dark - Theme - Coldwell Banker */
|
|
1835
|
-
--stroke-neutral-interactions-disabled-dark: #424242;
|
|
1836
|
-
/* Stroke/Neutral/Interactions/disabled-light - Theme - Coldwell Banker */
|
|
1739
|
+
/* Stroke/Neutral/Interactions/disabled-dark - Theme - BRAND */
|
|
1740
|
+
--stroke-neutral-interactions-disabled-dark: #3d3d3d;
|
|
1741
|
+
/* Stroke/Neutral/Interactions/disabled-light - Theme - BRAND */
|
|
1837
1742
|
--stroke-neutral-interactions-disabled-light: #4d4d4d;
|
|
1838
|
-
/* Stroke/Neutral/Interactions/focus - Theme -
|
|
1743
|
+
/* Stroke/Neutral/Interactions/focus - Theme - BRAND */
|
|
1839
1744
|
--stroke-neutral-interactions-focus: #ffffff;
|
|
1840
|
-
/* Stroke/Neutral/
|
|
1745
|
+
/* Stroke/Neutral/Interactions/inverse-focus - Theme - BRAND */
|
|
1746
|
+
--stroke-neutral-interactions-inverse-focus: #ffffff;
|
|
1747
|
+
/* Stroke/Neutral/neutral-low - Brand */
|
|
1748
|
+
/* Outline variant - decorative elements such as dividers */
|
|
1841
1749
|
--stroke-neutral-low: #4d4d4d;
|
|
1842
|
-
/* Stroke/Neutral/neutral-low-contrast - Theme -
|
|
1750
|
+
/* Stroke/Neutral/neutral-low-contrast - Theme - BRAND */
|
|
1843
1751
|
--stroke-neutral-low-contrast: #4d4d4d;
|
|
1844
|
-
/* Surface/Brand/primary - Theme -
|
|
1752
|
+
/* Surface/Brand/primary - Theme - BRAND */
|
|
1845
1753
|
--surface-brand-primary: #749aff;
|
|
1846
|
-
/* Surface/Brand/primary-highlight - Theme -
|
|
1754
|
+
/* Surface/Brand/primary-highlight - Theme - BRAND */
|
|
1847
1755
|
--surface-brand-primary-highlight: #061640;
|
|
1848
|
-
/* Surface/Brand/secondary - Theme -
|
|
1756
|
+
/* Surface/Brand/secondary - Theme - BRAND */
|
|
1849
1757
|
--surface-brand-secondary: #bbc5cc;
|
|
1850
|
-
/* Surface/Brand/secondary-highlight - Theme -
|
|
1758
|
+
/* Surface/Brand/secondary-highlight - Theme - BRAND */
|
|
1851
1759
|
--surface-brand-secondary-highlight: #070f15;
|
|
1852
|
-
/* Surface/Neutral/Interactions/dark-disabled - Theme -
|
|
1760
|
+
/* Surface/Neutral/Interactions/dark-disabled - Theme - BRAND */
|
|
1853
1761
|
--surface-neutral-interactions-dark-disabled: #474747;
|
|
1854
|
-
/* Surface/Neutral/Interactions/light-disabled - Theme -
|
|
1762
|
+
/* Surface/Neutral/Interactions/light-disabled - Theme - BRAND */
|
|
1855
1763
|
--surface-neutral-interactions-light-disabled: #292929;
|
|
1856
|
-
/* Surface/Neutral/
|
|
1857
|
-
|
|
1858
|
-
/* Surface/Neutral/inverse - Theme - Coldwell Banker */
|
|
1764
|
+
/* Surface/Neutral/inverse - Brand */
|
|
1765
|
+
/* Inverted. Use for toasts notification & snackbars */
|
|
1859
1766
|
--surface-neutral-inverse: #383838;
|
|
1860
|
-
/* Surface/Neutral/inverse-dark - Theme -
|
|
1767
|
+
/* Surface/Neutral/inverse-dark - Theme - BRAND */
|
|
1861
1768
|
--surface-neutral-inverse-dark: #383838;
|
|
1862
|
-
/* Surface/Neutral/inverse-light - Theme -
|
|
1769
|
+
/* Surface/Neutral/inverse-light - Theme - BRAND */
|
|
1863
1770
|
--surface-neutral-inverse-light: #575757;
|
|
1864
|
-
/* Surface/Neutral/
|
|
1865
|
-
--surface-neutral-skeleton: #333333;
|
|
1866
|
-
/* Surface/Neutral/T1-base - Theme - Coldwell Banker */
|
|
1771
|
+
/* Surface/Neutral/T1-base - Theme - BRAND */
|
|
1867
1772
|
--surface-neutral-t1-base: #1f1f1f;
|
|
1868
|
-
/* Surface/Neutral/T2-lowest - Theme -
|
|
1773
|
+
/* Surface/Neutral/T2-lowest - Theme - BRAND */
|
|
1869
1774
|
--surface-neutral-t2-lowest: #2e2e2e;
|
|
1870
|
-
/* Surface/Neutral/T3-low - Theme -
|
|
1775
|
+
/* Surface/Neutral/T3-low - Theme - BRAND */
|
|
1776
|
+
/* Navigations, app bar etc */
|
|
1871
1777
|
--surface-neutral-t3-low: #383838;
|
|
1872
|
-
/* Surface/Neutral/T4-high - Theme -
|
|
1778
|
+
/* Surface/Neutral/T4-high - Theme - BRAND */
|
|
1779
|
+
/* Navigations, app bar etc */
|
|
1873
1780
|
--surface-neutral-t4-high: #474747;
|
|
1874
|
-
/* Surface/
|
|
1781
|
+
/* Surface/Neutral/transparent - Theme - BRAND */
|
|
1782
|
+
--surface-neutral-transparent: #ffffff00;
|
|
1783
|
+
/* Surface/Spectrum/blue - Theme - BRAND */
|
|
1875
1784
|
--surface-spectrum-blue: #0e2754;
|
|
1876
|
-
/* Surface/Spectrum/green - Theme -
|
|
1785
|
+
/* Surface/Spectrum/green - Theme - BRAND */
|
|
1877
1786
|
--surface-spectrum-green: #0d2f1c;
|
|
1878
|
-
/* Surface/Spectrum/lime - Theme -
|
|
1787
|
+
/* Surface/Spectrum/lime - Theme - BRAND */
|
|
1879
1788
|
--surface-spectrum-lime: #434712;
|
|
1880
|
-
/* Surface/Spectrum/magenta - Theme -
|
|
1789
|
+
/* Surface/Spectrum/magenta - Theme - BRAND */
|
|
1881
1790
|
--surface-spectrum-magenta: #45054e;
|
|
1882
|
-
/* Surface/Spectrum/orange - Theme -
|
|
1791
|
+
/* Surface/Spectrum/orange - Theme - BRAND */
|
|
1883
1792
|
--surface-spectrum-orange: #532201;
|
|
1884
|
-
/* Surface/Spectrum/pink - Theme -
|
|
1793
|
+
/* Surface/Spectrum/pink - Theme - BRAND */
|
|
1885
1794
|
--surface-spectrum-pink: #4c141d;
|
|
1886
|
-
/* Surface/Spectrum/purple - Theme -
|
|
1795
|
+
/* Surface/Spectrum/purple - Theme - BRAND */
|
|
1887
1796
|
--surface-spectrum-purple: #220053;
|
|
1888
|
-
/* Surface/Spectrum/red - Theme -
|
|
1797
|
+
/* Surface/Spectrum/red - Theme - BRAND */
|
|
1889
1798
|
--surface-spectrum-red: #4c141d;
|
|
1890
|
-
/* Surface/Spectrum/teal - Theme -
|
|
1799
|
+
/* Surface/Spectrum/teal - Theme - BRAND */
|
|
1891
1800
|
--surface-spectrum-teal: #012e2a;
|
|
1892
|
-
/* Surface/Spectrum/yellow - Theme -
|
|
1801
|
+
/* Surface/Spectrum/yellow - Theme - BRAND */
|
|
1893
1802
|
--surface-spectrum-yellow: #564210;
|
|
1894
1803
|
}
|
|
1895
1804
|
`));
|