@fastwork/xosmoz-theme 0.2.0 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,8 @@
1
1
  [data-theme="light"] {
2
+ --xz-box-shadow-100: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
3
+ --xz-box-shadow-200: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
4
+ --xz-box-shadow-300: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
5
+ --xz-box-shadow-400: 0 8px 20px 0 rgba(0, 0, 0, 0.14);
2
6
  --xz-color-bg-100: oklch(0.17 0 0);
3
7
  --xz-color-surface-100: oklch(1.00 0.00 260);
4
8
  --xz-color-surface-200: oklch(0.98 0.005 260);
@@ -11,162 +15,162 @@
11
15
  --xz-color-line-100: oklch(0.95 0 1 / 0.95);
12
16
  --xz-color-line-200: oklch(0.92 0 1 / 0.95);
13
17
  --xz-color-line-300: oklch(0.89 0 1 / 0.95);
14
- --xz-color-primary-soft-100: oklch(0.96 .0223 260);
15
- --xz-color-primary-soft-200: oklch(0.94 .0299 260);
16
- --xz-color-primary-soft-300: oklch(0.92 .0369 260);
17
- --xz-color-primary-line-100: oklch(0.90 .0471 260);
18
- --xz-color-primary-line-200: oklch(0.84 .1018 260);
19
- --xz-color-primary-line-300: oklch(0.72 .1881 260);
20
- --xz-color-primary-bg-100: oklch(0.58 .2524 260);
21
- --xz-color-primary-bg-200: oklch(0.54 .2482 260);
18
+ --xz-color-primary-soft-100: oklch(0.949 0.024 259.824);
19
+ --xz-color-primary-soft-200: oklch(0.877 0.06 260.094);
20
+ --xz-color-primary-soft-300: oklch(0.804 0.099 260.318);
21
+ --xz-color-primary-line-100: oklch(0.73 0.14 260.759);
22
+ --xz-color-primary-line-200: oklch(0.658 0.182 260.738);
23
+ --xz-color-primary-line-300: oklch(0.57 0.237 260.608);
24
+ --xz-color-primary-bg-100: oklch(0.513 0.215 260.537);
25
+ --xz-color-primary-bg-200: oklch(0.439 0.184 260.453);
22
26
  --xz-color-primary-fg-100: oklch(1 0 0 / 0.95);
23
- --xz-color-primary-text-100: oklch(0.54 .2320 260);
24
- --xz-color-primary-text-200: oklch(0.28 .1041 260);
25
- --xz-color-danger-soft-100: oklch(0.96 .0223 30);
26
- --xz-color-danger-soft-200: oklch(0.94 .0299 30);
27
- --xz-color-danger-soft-300: oklch(0.92 .0369 30);
28
- --xz-color-danger-line-100: oklch(0.90 .0471 30);
29
- --xz-color-danger-line-200: oklch(0.84 .1018 30);
30
- --xz-color-danger-line-300: oklch(0.72 .1881 30);
31
- --xz-color-danger-bg-100: oklch(0.62 .2524 30);
32
- --xz-color-danger-bg-200: oklch(0.58 .2482 30);
27
+ --xz-color-primary-text-100: oklch(0.366 0.155 260.646);
28
+ --xz-color-primary-text-200: oklch(0.294 0.123 260.464);
29
+ --xz-color-danger-soft-100: oklch(0.951 0.025 29.928);
30
+ --xz-color-danger-soft-200: oklch(0.871 0.069 29.532);
31
+ --xz-color-danger-soft-300: oklch(0.792 0.121 30.553);
32
+ --xz-color-danger-line-100: oklch(0.713 0.181 30.096);
33
+ --xz-color-danger-line-200: oklch(0.664 0.224 29.949);
34
+ --xz-color-danger-line-300: oklch(0.613 0.233 30.062);
35
+ --xz-color-danger-bg-100: oklch(0.476 0.19 30.192);
36
+ --xz-color-danger-bg-200: oklch(0.397 0.159 30.103);
33
37
  --xz-color-danger-fg-100: oklch(1 0 0 / 0.95);
34
- --xz-color-danger-text-100: oklch(0.54 .2320 30);
35
- --xz-color-danger-text-200: oklch(0.28 .1041 30);
36
- --xz-color-success-soft-100: oklch(0.96 .0223 143);
37
- --xz-color-success-soft-200: oklch(0.94 .0299 143);
38
- --xz-color-success-soft-300: oklch(0.92 .0369 143);
39
- --xz-color-success-line-100: oklch(0.90 .0471 143);
40
- --xz-color-success-line-200: oklch(0.84 .1018 143);
41
- --xz-color-success-line-300: oklch(0.72 .1881 143);
42
- --xz-color-success-bg-100: oklch(0.62 .2524 143);
43
- --xz-color-success-bg-200: oklch(0.58 .2482 143);
38
+ --xz-color-danger-text-100: oklch(0.319 0.127 30.193);
39
+ --xz-color-danger-text-200: oklch(0.238 0.094 30.392);
40
+ --xz-color-success-soft-100: oklch(0.957 0.042 145.236);
41
+ --xz-color-success-soft-200: oklch(0.916 0.103 145.067);
42
+ --xz-color-success-soft-300: oklch(0.826 0.168 147.068);
43
+ --xz-color-success-line-100: oklch(0.779 0.216 145.325);
44
+ --xz-color-success-line-200: oklch(0.752 0.216 145.041);
45
+ --xz-color-success-line-300: oklch(0.703 0.223 143.945);
46
+ --xz-color-success-bg-100: oklch(0.625 0.199 143.925);
47
+ --xz-color-success-bg-200: oklch(0.563 0.178 143.887);
44
48
  --xz-color-success-fg-100: oklch(1 0 0 / 0.95);
45
- --xz-color-success-text-100: oklch(0.54 .2320 143);
46
- --xz-color-success-text-200: oklch(0.28 .1041 143);
47
- --xz-color-warning-soft-100: oklch(0.96 .0223 79);
48
- --xz-color-warning-soft-200: oklch(0.94 .0299 79);
49
- --xz-color-warning-soft-300: oklch(0.92 .0369 79);
50
- --xz-color-warning-line-100: oklch(0.90 .0471 79);
51
- --xz-color-warning-line-200: oklch(0.84 .1018 79);
52
- --xz-color-warning-line-300: oklch(0.72 .1881 79);
53
- --xz-color-warning-bg-100: oklch(0.62 .2524 79);
54
- --xz-color-warning-bg-200: oklch(0.58 .2482 79);
49
+ --xz-color-success-text-100: oklch(0.498 0.159 143.911);
50
+ --xz-color-success-text-200: oklch(0.432 0.137 143.885);
51
+ --xz-color-warning-soft-100: oklch(0.963 0.046 89.573);
52
+ --xz-color-warning-soft-200: oklch(0.944 0.069 89.143);
53
+ --xz-color-warning-soft-300: oklch(0.923 0.093 88.637);
54
+ --xz-color-warning-line-100: oklch(0.897 0.117 86.398);
55
+ --xz-color-warning-line-200: oklch(0.865 0.144 84.057);
56
+ --xz-color-warning-line-300: oklch(0.822 0.171 78.982);
57
+ --xz-color-warning-bg-100: oklch(0.736 0.163 66.263);
58
+ --xz-color-warning-bg-200: oklch(0.68 0.153 65.042);
55
59
  --xz-color-warning-fg-100: oklch(1 0 0 / 0.95);
56
- --xz-color-warning-text-100: oklch(0.54 .2320 79);
57
- --xz-color-warning-text-200: oklch(0.28 .1041 79);
58
- --xz-color-info-soft-100: oklch(0.96 .0223 213);
59
- --xz-color-info-soft-200: oklch(0.94 .0299 213);
60
- --xz-color-info-soft-300: oklch(0.92 .0369 213);
61
- --xz-color-info-line-100: oklch(0.90 .0471 213);
62
- --xz-color-info-line-200: oklch(0.84 .1018 213);
63
- --xz-color-info-line-300: oklch(0.72 .1881 213);
64
- --xz-color-info-bg-100: oklch(0.62 .2524 213);
65
- --xz-color-info-bg-200: oklch(0.58 .2482 213);
60
+ --xz-color-warning-text-100: oklch(0.536 0.119 66.22);
61
+ --xz-color-warning-text-200: oklch(0.389 0.084 71.694);
62
+ --xz-color-info-soft-100: oklch(0.96 0.019 225.715);
63
+ --xz-color-info-soft-200: oklch(0.93 0.062 210.064);
64
+ --xz-color-info-soft-300: oklch(0.902 0.082 210.306);
65
+ --xz-color-info-line-100: oklch(0.868 0.102 210.431);
66
+ --xz-color-info-line-200: oklch(0.824 0.125 210.044);
67
+ --xz-color-info-line-300: oklch(0.771 0.135 212.784);
68
+ --xz-color-info-bg-100: oklch(0.652 0.118 219.445);
69
+ --xz-color-info-bg-200: oklch(0.612 0.113 221.991);
66
70
  --xz-color-info-fg-100: oklch(1 0 0 / 0.95);
67
- --xz-color-info-text-100: oklch(0.54 .2320 213);
68
- --xz-color-info-text-200: oklch(0.28 .1041 213);
69
- --xz-color-neutral-soft-100: oklch(0.96 0.005 260);
70
- --xz-color-neutral-soft-200: oklch(0.94 0.005 260);
71
- --xz-color-neutral-soft-300: oklch(0.92 0.005 260);
72
- --xz-color-neutral-line-100: oklch(0.90 0.005 260);
73
- --xz-color-neutral-line-200: oklch(0.84 0.005 260);
74
- --xz-color-neutral-line-300: oklch(0.72 0.005 260);
75
- --xz-color-neutral-bg-100: oklch(0.62 0.005 260);
76
- --xz-color-neutral-bg-200: oklch(0.58 0.005 260);
71
+ --xz-color-info-text-100: oklch(0.489 0.091 222.248);
72
+ --xz-color-info-text-200: oklch(0.364 0.065 218.162);
73
+ --xz-color-neutral-soft-100: oklch(0.988 0.001 286.375);
74
+ --xz-color-neutral-soft-200: oklch(0.976 0.002 247.84);
75
+ --xz-color-neutral-soft-300: oklch(0.937 0.006 264.532);
76
+ --xz-color-neutral-line-100: oklch(0.887 0.011 261.788);
77
+ --xz-color-neutral-line-200: oklch(0.721 0.025 256.132);
78
+ --xz-color-neutral-line-300: oklch(0.66 0.032 259.575);
79
+ --xz-color-neutral-bg-100: oklch(0.599 0.038 257.866);
80
+ --xz-color-neutral-bg-200: oklch(0.436 0.028 258.368);
77
81
  --xz-color-neutral-fg-100: oklch(1 0 0);
78
- --xz-color-neutral-text-100: oklch(0.54 0.005 260);
79
- --xz-color-neutral-text-200: oklch(0.28 0.005 260);
80
- --xz-color-fastwork-100: oklch(0.96 .0223 260);
81
- --xz-color-fastwork-200: oklch(0.94 .0299 260);
82
- --xz-color-fastwork-300: oklch(0.92 .0369 260);
83
- --xz-color-fastwork-400: oklch(0.90 .0471 260);
84
- --xz-color-fastwork-500: oklch(0.84 .1018 260);
85
- --xz-color-fastwork-600: oklch(0.72 .1881 260);
86
- --xz-color-fastwork-700: oklch(0.58 .2524 260);
87
- --xz-color-fastwork-800: oklch(0.54 .2482 260);
88
- --xz-color-fastwork-900: oklch(0.54 .2320 260);
89
- --xz-color-fastwork-1000: oklch(0.28 .1041 260);
90
- --xz-color-gray-100: oklch(0.96 0.005 260);
91
- --xz-color-gray-200: oklch(0.94 0.005 260);
92
- --xz-color-gray-300: oklch(0.92 0.005 260);
93
- --xz-color-gray-400: oklch(0.90 0.005 260);
94
- --xz-color-gray-500: oklch(0.84 0.005 260);
95
- --xz-color-gray-600: oklch(0.72 0.005 260);
96
- --xz-color-gray-700: oklch(0.62 0.005 260);
97
- --xz-color-gray-800: oklch(0.58 0.005 260);
98
- --xz-color-gray-900: oklch(0.54 0.005 260);
99
- --xz-color-gray-1000: oklch(0.28 0.005 260);
100
- --xz-color-green-100: oklch(0.96 .0223 143);
101
- --xz-color-green-200: oklch(0.94 .0299 143);
102
- --xz-color-green-300: oklch(0.92 .0369 143);
103
- --xz-color-green-400: oklch(0.90 .0471 143);
104
- --xz-color-green-500: oklch(0.84 .1018 143);
105
- --xz-color-green-600: oklch(0.72 .1881 143);
106
- --xz-color-green-700: oklch(0.62 .2524 143);
107
- --xz-color-green-800: oklch(0.58 .2482 143);
108
- --xz-color-green-900: oklch(0.54 .2320 143);
109
- --xz-color-green-1000: oklch(0.28 .1041 143);
110
- --xz-color-mint-100: oklch(0.96 .0223 163);
111
- --xz-color-mint-200: oklch(0.94 .0299 163);
112
- --xz-color-mint-300: oklch(0.92 .0369 163);
113
- --xz-color-mint-400: oklch(0.90 .0471 163);
114
- --xz-color-mint-500: oklch(0.84 .1018 163);
115
- --xz-color-mint-600: oklch(0.72 .1881 163);
116
- --xz-color-mint-700: oklch(0.62 .2524 163);
117
- --xz-color-mint-800: oklch(0.58 .2482 163);
118
- --xz-color-mint-900: oklch(0.54 .2320 163);
119
- --xz-color-mint-1000: oklch(0.28 .1041 163);
120
- --xz-color-amber-100: oklch(0.96 .0223 79);
121
- --xz-color-amber-200: oklch(0.94 .0299 79);
122
- --xz-color-amber-300: oklch(0.92 .0369 79);
123
- --xz-color-amber-400: oklch(0.90 .0471 79);
124
- --xz-color-amber-500: oklch(0.84 .1018 79);
125
- --xz-color-amber-600: oklch(0.72 .1881 79);
126
- --xz-color-amber-700: oklch(0.62 .2524 79);
127
- --xz-color-amber-800: oklch(0.58 .2482 79);
128
- --xz-color-amber-900: oklch(0.54 .2320 79);
129
- --xz-color-amber-1000: oklch(0.28 .1041 79);
130
- --xz-color-red-100: oklch(0.96 .0223 30);
131
- --xz-color-red-200: oklch(0.94 .0299 30);
132
- --xz-color-red-300: oklch(0.92 .0369 30);
133
- --xz-color-red-400: oklch(0.90 .0471 30);
134
- --xz-color-red-500: oklch(0.84 .1018 30);
135
- --xz-color-red-600: oklch(0.72 .1881 30);
136
- --xz-color-red-700: oklch(0.62 .2524 30);
137
- --xz-color-red-800: oklch(0.58 .2482 30);
138
- --xz-color-red-900: oklch(0.54 .2320 30);
139
- --xz-color-red-1000: oklch(0.28 .1041 30);
140
- --xz-color-orange-100: oklch(0.96 .0223 48);
141
- --xz-color-orange-200: oklch(0.94 .0299 48);
142
- --xz-color-orange-300: oklch(0.92 .0369 48);
143
- --xz-color-orange-400: oklch(0.90 .0471 48);
144
- --xz-color-orange-500: oklch(0.84 .1018 48);
145
- --xz-color-orange-600: oklch(0.72 .1881 48);
146
- --xz-color-orange-700: oklch(0.62 .2524 48);
147
- --xz-color-orange-800: oklch(0.58 .2482 48);
148
- --xz-color-orange-900: oklch(0.54 .2320 48);
149
- --xz-color-orange-1000: oklch(0.28 .1041 48);
150
- --xz-color-purple-100: oklch(0.96 .0223 293);
151
- --xz-color-purple-200: oklch(0.94 .0299 293);
152
- --xz-color-purple-300: oklch(0.92 .0369 293);
153
- --xz-color-purple-400: oklch(0.90 .0471 293);
154
- --xz-color-purple-500: oklch(0.84 .1018 293);
155
- --xz-color-purple-600: oklch(0.72 .1881 293);
156
- --xz-color-purple-700: oklch(0.62 .2524 293);
157
- --xz-color-purple-800: oklch(0.58 .2482 293);
158
- --xz-color-purple-900: oklch(0.54 .2320 293);
159
- --xz-color-purple-1000: oklch(0.28 .1041 293);
160
- --xz-color-cyan-100: oklch(0.96 .0223 213);
161
- --xz-color-cyan-200: oklch(0.94 .0299 213);
162
- --xz-color-cyan-300: oklch(0.92 .0369 213);
163
- --xz-color-cyan-400: oklch(0.90 .0471 213);
164
- --xz-color-cyan-500: oklch(0.84 .1018 213);
165
- --xz-color-cyan-600: oklch(0.72 .1881 213);
166
- --xz-color-cyan-700: oklch(0.62 .2524 213);
167
- --xz-color-cyan-800: oklch(0.58 .2482 213);
168
- --xz-color-cyan-900: oklch(0.54 .2320 213);
169
- --xz-color-cyan-1000: oklch(0.28 .1041 213);
82
+ --xz-color-neutral-text-100: oklch(0.369 0.023 258.369);
83
+ --xz-color-neutral-text-200: oklch(0.312 0.02 260.638);
84
+ --xz-color-fastwork-100: oklch(0.949 0.024 259.824);
85
+ --xz-color-fastwork-200: oklch(0.877 0.06 260.094);
86
+ --xz-color-fastwork-300: oklch(0.804 0.099 260.318);
87
+ --xz-color-fastwork-400: oklch(0.73 0.14 260.759);
88
+ --xz-color-fastwork-500: oklch(0.658 0.182 260.738);
89
+ --xz-color-fastwork-600: oklch(0.57 0.237 260.608);
90
+ --xz-color-fastwork-700: oklch(0.513 0.215 260.537);
91
+ --xz-color-fastwork-800: oklch(0.439 0.184 260.453);
92
+ --xz-color-fastwork-900: oklch(0.366 0.155 260.646);
93
+ --xz-color-fastwork-1000: oklch(0.294 0.123 260.464);
94
+ --xz-color-gray-100: oklch(0.988 0.001 286.375);
95
+ --xz-color-gray-200: oklch(0.976 0.002 247.84);
96
+ --xz-color-gray-300: oklch(0.937 0.006 264.532);
97
+ --xz-color-gray-400: oklch(0.887 0.011 261.788);
98
+ --xz-color-gray-500: oklch(0.721 0.025 256.132);
99
+ --xz-color-gray-600: oklch(0.66 0.032 259.575);
100
+ --xz-color-gray-700: oklch(0.599 0.038 257.866);
101
+ --xz-color-gray-800: oklch(0.436 0.028 258.368);
102
+ --xz-color-gray-900: oklch(0.369 0.023 258.369);
103
+ --xz-color-gray-1000: oklch(0.312 0.02 260.638);
104
+ --xz-color-green-100: oklch(0.957 0.042 145.236);
105
+ --xz-color-green-200: oklch(0.916 0.103 145.067);
106
+ --xz-color-green-300: oklch(0.826 0.168 147.068);
107
+ --xz-color-green-400: oklch(0.779 0.216 145.325);
108
+ --xz-color-green-500: oklch(0.752 0.216 145.041);
109
+ --xz-color-green-600: oklch(0.703 0.223 143.945);
110
+ --xz-color-green-700: oklch(0.625 0.199 143.925);
111
+ --xz-color-green-800: oklch(0.563 0.178 143.887);
112
+ --xz-color-green-900: oklch(0.498 0.159 143.911);
113
+ --xz-color-green-1000: oklch(0.432 0.137 143.885);
114
+ --xz-color-mint-100: oklch(0.953 0.047 165.764);
115
+ --xz-color-mint-200: oklch(0.926 0.07 165.115);
116
+ --xz-color-mint-300: oklch(0.896 0.095 164.991);
117
+ --xz-color-mint-400: oklch(0.859 0.116 165.254);
118
+ --xz-color-mint-500: oklch(0.811 0.143 164.971);
119
+ --xz-color-mint-600: oklch(0.753 0.162 163.133);
120
+ --xz-color-mint-700: oklch(0.633 0.149 157.525);
121
+ --xz-color-mint-800: oklch(0.592 0.143 156.022);
122
+ --xz-color-mint-900: oklch(0.476 0.115 156.146);
123
+ --xz-color-mint-1000: oklch(0.354 0.083 157.861);
124
+ --xz-color-amber-100: oklch(0.963 0.046 89.573);
125
+ --xz-color-amber-200: oklch(0.944 0.069 89.143);
126
+ --xz-color-amber-300: oklch(0.923 0.093 88.637);
127
+ --xz-color-amber-400: oklch(0.897 0.117 86.398);
128
+ --xz-color-amber-500: oklch(0.865 0.144 84.057);
129
+ --xz-color-amber-600: oklch(0.822 0.171 78.982);
130
+ --xz-color-amber-700: oklch(0.736 0.163 66.263);
131
+ --xz-color-amber-800: oklch(0.68 0.153 65.042);
132
+ --xz-color-amber-900: oklch(0.536 0.119 66.22);
133
+ --xz-color-amber-1000: oklch(0.389 0.084 71.694);
134
+ --xz-color-red-100: oklch(0.951 0.025 29.928);
135
+ --xz-color-red-200: oklch(0.871 0.069 29.532);
136
+ --xz-color-red-300: oklch(0.792 0.121 30.553);
137
+ --xz-color-red-400: oklch(0.713 0.181 30.096);
138
+ --xz-color-red-500: oklch(0.664 0.224 29.949);
139
+ --xz-color-red-600: oklch(0.613 0.233 30.062);
140
+ --xz-color-red-700: oklch(0.476 0.19 30.192);
141
+ --xz-color-red-800: oklch(0.397 0.159 30.103);
142
+ --xz-color-red-900: oklch(0.319 0.127 30.193);
143
+ --xz-color-red-1000: oklch(0.238 0.094 30.392);
144
+ --xz-color-orange-100: oklch(0.955 0.032 68.942);
145
+ --xz-color-orange-200: oklch(0.924 0.056 69.629);
146
+ --xz-color-orange-300: oklch(0.896 0.075 67.276);
147
+ --xz-color-orange-400: oklch(0.856 0.103 64.79);
148
+ --xz-color-orange-500: oklch(0.811 0.133 60.885);
149
+ --xz-color-orange-600: oklch(0.735 0.175 53.769);
150
+ --xz-color-orange-700: oklch(0.671 0.176 50.602);
151
+ --xz-color-orange-800: oklch(0.629 0.174 47.137);
152
+ --xz-color-orange-900: oklch(0.507 0.139 47.663);
153
+ --xz-color-orange-1000: oklch(0.378 0.096 52.715);
154
+ --xz-color-purple-100: oklch(0.927 0.042 300.769);
155
+ --xz-color-purple-200: oklch(0.895 0.06 300.057);
156
+ --xz-color-purple-300: oklch(0.856 0.083 299.389);
157
+ --xz-color-purple-400: oklch(0.803 0.113 296.98);
158
+ --xz-color-purple-500: oklch(0.738 0.153 295.765);
159
+ --xz-color-purple-600: oklch(0.661 0.2 293.348);
160
+ --xz-color-purple-700: oklch(0.629 0.196 294.309);
161
+ --xz-color-purple-800: oklch(0.595 0.191 295.093);
162
+ --xz-color-purple-900: oklch(0.479 0.154 295.176);
163
+ --xz-color-purple-1000: oklch(0.358 0.101 294.608);
164
+ --xz-color-cyan-100: oklch(0.96 0.019 225.715);
165
+ --xz-color-cyan-200: oklch(0.93 0.062 210.064);
166
+ --xz-color-cyan-300: oklch(0.902 0.082 210.306);
167
+ --xz-color-cyan-400: oklch(0.868 0.102 210.431);
168
+ --xz-color-cyan-500: oklch(0.824 0.125 210.044);
169
+ --xz-color-cyan-600: oklch(0.771 0.135 212.784);
170
+ --xz-color-cyan-700: oklch(0.652 0.118 219.445);
171
+ --xz-color-cyan-800: oklch(0.612 0.113 221.991);
172
+ --xz-color-cyan-900: oklch(0.489 0.091 222.248);
173
+ --xz-color-cyan-1000: oklch(0.364 0.065 218.162);
170
174
  --xz-color-black-alpha-100: oklch(0 0 0 / 0.1);
171
175
  --xz-color-black-alpha-200: oklch(0 0 0 / 0.2);
172
176
  --xz-color-black-alpha-300: oklch(0 0 0 / 0.3);