@grantcodes/style-dictionary 1.3.1 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/assets/fonts/grantina.css +1 -0
  3. package/assets/logos/grantina/monogram-light-bg.svg +3 -0
  4. package/assets/logos/grantina/monogram.svg +15 -0
  5. package/dist/css/grantcodes/dark.css +168 -0
  6. package/dist/css/grantcodes/grantcodes.css +126 -150
  7. package/dist/css/grantcodes/light.css +206 -0
  8. package/dist/css/grantcodes/tokens.css +126 -150
  9. package/dist/css/grantina/dark.css +166 -0
  10. package/dist/css/grantina/grantina.css +363 -0
  11. package/dist/css/grantina/light.css +188 -0
  12. package/dist/css/grantina/tokens.css +363 -0
  13. package/dist/css/todomap/dark.css +120 -0
  14. package/dist/css/todomap/light.css +206 -0
  15. package/dist/css/todomap/todomap.css +172 -12
  16. package/dist/css/todomap/tokens.css +172 -12
  17. package/dist/css/wireframe/dark.css +180 -0
  18. package/dist/css/wireframe/light.css +226 -0
  19. package/dist/css/wireframe/tokens.css +145 -206
  20. package/dist/css/wireframe/wireframe.css +145 -206
  21. package/dist/js/grantcodes/style-dictionary.d.ts +111 -133
  22. package/dist/js/grantcodes/style-dictionary.js +117 -141
  23. package/dist/js/grantina/style-dictionary.d.ts +362 -0
  24. package/dist/js/grantina/style-dictionary.js +391 -0
  25. package/dist/js/todomap/style-dictionary.d.ts +164 -10
  26. package/dist/js/todomap/style-dictionary.js +182 -14
  27. package/dist/js/wireframe/style-dictionary.d.ts +130 -183
  28. package/dist/js/wireframe/style-dictionary.js +134 -193
  29. package/dist/json/grantcodes/tokens.json +114 -136
  30. package/dist/json/grantina/tokens.json +352 -0
  31. package/dist/json/todomap/tokens.json +159 -13
  32. package/dist/json/wireframe/tokens.json +133 -186
  33. package/package.json +17 -3
