@fastwork/xosmoz-theme 0.0.15 → 0.0.18

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 (15) hide show
  1. package/README.md +25 -27
  2. package/dist/base.css +205 -1
  3. package/dist/index.d.mts +1 -0
  4. package/dist/index.d.ts +1 -0
  5. package/dist/index.js +42 -0
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +42 -0
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/themes/dark.css +11 -0
  10. package/dist/themes/light.css +11 -0
  11. package/dist/themes.css +22 -0
  12. package/package.json +55 -57
  13. package/dist/semantic.css +0 -51
  14. package/dist/variables.css +0 -332
  15. package/dist/xosmoz.css +0 -419
package/dist/xosmoz.css DELETED
@@ -1,419 +0,0 @@
1
- /**
2
- * Xosmoz Design System - Complete CSS Bundle
3
- * Generated from design tokens
4
- *
5
- * This file includes:
6
- * - All design token CSS variables
7
- * - Semantic color variables (light/dark mode)
8
- * - Base styles and resets
9
- */
10
-
11
- :root {
12
- --xz-color-bg-100: oklch(1.00 0.00 260);
13
- --xz-color-bg-200: oklch(0.98 0.005 260);
14
- --xz-color-bg-300: oklch(0.95 0.01 260);
15
- --xz-color-bg-400: oklch(0.92 0.01 260);
16
- --xz-color-content-100: oklch(21% 0.006 285.885);
17
- --xz-color-content-200: color-mix(in oklab, var(--xz-color-content-100) 60%, transparent);
18
- --xz-color-line-100: oklch(0 0 0 / 0.1);
19
- --xz-color-line-200: oklch(0 0 0 / 0.2);
20
- --xz-color-line-300: oklch(0 0 0 / 0.3);
21
- --xz-color-primary-soft: [object Object];
22
- --xz-color-primary-line: [object Object];
23
- --xz-color-primary-bg: [object Object];
24
- --xz-color-primary-content: [object Object];
25
- --xz-color-primary-fg: oklch(1 0 0);
26
- --xz-color-danger-soft: [object Object];
27
- --xz-color-danger-line: [object Object];
28
- --xz-color-danger-bg: [object Object];
29
- --xz-color-danger-content: [object Object];
30
- --xz-color-danger-fg: oklch(1 0 0);
31
- --xz-color-success-soft: [object Object];
32
- --xz-color-success-line: [object Object];
33
- --xz-color-success-bg: [object Object];
34
- --xz-color-success-content: [object Object];
35
- --xz-color-success-fg: oklch(1 0 0);
36
- --xz-color-warning-soft: [object Object];
37
- --xz-color-warning-line: [object Object];
38
- --xz-color-warning-bg: [object Object];
39
- --xz-color-warning-content: [object Object];
40
- --xz-color-warning-fg: oklch(1 0 0);
41
- --xz-color-info-soft: [object Object];
42
- --xz-color-info-line: [object Object];
43
- --xz-color-info-bg: [object Object];
44
- --xz-color-info-content: [object Object];
45
- --xz-color-info-fg: oklch(1 0 0);
46
- --xz-color-fastwork-100: oklch(0.96 .0223 260);
47
- --xz-color-fastwork-200: oklch(0.94 .0299 260);
48
- --xz-color-fastwork-300: oklch(0.92 .0369 260);
49
- --xz-color-fastwork-400: oklch(0.90 .0471 260);
50
- --xz-color-fastwork-500: oklch(0.84 .1018 260);
51
- --xz-color-fastwork-600: oklch(0.72 .1881 260);
52
- --xz-color-fastwork-700: oklch(0.58 .2524 260);
53
- --xz-color-fastwork-800: oklch(0.54 .2482 260);
54
- --xz-color-fastwork-900: oklch(0.54 .2320 260);
55
- --xz-color-fastwork-1000: oklch(0.28 .1041 260);
56
- --xz-color-gray-100: oklch(0.96 0.005 260);
57
- --xz-color-gray-200: oklch(0.94 0.005 260);
58
- --xz-color-gray-300: oklch(0.92 0.005 260);
59
- --xz-color-gray-400: oklch(0.90 0.005 260);
60
- --xz-color-gray-500: oklch(0.84 0.005 260);
61
- --xz-color-gray-600: oklch(0.72 0.005 260);
62
- --xz-color-gray-700: oklch(0.62 0.005 260);
63
- --xz-color-gray-800: oklch(0.58 0.005 260);
64
- --xz-color-gray-900: oklch(0.54 0.005 260);
65
- --xz-color-gray-1000: oklch(0.28 0.005 260);
66
- --xz-color-green-100: oklch(0.96 .0223 143);
67
- --xz-color-green-200: oklch(0.94 .0299 143);
68
- --xz-color-green-300: oklch(0.92 .0369 143);
69
- --xz-color-green-400: oklch(0.90 .0471 143);
70
- --xz-color-green-500: oklch(0.84 .1018 143);
71
- --xz-color-green-600: oklch(0.72 .1881 143);
72
- --xz-color-green-700: oklch(0.62 .2524 143);
73
- --xz-color-green-800: oklch(0.58 .2482 143);
74
- --xz-color-green-900: oklch(0.54 .2320 143);
75
- --xz-color-green-1000: oklch(0.28 .1041 143);
76
- --xz-color-mint-100: oklch(0.96 .0223 163);
77
- --xz-color-mint-200: oklch(0.94 .0299 163);
78
- --xz-color-mint-300: oklch(0.92 .0369 163);
79
- --xz-color-mint-400: oklch(0.90 .0471 163);
80
- --xz-color-mint-500: oklch(0.84 .1018 163);
81
- --xz-color-mint-600: oklch(0.72 .1881 163);
82
- --xz-color-mint-700: oklch(0.62 .2524 163);
83
- --xz-color-mint-800: oklch(0.58 .2482 163);
84
- --xz-color-mint-900: oklch(0.54 .2320 163);
85
- --xz-color-mint-1000: oklch(0.28 .1041 163);
86
- --xz-color-amber-100: oklch(0.96 .0223 79);
87
- --xz-color-amber-200: oklch(0.94 .0299 79);
88
- --xz-color-amber-300: oklch(0.92 .0369 79);
89
- --xz-color-amber-400: oklch(0.90 .0471 79);
90
- --xz-color-amber-500: oklch(0.84 .1018 79);
91
- --xz-color-amber-600: oklch(0.72 .1881 79);
92
- --xz-color-amber-700: oklch(0.62 .2524 79);
93
- --xz-color-amber-800: oklch(0.58 .2482 79);
94
- --xz-color-amber-900: oklch(0.54 .2320 79);
95
- --xz-color-amber-1000: oklch(0.28 .1041 79);
96
- --xz-color-red-100: oklch(0.96 .0223 30);
97
- --xz-color-red-200: oklch(0.94 .0299 30);
98
- --xz-color-red-300: oklch(0.92 .0369 30);
99
- --xz-color-red-400: oklch(0.90 .0471 30);
100
- --xz-color-red-500: oklch(0.84 .1018 30);
101
- --xz-color-red-600: oklch(0.72 .1881 30);
102
- --xz-color-red-700: oklch(0.62 .2524 30);
103
- --xz-color-red-800: oklch(0.58 .2482 30);
104
- --xz-color-red-900: oklch(0.54 .2320 30);
105
- --xz-color-red-1000: oklch(0.28 .1041 30);
106
- --xz-color-orange-100: oklch(0.96 .0223 48);
107
- --xz-color-orange-200: oklch(0.94 .0299 48);
108
- --xz-color-orange-300: oklch(0.92 .0369 48);
109
- --xz-color-orange-400: oklch(0.90 .0471 48);
110
- --xz-color-orange-500: oklch(0.84 .1018 48);
111
- --xz-color-orange-600: oklch(0.72 .1881 48);
112
- --xz-color-orange-700: oklch(0.62 .2524 48);
113
- --xz-color-orange-800: oklch(0.58 .2482 48);
114
- --xz-color-orange-900: oklch(0.54 .2320 48);
115
- --xz-color-orange-1000: oklch(0.28 .1041 48);
116
- --xz-color-purple-100: oklch(0.96 .0223 293);
117
- --xz-color-purple-200: oklch(0.94 .0299 293);
118
- --xz-color-purple-300: oklch(0.92 .0369 293);
119
- --xz-color-purple-400: oklch(0.90 .0471 293);
120
- --xz-color-purple-500: oklch(0.84 .1018 293);
121
- --xz-color-purple-600: oklch(0.72 .1881 293);
122
- --xz-color-purple-700: oklch(0.62 .2524 293);
123
- --xz-color-purple-800: oklch(0.58 .2482 293);
124
- --xz-color-purple-900: oklch(0.54 .2320 293);
125
- --xz-color-purple-1000: oklch(0.28 .1041 293);
126
- --xz-color-cyan-100: oklch(0.96 .0223 213);
127
- --xz-color-cyan-200: oklch(0.94 .0299 213);
128
- --xz-color-cyan-300: oklch(0.92 .0369 213);
129
- --xz-color-cyan-400: oklch(0.90 .0471 213);
130
- --xz-color-cyan-500: oklch(0.84 .1018 213);
131
- --xz-color-cyan-600: oklch(0.72 .1881 213);
132
- --xz-color-cyan-700: oklch(0.62 .2524 213);
133
- --xz-color-cyan-800: oklch(0.58 .2482 213);
134
- --xz-color-cyan-900: oklch(0.54 .2320 213);
135
- --xz-color-cyan-1000: oklch(0.28 .1041 213);
136
- --xz-color-blackAlpha-100: oklch(0 0 0 / 0.1);
137
- --xz-color-blackAlpha-200: oklch(0 0 0 / 0.2);
138
- --xz-color-blackAlpha-300: oklch(0 0 0 / 0.3);
139
- --xz-color-blackAlpha-400: oklch(0 0 0 / 0.4);
140
- --xz-color-blackAlpha-500: oklch(0 0 0 / 0.5);
141
- --xz-color-blackAlpha-600: oklch(0 0 0 / 0.6);
142
- --xz-color-blackAlpha-700: oklch(0 0 0 / 0.7);
143
- --xz-color-blackAlpha-800: oklch(0 0 0 / 0.8);
144
- --xz-color-blackAlpha-900: oklch(0 0 0 / 0.9);
145
- --xz-color-blackAlpha-1000: oklch(0 0 0 / 1);
146
- --xz-color-whiteAlpha-100: oklch(1 0 0 / 0.1);
147
- --xz-color-whiteAlpha-200: oklch(1 0 0 / 0.2);
148
- --xz-color-whiteAlpha-300: oklch(1 0 0 / 0.3);
149
- --xz-color-whiteAlpha-400: oklch(1 0 0 / 0.4);
150
- --xz-color-whiteAlpha-500: oklch(1 0 0 / 0.5);
151
- --xz-color-whiteAlpha-600: oklch(1 0 0 / 0.6);
152
- --xz-color-whiteAlpha-700: oklch(1 0 0 / 0.7);
153
- --xz-color-whiteAlpha-800: oklch(1 0 0 / 0.8);
154
- --xz-color-whiteAlpha-900: oklch(1 0 0 / 0.9);
155
- --xz-color-whiteAlpha-1000: oklch(1 0 0 / 1);
156
-
157
- --xz-font-size-50: 0.5rem;
158
- --xz-font-size-100: 0.625rem;
159
- --xz-font-size-200: 0.75rem;
160
- --xz-font-size-300: 0.875rem;
161
- --xz-font-size-400: 1rem;
162
- --xz-font-size-500: 1.125rem;
163
- --xz-font-size-600: 1.25rem;
164
- --xz-font-size-700: 1.5rem;
165
- --xz-font-size-800: 1.625rem;
166
- --xz-font-size-900: 2rem;
167
- --xz-font-size-1000: 2.375rem;
168
- --xz-font-size-1100: 2.5rem;
169
- --xz-font-size-1200: 2.6875rem;
170
- --xz-font-size-1300: 3rem;
171
- --xz-font-size-1400: 3.5rem;
172
- --xz-font-size-1500: 4rem;
173
- --xz-font-size-1600: 4.5rem;
174
-
175
- --xz-font-weight-100: 100;
176
- --xz-font-weight-200: 200;
177
- --xz-font-weight-300: 300;
178
- --xz-font-weight-400: 400;
179
- --xz-font-weight-500: 500;
180
- --xz-font-weight-600: 600;
181
- --xz-font-weight-700: 700;
182
- --xz-font-weight-800: 800;
183
- --xz-font-weight-900: 900;
184
-
185
- --xz-font-family-primary: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
186
- --xz-font-family-secondary: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
187
-
188
- --xz-line-height-100pct: 1;
189
- --xz-line-height-125pct: 1.25;
190
- --xz-line-height-135pct: 1.35;
191
- --xz-line-height-150pct: 1.5;
192
- --xz-line-height-165pct: 1.65;
193
- --xz-line-height-200pct: 2;
194
-
195
- --xz-heading-h1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
196
- --xz-heading-h1-font-size: 4.5rem;
197
- --xz-heading-h1-font-weight: 700;
198
- --xz-heading-h2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
199
- --xz-heading-h2-font-size: 4rem;
200
- --xz-heading-h2-font-weight: 700;
201
- --xz-heading-h3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
202
- --xz-heading-h3-font-size: 3.5rem;
203
- --xz-heading-h3-font-weight: 700;
204
- --xz-heading-h4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
205
- --xz-heading-h4-font-size: 3rem;
206
- --xz-heading-h4-font-weight: 700;
207
- --xz-heading-h5-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
208
- --xz-heading-h5-font-size: 2.5rem;
209
- --xz-heading-h5-font-weight: 700;
210
- --xz-heading-h6-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
211
- --xz-heading-h6-font-size: 2rem;
212
- --xz-heading-h6-font-weight: 700;
213
-
214
- --xz-title-title1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
215
- --xz-title-title1-font-size: 1.5rem;
216
- --xz-title-title1-font-weight: 700;
217
- --xz-title-title2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
218
- --xz-title-title2-font-size: 1.25rem;
219
- --xz-title-title2-font-weight: 700;
220
- --xz-title-title3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
221
- --xz-title-title3-font-size: 1.125rem;
222
- --xz-title-title3-font-weight: 700;
223
- --xz-title-title4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
224
- --xz-title-title4-font-size: 1rem;
225
- --xz-title-title4-font-weight: 700;
226
-
227
- --xz-subtitle-subtitle1Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
228
- --xz-subtitle-subtitle1Bold-font-size: 1rem;
229
- --xz-subtitle-subtitle1Bold-font-weight: 700;
230
- --xz-subtitle-subtitle1Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
231
- --xz-subtitle-subtitle1Regular-font-size: 1rem;
232
- --xz-subtitle-subtitle1Regular-font-weight: 400;
233
- --xz-subtitle-subtitle2Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
234
- --xz-subtitle-subtitle2Bold-font-size: 0.875rem;
235
- --xz-subtitle-subtitle2Bold-font-weight: 700;
236
- --xz-subtitle-subtitle2Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
237
- --xz-subtitle-subtitle2Regular-font-size: 0.875rem;
238
- --xz-subtitle-subtitle2Regular-font-weight: 400;
239
- --xz-subtitle-subtitle3Bold-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
240
- --xz-subtitle-subtitle3Bold-font-size: 0.75rem;
241
- --xz-subtitle-subtitle3Bold-font-weight: 700;
242
- --xz-subtitle-subtitle3Regular-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
243
- --xz-subtitle-subtitle3Regular-font-size: 0.75rem;
244
- --xz-subtitle-subtitle3Regular-font-weight: 400;
245
-
246
- --xz-body-body1-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
247
- --xz-body-body1-font-size: 1rem;
248
- --xz-body-body1-font-weight: 400;
249
- --xz-body-body2-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
250
- --xz-body-body2-font-size: 0.875rem;
251
- --xz-body-body2-font-weight: 400;
252
- --xz-body-body3-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
253
- --xz-body-body3-font-size: 0.75rem;
254
- --xz-body-body3-font-weight: 400;
255
- --xz-body-body4-font-family: "Fastwork", "Noto Sans Thai", "Noto Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
256
- --xz-body-body4-font-size: 0.625rem;
257
- --xz-body-body4-font-weight: 400;
258
-
259
- --xz-spacing-0: 0;
260
- --xz-spacing-1: 0.25rem;
261
- --xz-spacing-2: 0.5rem;
262
- --xz-spacing-3: 0.75rem;
263
- --xz-spacing-4: 1rem;
264
- --xz-spacing-5: 1.25rem;
265
- --xz-spacing-6: 1.5rem;
266
- --xz-spacing-7: 1.75rem;
267
- --xz-spacing-8: 2rem;
268
- --xz-spacing-9: 2.25rem;
269
- --xz-spacing-10: 2.5rem;
270
- --xz-spacing-11: 2.75rem;
271
- --xz-spacing-12: 3rem;
272
- --xz-spacing-14: 3.5rem;
273
- --xz-spacing-16: 4rem;
274
- --xz-spacing-20: 5rem;
275
- --xz-spacing-24: 6rem;
276
- --xz-spacing-28: 7rem;
277
- --xz-spacing-32: 8rem;
278
- --xz-spacing-36: 9rem;
279
- --xz-spacing-40: 10rem;
280
- --xz-spacing-44: 11rem;
281
- --xz-spacing-48: 12rem;
282
- --xz-spacing-52: 13rem;
283
- --xz-spacing-56: 14rem;
284
- --xz-spacing-60: 15rem;
285
- --xz-spacing-64: 16rem;
286
- --xz-spacing-72: 18rem;
287
- --xz-spacing-80: 20rem;
288
- --xz-spacing-96: 24rem;
289
- --xz-spacing-px: 1px;
290
- --xz-spacing-0_5: 0.125rem;
291
- --xz-spacing-1_5: 0.375rem;
292
- --xz-spacing-2_5: 0.625rem;
293
- --xz-spacing-3_5: 0.875rem;
294
-
295
- --xz-radius-none: 0;
296
- --xz-radius-sm: 0.125rem;
297
- --xz-radius-base: 0.25rem;
298
- --xz-radius-md: 0.375rem;
299
- --xz-radius-lg: 0.5rem;
300
- --xz-radius-xl: 0.75rem;
301
- --xz-radius-2xl: 1rem;
302
- --xz-radius-3xl: 1.5rem;
303
- --xz-radius-full: 9999px;
304
-
305
- --xz-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
306
- --xz-shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
307
- --xz-shadow-base: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
308
- --xz-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
309
- --xz-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
310
- --xz-shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
311
- --xz-shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
312
- --xz-shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
313
- --xz-shadow-none: 0 0 #0000;
314
- }
315
-
316
- @media (max-width: 768px) {
317
- :root {
318
- --xz-heading-h1-font-size: 3rem;
319
- --xz-heading-h2-font-size: 2.6875rem;
320
- --xz-heading-h3-font-size: 2.375rem;
321
- --xz-heading-h4-font-size: 2rem;
322
- --xz-heading-h5-font-size: 1.625rem;
323
- --xz-heading-h6-font-size: 1.5rem;
324
-
325
- --xz-title-title1-font-size: 1.25rem;
326
- --xz-title-title2-font-size: 1.125rem;
327
- --xz-title-title3-font-size: 1rem;
328
- --xz-title-title4-font-size: 0.875rem;
329
-
330
- --xz-subtitle-subtitle1Bold-font-size: 0.875rem;
331
- --xz-subtitle-subtitle1Regular-font-size: 0.875rem;
332
- --xz-subtitle-subtitle2Bold-font-size: 0.75rem;
333
- --xz-subtitle-subtitle2Regular-font-size: 0.75rem;
334
- --xz-subtitle-subtitle3Bold-font-size: 0.625rem;
335
- --xz-subtitle-subtitle3Regular-font-size: 0.625rem;
336
-
337
- --xz-body-body1-font-size: 0.875rem;
338
- --xz-body-body2-font-size: 0.75rem;
339
- --xz-body-body3-font-size: 0.625rem;
340
- --xz-body-body4-font-size: 0.5rem;
341
- }
342
- }
343
-
344
- :root {
345
- /* Semantic colors - Light mode */
346
- --xz-background: var(--xz-color-neutral-50);
347
- --xz-foreground: var(--xz-color-neutral-900);
348
- --xz-muted: var(--xz-color-neutral-100);
349
- --xz-muted-foreground: var(--xz-color-neutral-600);
350
- --xz-border: var(--xz-color-neutral-200);
351
- --xz-input: var(--xz-color-neutral-200);
352
- --xz-ring: var(--xz-color-primary-500);
353
-
354
- /* Component colors */
355
- --xz-card: var(--xz-color-neutral-50);
356
- --xz-card-foreground: var(--xz-color-neutral-900);
357
- --xz-popover: var(--xz-color-neutral-50);
358
- --xz-popover-foreground: var(--xz-color-neutral-900);
359
-
360
- /* Button colors */
361
- --xz-primary: var(--xz-color-primary-500);
362
- --xz-primary-foreground: var(--xz-color-neutral-50);
363
- --xz-secondary: var(--xz-color-secondary-500);
364
- --xz-secondary-foreground: var(--xz-color-neutral-50);
365
- --xz-accent: var(--xz-color-accent-500);
366
- --xz-accent-foreground: var(--xz-color-neutral-50);
367
-
368
- /* Status colors */
369
- --xz-success: var(--xz-color-success-500);
370
- --xz-success-foreground: var(--xz-color-neutral-50);
371
- --xz-warning: var(--xz-color-warning-500);
372
- --xz-warning-foreground: var(--xz-color-neutral-50);
373
- --xz-error: var(--xz-color-error-500);
374
- --xz-error-foreground: var(--xz-color-neutral-50);
375
- --xz-info: var(--xz-color-info-500);
376
- --xz-info-foreground: var(--xz-color-neutral-50);
377
- }
378
-
379
- [data-theme="dark"] {
380
- /* Semantic colors - Dark mode */
381
- --xz-background: var(--xz-color-neutral-900);
382
- --xz-foreground: var(--xz-color-neutral-50);
383
- --xz-muted: var(--xz-color-neutral-900);
384
- --xz-muted-foreground: var(--xz-color-neutral-400);
385
- --xz-border: var(--xz-color-neutral-800);
386
- --xz-input: var(--xz-color-neutral-800);
387
- --xz-ring: var(--xz-color-primary-400);
388
-
389
- /* Component colors */
390
- --xz-card: var(--xz-color-neutral-900);
391
- --xz-card-foreground: var(--xz-color-neutral-50);
392
- --xz-popover: var(--xz-color-neutral-900);
393
- --xz-popover-foreground: var(--xz-color-neutral-50);
394
- }
395
-
396
- /* Xosmoz Base Styles */
397
-
398
- *,
399
- *::before,
400
- *::after {
401
- box-sizing: border-box;
402
- margin: 0;
403
- padding: 0;
404
- }
405
-
406
- html {
407
- -webkit-font-smoothing: antialiased;
408
- -moz-osx-font-smoothing: grayscale;
409
- text-rendering: optimizeLegibility;
410
- }
411
-
412
- body {
413
- font-family: var(--xz-font-family-primary);
414
- font-size: var(--xz-font-size-base);
415
- line-height: var(--xz-line-height-normal);
416
- color: var(--xz-color-content-100);
417
- background-color: var(--xz-color-bg-100);
418
- }
419
-