package/dist/css/grantcodes/light.css ADDED
@@ -0,0 +1,206 @@
1
+ /* Light mode override for grantcodes theme */
2
+ /* Force light mode on any element or subtree within a .dark parent */
3
+ .light {
4
+ --g-theme-typography-h1: 900 6.25rem/1.1 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
5
+ --g-theme-typography-h2: 900 3rem/1.17 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
6
+ --g-theme-typography-h3: 900 2.5rem/1.2 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
7
+ --g-theme-typography-h4: 900 2rem/1.25 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
8
+ --g-theme-typography-h5: 900 1.75rem/1.29 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
9
+ --g-theme-typography-h6: 900 1.5rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
10
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
11
+ --g-theme-typography-body: 500 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
12
+ --g-theme-typography-body-sm: 500 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
13
+ --g-theme-typography-label-lg: 600 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
14
+ --g-theme-typography-label: 600 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
15
+ --g-theme-typography-label-sm: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
16
+ --g-theme-typography-meta: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
17
+ --g-theme-typography-meta-sm: 600 0.75rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
18
+ --g-theme-animation-fade-quick: 100ms;
19
+ --g-theme-animation-fade-long: 400ms;
20
+ --g-theme-animation-move-quick: 200ms;
21
+ --g-theme-animation-move-long: 400ms;
22
+ --g-theme-animation-ease: ease-in-out;
23
+ --g-theme-border-width-sm: 0.0625rem;
24
+ --g-theme-border-width-md: 0.125rem;
25
+ --g-theme-border-width-lg: 0.25rem;
26
+ --g-theme-border-radius-sm: 0.125rem;
27
+ --g-theme-border-radius-md: 0.5rem;
28
+ --g-theme-border-radius-lg: 1rem;
29
+ --g-theme-color-background-default: oklch(100% 0 0);
30
+ --g-theme-color-background-default-hover: oklch(80% 0 0);
31
+ --g-theme-color-background-subtle: oklch(95% 0 0);
32
+ --g-theme-color-background-subtle-hover: oklch(90% 0 0);
33
+ --g-theme-color-background-knockout: oklch(0% 0 0);
34
+ --g-theme-color-background-brand: oklch(95% 0.04 279.42);
35
+ --g-theme-color-background-brand-hover: oklch(90% 0.08 279.42);
36
+ --g-theme-color-background-brand-disabled: oklch(90% 0 0);
37
+ --g-theme-color-background-brand-knockout: oklch(35% 0.18 279.42);
38
+ --g-theme-color-background-brand-knockout-hover: oklch(45% 0.24 279.42);
39
+ --g-theme-color-background-utility-error: oklch(94.96% 0.0395 73.45);
40
+ --g-theme-color-background-utility-error-knockout: oklch(60.03% 0.1938 35.81);
41
+ --g-theme-color-background-utility-warning: oklch(97.66% 0.0606 103.43);
42
+ --g-theme-color-background-utility-warning-knockout: oklch(78.68% 0.162 96.43);
43
+ --g-theme-color-background-utility-success: oklch(96.73% 0.0537 129.1);
44
+ --g-theme-color-background-utility-success-knockout: oklch(65.44% 0.1981 141.12);
45
+ --g-theme-color-background-utility-info: oklch(95.86% 0.0542 179.13);
46
+ --g-theme-color-background-utility-info-knockout: oklch(68.89% 0.125872 220.4932);
47
+ --g-theme-color-background-disabled: oklch(90% 0 0);
48
+ --g-theme-color-background-transparent: oklch(100% 0 0 / 0.25);
49
+ --g-theme-color-background-transparent-strong: oklch(100% 0 0 / 0.9);
50
+ --g-theme-color-border-default: oklch(80% 0 0);
51
+ --g-theme-color-border-default-hover: oklch(60% 0 0);
52
+ --g-theme-color-border-subtle: oklch(90% 0 0);
53
+ --g-theme-color-border-strong: oklch(20% 0 0);
54
+ --g-theme-color-border-knockout: oklch(70% 0 0);
55
+ --g-theme-color-border-brand: oklch(45% 0.24 279.42);
56
+ --g-theme-color-border-utility-error: oklch(51.18% 0.1802 32.56);
57
+ --g-theme-color-border-utility-warning: oklch(68.35% 0.14027 94.7302);
58
+ --g-theme-color-border-utility-success: oklch(57.11% 0.1795 142.12);
59
+ --g-theme-color-border-utility-info: oklch(56.7% 0.116289 232.4331);
60
+ --g-theme-color-border-disabled: oklch(90% 0 0);
61
+ --g-theme-color-content-default: oklch(20% 0 0);
62
+ --g-theme-color-content-default-hover: oklch(0% 0 0);
63
+ --g-theme-color-content-subtle: oklch(60% 0 0);
64
+ --g-theme-color-content-knockout: oklch(100% 0 0);
65
+ --g-theme-color-content-brand: oklch(55% 0.26 279.42);
66
+ --g-theme-color-content-brand-hover: oklch(25% 0.12 279.42);
67
+ --g-theme-color-content-brand-knockout: oklch(95% 0.04 279.42);
68
+ --g-theme-color-content-disabled: oklch(50% 0 0);
69
+ --g-theme-color-content-utility-error: oklch(60.03% 0.1938 35.81);
70
+ --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
71
+ --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
72
+ --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
73
+ --g-theme-spacing-xs: 0.25rem;
74
+ --g-theme-spacing-sm: 0.5rem;
75
+ --g-theme-spacing-md: 1rem;
76
+ --g-theme-spacing-lg: 1.5rem;
77
+ --g-theme-spacing-xl: 2rem;
78
+ --g-theme-spacing-2xl: 3rem;
79
+ --g-theme-spacing-3xl: 4rem;
80
+ --g-theme-typography-h1-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
81
+ --g-theme-typography-h1-font-weight: 900;
82
+ --g-theme-typography-h1-font-size: 6.25rem;
83
+ --g-theme-typography-h1-line-height: 1.1;
84
+ --g-theme-typography-h1-letter-spacing: 0rem;
85
+ --g-theme-typography-h2-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
86
+ --g-theme-typography-h2-font-weight: 900;
87
+ --g-theme-typography-h2-font-size: 3rem;
88
+ --g-theme-typography-h2-line-height: 1.17;
89
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
90
+ --g-theme-typography-h3-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
91
+ --g-theme-typography-h3-font-weight: 900;
92
+ --g-theme-typography-h3-font-size: 2.5rem;
93
+ --g-theme-typography-h3-line-height: 1.2;
94
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
95
+ --g-theme-typography-h4-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
96
+ --g-theme-typography-h4-font-weight: 900;
97
+ --g-theme-typography-h4-font-size: 2rem;
98
+ --g-theme-typography-h4-line-height: 1.25;
99
+ --g-theme-typography-h4-letter-spacing: 0.0313rem;
100
+ --g-theme-typography-h5-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
101
+ --g-theme-typography-h5-font-weight: 900;
102
+ --g-theme-typography-h5-font-size: 1.75rem;
103
+ --g-theme-typography-h5-line-height: 1.29;
104
+ --g-theme-typography-h5-letter-spacing: 0.0313rem;
105
+ --g-theme-typography-h6-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
106
+ --g-theme-typography-h6-font-weight: 900;
107
+ --g-theme-typography-h6-font-size: 1.5rem;
108
+ --g-theme-typography-h6-line-height: 1.33;
109
+ --g-theme-typography-h6-letter-spacing: 0.0313rem;
110
+ --g-theme-typography-body-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
111
+ --g-theme-typography-body-lg-font-weight: 400;
112
+ --g-theme-typography-body-lg-font-size: 1.25rem;
113
+ --g-theme-typography-body-lg-line-height: 1.4;
114
+ --g-theme-typography-body-lg-letter-spacing: 0rem;
115
+ --g-theme-typography-body-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
116
+ --g-theme-typography-body-font-weight: 500;
117
+ --g-theme-typography-body-font-size: 1rem;
118
+ --g-theme-typography-body-line-height: 1.5;
119
+ --g-theme-typography-body-letter-spacing: 0rem;
120
+ --g-theme-typography-body-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
121
+ --g-theme-typography-body-sm-font-weight: 500;
122
+ --g-theme-typography-body-sm-font-size: 0.875rem;
123
+ --g-theme-typography-body-sm-line-height: 1.43;
124
+ --g-theme-typography-body-sm-letter-spacing: 0rem;
125
+ --g-theme-typography-label-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
126
+ --g-theme-typography-label-lg-font-weight: 600;
127
+ --g-theme-typography-label-lg-font-size: 1.25rem;
128
+ --g-theme-typography-label-lg-line-height: 1.4;
129
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
130
+ --g-theme-typography-label-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
131
+ --g-theme-typography-label-font-weight: 600;
132
+ --g-theme-typography-label-font-size: 1rem;
133
+ --g-theme-typography-label-line-height: 1.5;
134
+ --g-theme-typography-label-letter-spacing: 0rem;
135
+ --g-theme-typography-label-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
136
+ --g-theme-typography-label-sm-font-weight: 600;
137
+ --g-theme-typography-label-sm-font-size: 0.875rem;
138
+ --g-theme-typography-label-sm-line-height: 1.43;
139
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
140
+ --g-theme-typography-meta-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
141
+ --g-theme-typography-meta-font-weight: 600;
142
+ --g-theme-typography-meta-font-size: 0.875rem;
143
+ --g-theme-typography-meta-line-height: 1.43;
144
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
145
+ --g-theme-typography-meta-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
146
+ --g-theme-typography-meta-sm-font-weight: 600;
147
+ --g-theme-typography-meta-sm-font-size: 0.75rem;
148
+ --g-theme-typography-meta-sm-line-height: 1.33;
149
+ --g-theme-typography-meta-sm-letter-spacing: 0.125rem;
150
+ --g-theme-box-shadow-sm: 0rem 0.25rem 0.25rem 0rem #00000040;
151
+ --g-theme-box-shadow-md: 0rem 0.5rem 0.375rem -0.375rem #0000001a;
152
+ --g-theme-button-color-background-default: oklch(95% 0.04 279.42);
153
+ --g-theme-button-color-background-hover: oklch(90% 0.08 279.42);
154
+ --g-theme-button-color-background-active: oklch(90% 0.08 279.42);
155
+ --g-theme-button-color-background-disabled: oklch(100% 0 0);
156
+ --g-theme-button-color-content-default: oklch(95% 0.04 279.42);
157
+ --g-theme-button-color-content-hover: oklch(95% 0.04 279.42);
158
+ --g-theme-button-color-content-active: oklch(95% 0.04 279.42);
159
+ --g-theme-button-color-content-disabled: oklch(50% 0 0);
160
+ --g-theme-button-color-border-default: oklch(80% 0 0);
161
+ --g-theme-button-color-border-hover: oklch(45% 0.24 279.42);
162
+ --g-theme-button-color-border-active: oklch(45% 0.24 279.42);
163
+ --g-theme-button-color-border-disabled: oklch(80% 0 0);
164
+ --g-theme-button-primary-color-background-default: oklch(65% 0.22 279.42);
165
+ --g-theme-button-primary-color-background-hover: oklch(55% 0.26 279.42);
166
+ --g-theme-button-primary-color-background-active: oklch(45% 0.24 279.42);
167
+ --g-theme-button-primary-color-background-disabled: oklch(90% 0 0);
168
+ --g-theme-button-primary-color-content-default: oklch(100% 0 0);
169
+ --g-theme-button-primary-color-content-hover: oklch(100% 0 0);
170
+ --g-theme-button-primary-color-content-active: oklch(100% 0 0);
171
+ --g-theme-button-primary-color-content-disabled: oklch(20% 0 0);
172
+ --g-theme-button-primary-color-border-default: oklch(65% 0.22 279.42);
173
+ --g-theme-button-primary-color-border-hover: oklch(45% 0.24 279.42);
174
+ --g-theme-button-primary-color-border-active: oklch(45% 0.24 279.42);
175
+ --g-theme-button-primary-color-border-disabled: oklch(80% 0 0);
176
+ --g-theme-focus-ring-color-default: rgba(106, 91, 197, 0.4);
177
+ --g-theme-focus-ring-color-contrast: oklch(90% 0.08 279.42);
178
+ --g-theme-focus-ring-color-contrast-shadow: oklch(35% 0.18 279.42);
179
+ --g-theme-focus-ring-width-default: 0.2rem;
180
+ --g-theme-focus-ring-offset-default: 0rem;
181
+ --g-theme-form-color-background-default: oklch(100% 0 0);
182
+ --g-theme-form-color-background-focus: oklch(100% 0 0);
183
+ --g-theme-form-color-background-hover: oklch(95% 0 0);
184
+ --g-theme-form-color-background-active: oklch(100% 0 0);
185
+ --g-theme-form-color-background-disabled: oklch(100% 0 0);
186
+ --g-theme-form-color-content-default: oklch(20% 0 0);
187
+ --g-theme-form-color-content-focus: oklch(20% 0 0);
188
+ --g-theme-form-color-content-hover: oklch(20% 0 0);
189
+ --g-theme-form-color-content-active: oklch(20% 0 0);
190
+ --g-theme-form-color-content-disabled: oklch(50% 0 0);
191
+ --g-theme-form-color-border-default: oklch(80% 0 0);
192
+ --g-theme-form-color-border-focus: oklch(45% 0.24 279.42);
193
+ --g-theme-form-color-border-hover: oklch(60% 0 0);
194
+ --g-theme-form-color-border-active: oklch(45% 0.24 279.42);
195
+ --g-theme-form-color-border-disabled: oklch(80% 0 0);
196
+ --g-theme-form-color-border-error: oklch(51.18% 0.1802 32.56);
197
+ --g-theme-form-input-accent-color-default: oklch(65% 0.22 279.42);
198
+ --g-theme-link-color-content-default: oklch(65% 0.22 279.42);
199
+ --g-theme-link-color-content-hover: oklch(55% 0.26 279.42);
200
+ --g-theme-link-color-content-active: oklch(55% 0.26 279.42);
201
+ --g-theme-link-color-content-visited: oklch(65% 0.22 279.42);
202
+ --g-theme-link-knockout-color-content-default: oklch(100% 0 0);
203
+ --g-theme-link-knockout-color-content-hover: oklch(100% 0 0);
204
+ --g-theme-link-knockout-color-content-active: oklch(100% 0 0);
205
+ --g-theme-link-knockout-color-content-visited: oklch(100% 0 0);
206
+ }
package/dist/css/grantcodes/tokens.css CHANGED
@@ -1,4 +1,19 @@
1
1
  :root {
2
+ --g-animation-duration-10: 100ms;
3
+ --g-animation-duration-20: 200ms;
4
+ --g-animation-duration-30: 300ms;
5
+ --g-animation-duration-40: 400ms;
6
+ --g-animation-timing-function-ease: ease-in-out;
7
+ --g-animation-timing-function-linear: linear;
8
+ --g-border-width-1: 0.0625rem;
9
+ --g-border-width-2: 0.125rem;
10
+ --g-border-width-4: 0.25rem;
11
+ --g-border-radius-125: 0.125rem;
12
+ --g-border-radius-250: 0.25rem;
13
+ --g-border-radius-500: 0.5rem;
14
+ --g-border-radius-1000: 1rem;
15
+ --g-border-radius-square: 0;
16
+ --g-border-radius-rounded: 50%;
2
17
  --g-color-neutral-100: oklch(95% 0 0);
3
18
  --g-color-neutral-200: oklch(90% 0 0);
4
19
  --g-color-neutral-300: oklch(80% 0 0);
@@ -60,29 +75,6 @@
60
75
  --g-color-brand-purple-700: oklch(45% 0.24 279.42);
61
76
  --g-color-brand-purple-800: oklch(35% 0.18 279.42);
62
77
  --g-color-brand-purple-900: oklch(25% 0.12 279.42);
63
- --g-z-index-0: 0;
64
- --g-z-index-100: 100;
65
- --g-z-index-200: 200;
66
- --g-z-index-300: 300;
67
- --g-z-index-400: 400;
68
- --g-z-index-500: 500;
69
- --g-z-index-top: 99999;
70
- --g-z-index-bottom: -100;
71
- --g-animation-duration-10: 100ms;
72
- --g-animation-duration-20: 200ms;
73
- --g-animation-duration-30: 300ms;
74
- --g-animation-duration-40: 400ms;
75
- --g-animation-timing-function-ease: ease-in-out;
76
- --g-animation-timing-function-linear: linear;
77
- --g-border-radius-125: 0.125rem;
78
- --g-border-radius-250: 0.25rem;
79
- --g-border-radius-500: 0.5rem;
80
- --g-border-radius-1000: 1rem;
81
- --g-border-radius-square: 0;
82
- --g-border-radius-rounded: 50%;
83
- --g-border-width-1: 0.0625rem;
84
- --g-border-width-2: 0.125rem;
85
- --g-border-width-4: 0.25rem;
86
78
  --g-shadow-sm-x: 0rem;
87
79
  --g-shadow-sm-y: 0.25rem;
88
80
  --g-shadow-sm-blur: 0.25rem;
@@ -108,64 +100,69 @@
108
100
  --g-spacing-40: 2.5rem;
109
101
  --g-spacing-48: 3rem;
110
102
  --g-spacing-64: 4rem;
111
- --g-typography-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
112
- --g-typography-font-family-greycliff: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
113
103
  --g-typography-font-weight-400: 400;
114
104
  --g-typography-font-weight-500: 500;
115
105
  --g-typography-font-weight-600: 600;
116
106
  --g-typography-font-weight-700: 700;
117
107
  --g-typography-font-weight-800: 800;
118
108
  --g-typography-font-weight-900: 900;
119
- --g-typography-font-size-12: 0.75rem;
120
- --g-typography-font-size-14: 0.875rem;
121
- --g-typography-font-size-16: 1rem;
122
- --g-typography-font-size-18: 1.125rem;
123
- --g-typography-font-size-20: 1.25rem;
124
- --g-typography-font-size-24: 1.5rem;
125
- --g-typography-font-size-28: 1.75rem;
126
- --g-typography-font-size-32: 2rem;
127
- --g-typography-font-size-40: 2.5rem;
128
- --g-typography-font-size-48: 3rem;
129
- --g-typography-font-size-56: 3.5rem;
130
- --g-typography-font-size-64: 4rem;
131
- --g-typography-font-size-100: 6.25rem;
132
- --g-typography-line-height-16: 1.00;
133
- --g-typography-line-height-20: 1.00;
134
- --g-typography-line-height-24: 1.00;
135
- --g-typography-line-height-28: 1.00;
136
- --g-typography-line-height-32: 1.00;
137
- --g-typography-line-height-36: 2.25;
138
- --g-typography-line-height-40: 1.00;
139
- --g-typography-line-height-48: 1.00;
140
- --g-typography-line-height-56: 1.00;
141
- --g-typography-line-height-64: 1.00;
142
- --g-typography-line-height-72: 4.50;
143
- --g-typography-line-height-110: 6.88;
144
- --g-typography-letter-spacing-0: 0rem;
145
- --g-typography-letter-spacing-2: 0.125rem;
146
- --g-typography-letter-spacing-minus-2: -0.125rem;
147
- --g-typography-letter-spacing-minus-1-half: -0.0938rem;
148
- --g-typography-letter-spacing-minus-1: -0.0625rem;
149
- --g-typography-letter-spacing-minus-half: -0.0313rem;
150
- --g-typography-letter-spacing-half: 0.0313rem;
109
+ --g-typography-letter-spacing-none: 0rem;
110
+ --g-typography-letter-spacing-sm: 0.0313rem;
111
+ --g-typography-letter-spacing-lg: 0.125rem;
112
+ --g-typography-letter-spacing-neg-sm: -0.0313rem;
113
+ --g-typography-letter-spacing-neg-md: -0.0625rem;
114
+ --g-typography-letter-spacing-neg-lg: -0.0938rem;
115
+ --g-typography-letter-spacing-neg-xl: -0.125rem;
151
116
  --g-typography-text-transform-none: none;
152
117
  --g-typography-text-transform-uppercase: uppercase;
153
- --g-theme-typography-display-default: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
154
- --g-theme-typography-display-sm: 900 6.25rem/6.875rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
155
- --g-theme-typography-headline-lg: 900 3rem/3.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
156
- --g-theme-typography-headline-default: 900 2.5rem/3rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
157
- --g-theme-typography-headline-sm: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
158
- --g-theme-typography-title-lg: 900 2rem/2.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
159
- --g-theme-typography-title-default: 900 1.75rem/2.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
160
- --g-theme-typography-title-sm: 900 1.5rem/2rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
161
- --g-theme-typography-label-lg: 600 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
162
- --g-theme-typography-label-default: 600 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
163
- --g-theme-typography-label-sm: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
164
- --g-theme-typography-body-lg: 400 1.25rem/1.75rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
165
- --g-theme-typography-body-default: 500 1rem/1.5rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
166
- --g-theme-typography-body-sm: 500 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
167
- --g-theme-typography-meta-default: 600 0.875rem/1.25rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
168
- --g-theme-typography-meta-sm: 600 0.75rem/1rem Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
118
+ --g-typography-font-family-system: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
119
+ --g-typography-font-family-greycliff: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
120
+ --g-typography-font-size-xs: 0.75rem;
121
+ --g-typography-font-size-sm: 0.875rem;
122
+ --g-typography-font-size-md: 1rem;
123
+ --g-typography-font-size-lg: 1.125rem;
124
+ --g-typography-font-size-xl: 1.25rem;
125
+ --g-typography-font-size-2xl: 1.5rem;
126
+ --g-typography-font-size-3xl: 1.75rem;
127
+ --g-typography-font-size-4xl: 2rem;
128
+ --g-typography-font-size-5xl: 2.5rem;
129
+ --g-typography-font-size-6xl: 3rem;
130
+ --g-typography-font-size-7xl: 3.5rem;
131
+ --g-typography-font-size-8xl: 4rem;
132
+ --g-typography-font-size-display: 6.25rem;
133
+ --g-z-index-0: 0;
134
+ --g-z-index-100: 100;
135
+ --g-z-index-200: 200;
136
+ --g-z-index-300: 300;
137
+ --g-z-index-400: 400;
138
+ --g-z-index-500: 500;
139
+ --g-z-index-top: 99999;
140
+ --g-z-index-bottom: -100;
141
+ --g-theme-typography-h1: 900 6.25rem/1.1 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
142
+ --g-theme-typography-h2: 900 3rem/1.17 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
143
+ --g-theme-typography-h3: 900 2.5rem/1.2 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
144
+ --g-theme-typography-h4: 900 2rem/1.25 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
145
+ --g-theme-typography-h5: 900 1.75rem/1.29 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
146
+ --g-theme-typography-h6: 900 1.5rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
147
+ --g-theme-typography-body-lg: 400 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
148
+ --g-theme-typography-body: 500 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
149
+ --g-theme-typography-body-sm: 500 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
150
+ --g-theme-typography-label-lg: 600 1.25rem/1.4 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
151
+ --g-theme-typography-label: 600 1rem/1.5 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
152
+ --g-theme-typography-label-sm: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
153
+ --g-theme-typography-meta: 600 0.875rem/1.43 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
154
+ --g-theme-typography-meta-sm: 600 0.75rem/1.33 Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
155
+ --g-theme-animation-fade-quick: 100ms;
156
+ --g-theme-animation-fade-long: 400ms;
157
+ --g-theme-animation-move-quick: 200ms;
158
+ --g-theme-animation-move-long: 400ms;
159
+ --g-theme-animation-ease: ease-in-out;
160
+ --g-theme-border-width-sm: 0.0625rem;
161
+ --g-theme-border-width-md: 0.125rem;
162
+ --g-theme-border-width-lg: 0.25rem;
163
+ --g-theme-border-radius-sm: 0.125rem;
164
+ --g-theme-border-radius-md: 0.5rem;
165
+ --g-theme-border-radius-lg: 1rem;
169
166
  --g-theme-color-background-default: oklch(100% 0 0);
170
167
  --g-theme-color-background-default-hover: oklch(80% 0 0);
171
168
  --g-theme-color-background-subtle: oklch(95% 0 0);
@@ -210,17 +207,6 @@
210
207
  --g-theme-color-content-utility-warning: oklch(78.68% 0.162 96.43);
211
208
  --g-theme-color-content-utility-success: oklch(65.44% 0.1981 141.12);
212
209
  --g-theme-color-content-utility-info: oklch(68.89% 0.125872 220.4932);
213
- --g-theme-animation-fade-quick: 100ms;
214
- --g-theme-animation-fade-long: 400ms;
215
- --g-theme-animation-move-quick: 200ms;
216
- --g-theme-animation-move-long: 400ms;
217
- --g-theme-animation-ease: ease-in-out;
218
- --g-theme-border-radius-sm: 0.125rem;
219
- --g-theme-border-radius-md: 0.5rem;
220
- --g-theme-border-radius-lg: 1rem;
221
- --g-theme-border-width-sm: 0.0625rem;
222
- --g-theme-border-width-md: 0.125rem;
223
- --g-theme-border-width-lg: 0.25rem;
224
210
  --g-theme-spacing-xs: 0.25rem;
225
211
  --g-theme-spacing-sm: 0.5rem;
226
212
  --g-theme-spacing-md: 1rem;
@@ -228,81 +214,71 @@
228
214
  --g-theme-spacing-xl: 2rem;
229
215
  --g-theme-spacing-2xl: 3rem;
230
216
  --g-theme-spacing-3xl: 4rem;
231
- --g-theme-typography-display-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
232
- --g-theme-typography-display-default-font-weight: 900;
233
- --g-theme-typography-display-default-font-size: 6.25rem;
234
- --g-theme-typography-display-default-line-height: 1.10;
235
- --g-theme-typography-display-default-letter-spacing: 0rem;
236
- --g-theme-typography-display-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
237
- --g-theme-typography-display-sm-font-weight: 900;
238
- --g-theme-typography-display-sm-font-size: 6.25rem;
239
- --g-theme-typography-display-sm-line-height: 1.10;
240
- --g-theme-typography-display-sm-letter-spacing: 0rem;
241
- --g-theme-typography-headline-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
242
- --g-theme-typography-headline-lg-font-weight: 900;
243
- --g-theme-typography-headline-lg-font-size: 3rem;
244
- --g-theme-typography-headline-lg-line-height: 1.17;
245
- --g-theme-typography-headline-lg-letter-spacing: 0.0313rem;
246
- --g-theme-typography-headline-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
247
- --g-theme-typography-headline-default-font-weight: 900;
248
- --g-theme-typography-headline-default-font-size: 2.5rem;
249
- --g-theme-typography-headline-default-line-height: 1.20;
250
- --g-theme-typography-headline-default-letter-spacing: 0.0313rem;
251
- --g-theme-typography-headline-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
252
- --g-theme-typography-headline-sm-font-weight: 900;
253
- --g-theme-typography-headline-sm-font-size: 2rem;
254
- --g-theme-typography-headline-sm-line-height: 1.25;
255
- --g-theme-typography-headline-sm-letter-spacing: 0.0313rem;
256
- --g-theme-typography-title-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
257
- --g-theme-typography-title-lg-font-weight: 900;
258
- --g-theme-typography-title-lg-font-size: 2rem;
259
- --g-theme-typography-title-lg-line-height: 1.25;
260
- --g-theme-typography-title-lg-letter-spacing: 0.0313rem;
261
- --g-theme-typography-title-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
262
- --g-theme-typography-title-default-font-weight: 900;
263
- --g-theme-typography-title-default-font-size: 1.75rem;
264
- --g-theme-typography-title-default-line-height: 1.29;
265
- --g-theme-typography-title-default-letter-spacing: 0.0313rem;
266
- --g-theme-typography-title-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
267
- --g-theme-typography-title-sm-font-weight: 900;
268
- --g-theme-typography-title-sm-font-size: 1.5rem;
269
- --g-theme-typography-title-sm-line-height: 1.33;
270
- --g-theme-typography-title-sm-letter-spacing: 0.0313rem;
271
- --g-theme-typography-label-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
272
- --g-theme-typography-label-lg-font-weight: 600;
273
- --g-theme-typography-label-lg-font-size: 1.25rem;
274
- --g-theme-typography-label-lg-line-height: 1.40;
275
- --g-theme-typography-label-lg-letter-spacing: 0rem;
276
- --g-theme-typography-label-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
277
- --g-theme-typography-label-default-font-weight: 600;
278
- --g-theme-typography-label-default-font-size: 1rem;
279
- --g-theme-typography-label-default-line-height: 1.50;
280
- --g-theme-typography-label-default-letter-spacing: 0rem;
281
- --g-theme-typography-label-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
282
- --g-theme-typography-label-sm-font-weight: 600;
283
- --g-theme-typography-label-sm-font-size: 0.875rem;
284
- --g-theme-typography-label-sm-line-height: 1.43;
285
- --g-theme-typography-label-sm-letter-spacing: 0rem;
217
+ --g-theme-typography-h1-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
218
+ --g-theme-typography-h1-font-weight: 900;
219
+ --g-theme-typography-h1-font-size: 6.25rem;
220
+ --g-theme-typography-h1-line-height: 1.1;
221
+ --g-theme-typography-h1-letter-spacing: 0rem;
222
+ --g-theme-typography-h2-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
223
+ --g-theme-typography-h2-font-weight: 900;
224
+ --g-theme-typography-h2-font-size: 3rem;
225
+ --g-theme-typography-h2-line-height: 1.17;
226
+ --g-theme-typography-h2-letter-spacing: 0.0313rem;
227
+ --g-theme-typography-h3-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
228
+ --g-theme-typography-h3-font-weight: 900;
229
+ --g-theme-typography-h3-font-size: 2.5rem;
230
+ --g-theme-typography-h3-line-height: 1.2;
231
+ --g-theme-typography-h3-letter-spacing: 0.0313rem;
232
+ --g-theme-typography-h4-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
233
+ --g-theme-typography-h4-font-weight: 900;
234
+ --g-theme-typography-h4-font-size: 2rem;
235
+ --g-theme-typography-h4-line-height: 1.25;
236
+ --g-theme-typography-h4-letter-spacing: 0.0313rem;
237
+ --g-theme-typography-h5-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
238
+ --g-theme-typography-h5-font-weight: 900;
239
+ --g-theme-typography-h5-font-size: 1.75rem;
240
+ --g-theme-typography-h5-line-height: 1.29;
241
+ --g-theme-typography-h5-letter-spacing: 0.0313rem;
242
+ --g-theme-typography-h6-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
243
+ --g-theme-typography-h6-font-weight: 900;
244
+ --g-theme-typography-h6-font-size: 1.5rem;
245
+ --g-theme-typography-h6-line-height: 1.33;
246
+ --g-theme-typography-h6-letter-spacing: 0.0313rem;
286
247
  --g-theme-typography-body-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
287
248
  --g-theme-typography-body-lg-font-weight: 400;
288
249
  --g-theme-typography-body-lg-font-size: 1.25rem;
289
- --g-theme-typography-body-lg-line-height: 1.40;
250
+ --g-theme-typography-body-lg-line-height: 1.4;
290
251
  --g-theme-typography-body-lg-letter-spacing: 0rem;
291
- --g-theme-typography-body-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
292
- --g-theme-typography-body-default-font-weight: 500;
293
- --g-theme-typography-body-default-font-size: 1rem;
294
- --g-theme-typography-body-default-line-height: 1.50;
295
- --g-theme-typography-body-default-letter-spacing: 0rem;
252
+ --g-theme-typography-body-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
253
+ --g-theme-typography-body-font-weight: 500;
254
+ --g-theme-typography-body-font-size: 1rem;
255
+ --g-theme-typography-body-line-height: 1.5;
256
+ --g-theme-typography-body-letter-spacing: 0rem;
296
257
  --g-theme-typography-body-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
297
258
  --g-theme-typography-body-sm-font-weight: 500;
298
259
  --g-theme-typography-body-sm-font-size: 0.875rem;
299
260
  --g-theme-typography-body-sm-line-height: 1.43;
300
261
  --g-theme-typography-body-sm-letter-spacing: 0rem;
301
- --g-theme-typography-meta-default-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
302
- --g-theme-typography-meta-default-font-weight: 600;
303
- --g-theme-typography-meta-default-font-size: 0.875rem;
304
- --g-theme-typography-meta-default-line-height: 1.43;
305
- --g-theme-typography-meta-default-letter-spacing: 0.125rem;
262
+ --g-theme-typography-label-lg-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
263
+ --g-theme-typography-label-lg-font-weight: 600;
264
+ --g-theme-typography-label-lg-font-size: 1.25rem;
265
+ --g-theme-typography-label-lg-line-height: 1.4;
266
+ --g-theme-typography-label-lg-letter-spacing: 0rem;
267
+ --g-theme-typography-label-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
268
+ --g-theme-typography-label-font-weight: 600;
269
+ --g-theme-typography-label-font-size: 1rem;
270
+ --g-theme-typography-label-line-height: 1.5;
271
+ --g-theme-typography-label-letter-spacing: 0rem;
272
+ --g-theme-typography-label-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
273
+ --g-theme-typography-label-sm-font-weight: 600;
274
+ --g-theme-typography-label-sm-font-size: 0.875rem;
275
+ --g-theme-typography-label-sm-line-height: 1.43;
276
+ --g-theme-typography-label-sm-letter-spacing: 0rem;
277
+ --g-theme-typography-meta-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
278
+ --g-theme-typography-meta-font-weight: 600;
279
+ --g-theme-typography-meta-font-size: 0.875rem;
280
+ --g-theme-typography-meta-line-height: 1.43;
281
+ --g-theme-typography-meta-letter-spacing: 0.125rem;
306
282
  --g-theme-typography-meta-sm-font-family: Greycliff, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
307
283
  --g-theme-typography-meta-sm-font-weight: 600;
308
284
  --g-theme-typography-meta-sm-font-size: 0.75rem;