@frame-kit/tokens 0.0.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 (9) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +44 -0
  3. package/base.css +986 -0
  4. package/dark.css +742 -0
  5. package/index.d.ts +806 -0
  6. package/index.js +806 -0
  7. package/package.json +32 -0
  8. package/scss/tokens.base.scss +1123 -0
  9. package/scss/tokens.dark.scss +856 -0
package/index.js ADDED
@@ -0,0 +1,806 @@
1
+ // Generated by tools/build.mjs — do not edit.
2
+ export const tokens = {
3
+ '--fk-color-primary': "#2563eb",
4
+ '--fk-color-primary-hover': "#1d4ed8",
5
+ '--fk-color-primary-active': "#1e40af",
6
+ '--fk-color-primary-light': "#eff6ff",
7
+ '--fk-color-primary-light-border': "#bfdbfe",
8
+ '--fk-color-primary-light-gradient': "#dbeafe",
9
+ '--fk-color-primary-subtle': "#eff6ff",
10
+ '--fk-color-accent-gradient': "#dbeafe",
11
+ '--fk-color-ghost-white': "#fdfdfd",
12
+ '--fk-color-surface': "#ffffff",
13
+ '--fk-color-surface-muted': "#f8fafc",
14
+ '--fk-color-surface-dim': "#f1f5f9",
15
+ '--fk-color-surface-dimmer': "#e2e8f0",
16
+ '--fk-color-surface-hover': "#f8fafc",
17
+ '--fk-color-surface-raised': "#ffffff",
18
+ '--fk-color-surface-overlay': "rgba(15, 23, 42, 0.5)",
19
+ '--fk-color-text': "#1e293b",
20
+ '--fk-color-text-strong': "#0f172a",
21
+ '--fk-color-text-muted': "#64748b",
22
+ '--fk-color-text-disabled': "#94a3b8",
23
+ '--fk-color-muted': "#64748b",
24
+ '--fk-color-muted-bg': "#f1f5f9",
25
+ '--fk-color-border': "#e2e8f0",
26
+ '--fk-color-border-light': "#f1f5f9",
27
+ '--fk-color-success': "#16a34a",
28
+ '--fk-color-success-subtle': "#f0fdf4",
29
+ '--fk-color-warning': "#d97706",
30
+ '--fk-color-warning-subtle': "#fffbeb",
31
+ '--fk-color-danger': "#dc2626",
32
+ '--fk-color-danger-light': "#fee2e2",
33
+ '--fk-color-danger-light-border': "#fecaca",
34
+ '--fk-color-danger-subtle': "#fef2f2",
35
+ '--fk-color-danger-surface': "#fee2e2",
36
+ '--fk-white': "#fff",
37
+ '--fk-black-50': "rgba(0, 0, 0, 0.5)",
38
+ '--fk-font-family-base': "'Inter', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,\n Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji'",
39
+ '--fk-font-family-mono': "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',\n 'Courier New', monospace",
40
+ '--fk-font-weight-normal': "400",
41
+ '--fk-font-weight-medium': "500",
42
+ '--fk-font-weight-semibold': "600",
43
+ '--fk-font-weight-bold': "700",
44
+ '--fk-font-size-body': "0.9375rem",
45
+ '--fk-line-height-body': "1.5",
46
+ '--fk-font-size-xs': "0.75rem",
47
+ '--fk-font-size-sm': "0.875rem",
48
+ '--fk-font-size-md': "1rem",
49
+ '--fk-font-size-lg': "1.125rem",
50
+ '--fk-font-size-xl': "1.25rem",
51
+ '--fk-space-2': "8px",
52
+ '--fk-space-3': "12px",
53
+ '--fk-radius-none': "0",
54
+ '--fk-radius-sm': "0.25rem",
55
+ '--fk-radius-md': "0.375rem",
56
+ '--fk-radius-lg': "0.75rem",
57
+ '--fk-radius-full': "9999px",
58
+ '--fk-overlay-brand': "rgba(37, 99, 235, 0.18)",
59
+ '--fk-focus-ring': "0 0 0 3px rgba(37, 99, 235, 0.18)",
60
+ '--fk-typography-subtitle-font-size': "var(--fk-typography-lead-font-size)",
61
+ '--fk-typography-heading-font-size': "1.5rem",
62
+ '--fk-typography-h1-font-size': "3.5rem",
63
+ '--fk-typography-h1-line-height': "1.05",
64
+ '--fk-typography-h1-font-weight': "var(--fk-font-weight-bold)",
65
+ '--fk-typography-h1-letter-spacing': "-0.02em",
66
+ '--fk-typography-h2-font-size': "2.25rem",
67
+ '--fk-typography-h2-line-height': "1.1",
68
+ '--fk-typography-h2-font-weight': "var(--fk-font-weight-bold)",
69
+ '--fk-typography-h2-letter-spacing': "-0.01em",
70
+ '--fk-typography-h3-font-size': "1.75rem",
71
+ '--fk-typography-h3-line-height': "1.2",
72
+ '--fk-typography-h3-font-weight': "var(--fk-font-weight-semibold)",
73
+ '--fk-typography-h3-letter-spacing': "0em",
74
+ '--fk-typography-h4-font-size': "1.25rem",
75
+ '--fk-typography-h4-line-height': "1.25",
76
+ '--fk-typography-h4-font-weight': "var(--fk-font-weight-semibold)",
77
+ '--fk-typography-h4-letter-spacing': "0em",
78
+ '--fk-typography-h5-font-size': "1rem",
79
+ '--fk-typography-h5-line-height': "1.3",
80
+ '--fk-typography-h5-font-weight': "var(--fk-font-weight-semibold)",
81
+ '--fk-typography-h5-letter-spacing': "0.01em",
82
+ '--fk-typography-h6-font-size': "0.875rem",
83
+ '--fk-typography-h6-line-height': "1.4",
84
+ '--fk-typography-h6-font-weight': "var(--fk-font-weight-semibold)",
85
+ '--fk-typography-h6-letter-spacing': "0.02em",
86
+ '--fk-typography-body-font-size': "0.9375rem",
87
+ '--fk-typography-body-font-weight': "var(--fk-font-weight-normal)",
88
+ '--fk-typography-body-line-height': "1.5",
89
+ '--fk-typography-body-letter-spacing': "0.01em",
90
+ '--fk-typography-lead-font-size': "1.125rem",
91
+ '--fk-typography-lead-font-weight': "var(--fk-font-weight-normal)",
92
+ '--fk-typography-lead-line-height': "1.4",
93
+ '--fk-typography-lead-letter-spacing': "0em",
94
+ '--fk-typography-small-font-size': "0.875rem",
95
+ '--fk-typography-small-font-weight': "var(--fk-font-weight-normal)",
96
+ '--fk-typography-small-line-height': "1.4",
97
+ '--fk-typography-small-letter-spacing': "0.01em",
98
+ '--fk-typography-caption-font-size': "0.75rem",
99
+ '--fk-typography-caption-font-weight': "var(--fk-font-weight-medium)",
100
+ '--fk-typography-caption-line-height': "1.3",
101
+ '--fk-typography-caption-letter-spacing': "0.02em",
102
+ '--fk-typography-label-font-size': "0.875rem",
103
+ '--fk-typography-label-font-weight': "var(--fk-font-weight-semibold)",
104
+ '--fk-typography-label-line-height': "1.25",
105
+ '--fk-typography-label-letter-spacing': "0.01em",
106
+ '--fk-typography-code-font-family': "ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas,\n 'Liberation Mono', monospace",
107
+ '--fk-typography-code-font-size': "0.875rem",
108
+ '--fk-typography-code-font-weight': "var(--fk-font-weight-normal)",
109
+ '--fk-typography-code-line-height': "1.45",
110
+ '--fk-typography-code-letter-spacing': "0em",
111
+ '--fk-typography-large-font-size': "1.125rem",
112
+ '--fk-typography-button-font-size': "1rem",
113
+ '--fk-typography-button-font-weight': "var(--fk-font-weight-normal)",
114
+ '--fk-typography-button-line-height': "1.5",
115
+ '--fk-typography-gutter-bottom': "1rem",
116
+ '--fk-rhythm-1': "0.25rem",
117
+ '--fk-rhythm-2': "0.5rem",
118
+ '--fk-rhythm-3': "0.75rem",
119
+ '--fk-rhythm-4': "1rem",
120
+ '--fk-rhythm-5': "1.25rem",
121
+ '--fk-rhythm-6': "1.5rem",
122
+ '--fk-rhythm-7': "1.75rem",
123
+ '--fk-rhythm-8': "2rem",
124
+ '--fk-rhythm-10': "2.5rem",
125
+ '--fk-rhythm-12': "3rem",
126
+ '--fk-rhythm-14': "3.5rem",
127
+ '--fk-rhythm-16': "4rem",
128
+ '--fk-text-color-default': "var(--fk-color-text)",
129
+ '--fk-text-color-muted': "var(--fk-color-muted)",
130
+ '--fk-text-color-subtle': "#9ca3af",
131
+ '--fk-text-color-danger': "var(--fk-color-danger)",
132
+ '--fk-text-color-success': "var(--fk-color-success)",
133
+ '--fk-text-margin-block-start': "var(--fk-rhythm-4)",
134
+ '--fk-text-margin-block-end': "0",
135
+ '--fk-link-color-default': "var(--fk-color-text)",
136
+ '--fk-link-color-default-hover': "var(--fk-color-primary)",
137
+ '--fk-link-color-muted': "var(--fk-color-muted)",
138
+ '--fk-link-color-muted-hover': "var(--fk-color-text)",
139
+ '--fk-link-color-primary': "var(--fk-color-primary)",
140
+ '--fk-link-color-primary-hover': "var(--fk-color-primary-hover)",
141
+ '--fk-link-color-primary-active': "var(--fk-color-primary-active)",
142
+ '--fk-link-color-danger': "var(--fk-color-danger)",
143
+ '--fk-link-color-danger-hover': "#b91c1c",
144
+ '--fk-link-color-disabled': "#9ca3af",
145
+ '--fk-link-font-size-small': "var(--fk-typography-small-font-size)",
146
+ '--fk-link-font-size-medium': "var(--fk-typography-body-font-size)",
147
+ '--fk-link-font-size-large': "var(--fk-typography-large-font-size)",
148
+ '--fk-link-line-height-small': "1.5",
149
+ '--fk-link-line-height-medium': "1.5",
150
+ '--fk-link-line-height-large': "1.5",
151
+ '--fk-link-opacity-disabled': "0.6",
152
+ '--fk-link-opacity-loading': "0.7",
153
+ '--fk-link-focus-radius': "2px",
154
+ '--fk-icon-size-xs': "0.75rem",
155
+ '--fk-icon-size-sm': "1rem",
156
+ '--fk-icon-size-md': "1.25rem",
157
+ '--fk-icon-size-lg': "1.5rem",
158
+ '--fk-icon-size-xl': "2rem",
159
+ '--fk-icon-color-default': "var(--fk-color-text)",
160
+ '--fk-icon-color-muted': "var(--fk-color-muted)",
161
+ '--fk-icon-color-primary': "var(--fk-color-primary)",
162
+ '--fk-icon-color-danger': "var(--fk-color-danger)",
163
+ '--fk-icon-color-success': "var(--fk-color-success)",
164
+ '--fk-card-bg': "var(--fk-color-surface)",
165
+ '--fk-card-border-color': "var(--fk-color-border)",
166
+ '--fk-card-border-radius': "var(--fk-radius-lg)",
167
+ '--fk-card-padding-sm': "var(--fk-rhythm-4)",
168
+ '--fk-card-padding-md': "var(--fk-rhythm-6)",
169
+ '--fk-card-padding-lg': "var(--fk-rhythm-8)",
170
+ '--fk-badge-height': "1.5rem",
171
+ '--fk-badge-border-radius': "999px",
172
+ '--fk-badge-padding-inline': "0.5rem",
173
+ '--fk-badge-font-size': "0.75rem",
174
+ '--fk-badge-font-weight': "var(--fk-font-weight-medium)",
175
+ '--fk-badge-default-bg': "#f3f4f6",
176
+ '--fk-badge-default-color': "#374151",
177
+ '--fk-badge-primary-bg': "var(--fk-color-primary-light, #dbeafe)",
178
+ '--fk-badge-primary-color': "var(--fk-color-primary-active, #1e40af)",
179
+ '--fk-badge-success-bg': "#dcfce7",
180
+ '--fk-badge-success-color': "#15803d",
181
+ '--fk-badge-warning-bg': "#fef3c7",
182
+ '--fk-badge-warning-color': "#92400e",
183
+ '--fk-badge-danger-bg': "#fee2e2",
184
+ '--fk-badge-danger-color': "#991b1b",
185
+ '--fk-toast-bg': "var(--fk-color-surface)",
186
+ '--fk-toast-border-color': "var(--fk-color-border)",
187
+ '--fk-toast-border-radius': "var(--fk-radius-lg)",
188
+ '--fk-toast-shadow': "0 4px 12px rgba(0, 0, 0, 0.1)",
189
+ '--fk-toast-padding': "var(--fk-rhythm-4)",
190
+ '--fk-toast-gap': "var(--fk-rhythm-3)",
191
+ '--fk-toast-icon-size': "1.25rem",
192
+ '--fk-toast-summary-font-size': "var(--fk-typography-body-font-size)",
193
+ '--fk-toast-summary-font-weight': "var(--fk-font-weight-semibold)",
194
+ '--fk-toast-summary-color': "var(--fk-color-text)",
195
+ '--fk-toast-detail-font-size': "var(--fk-typography-small-font-size)",
196
+ '--fk-toast-detail-color': "var(--fk-color-muted)",
197
+ '--fk-toast-success-accent': "var(--fk-color-success)",
198
+ '--fk-toast-success-color': "var(--fk-color-success)",
199
+ '--fk-toast-error-accent': "var(--fk-color-danger)",
200
+ '--fk-toast-error-color': "var(--fk-color-danger)",
201
+ '--fk-toast-warning-accent': "var(--fk-color-warning)",
202
+ '--fk-toast-warning-color': "var(--fk-color-warning)",
203
+ '--fk-toast-info-accent': "var(--fk-color-primary)",
204
+ '--fk-toast-info-color': "var(--fk-color-primary)",
205
+ '--fk-toast-dismiss-color': "var(--fk-color-muted)",
206
+ '--fk-toast-dismiss-hover-color': "var(--fk-color-text)",
207
+ '--fk-toast-container-z-index': "9500",
208
+ '--fk-toast-container-gap': "var(--fk-rhythm-3)",
209
+ '--fk-toast-container-padding': "var(--fk-rhythm-4)",
210
+ '--fk-toast-container-max-width': "24rem",
211
+ '--fk-loader-size-xs': "0.75rem",
212
+ '--fk-loader-size-sm': "1rem",
213
+ '--fk-loader-size-md': "1.25rem",
214
+ '--fk-loader-size-lg': "1.5rem",
215
+ '--fk-loader-size-xl': "2rem",
216
+ '--fk-loader-animation-duration': "0.8s",
217
+ '--fk-headline-color-default': "var(--fk-color-text)",
218
+ '--fk-headline-color-muted': "var(--fk-color-muted)",
219
+ '--fk-headline-margin-block-start': "var(--fk-rhythm-4)",
220
+ '--fk-headline-margin-block-end': "0",
221
+ '--fk-progress-bar-height-sm': "var(--fk-rhythm-1)",
222
+ '--fk-progress-bar-height-md': "var(--fk-rhythm-2)",
223
+ '--fk-progress-bar-height-lg': "var(--fk-rhythm-3)",
224
+ '--fk-progress-bar-radius': "var(--fk-radius-full)",
225
+ '--fk-progress-bar-bg': "var(--fk-color-surface-muted)",
226
+ '--fk-progress-bar-fill': "var(--fk-color-primary)",
227
+ '--fk-progress-bar-fill-success': "var(--fk-color-success)",
228
+ '--fk-progress-bar-fill-warning': "var(--fk-color-warning)",
229
+ '--fk-progress-bar-fill-danger': "var(--fk-color-danger)",
230
+ '--fk-progress-bar-label-color': "var(--fk-color-text)",
231
+ '--fk-segmented-bar-height-sm': "var(--fk-rhythm-1)",
232
+ '--fk-segmented-bar-height-md': "var(--fk-rhythm-2)",
233
+ '--fk-segmented-bar-height-lg': "var(--fk-rhythm-3)",
234
+ '--fk-segmented-bar-radius': "var(--fk-radius-full)",
235
+ '--fk-segmented-bar-bg': "var(--fk-color-surface-muted)",
236
+ '--fk-timeline-marker-size-sm': "1rem",
237
+ '--fk-timeline-marker-size-md': "1.5rem",
238
+ '--fk-timeline-marker-size-lg': "2rem",
239
+ '--fk-timeline-marker-bg': "var(--fk-color-surface)",
240
+ '--fk-timeline-marker-border-color': "var(--fk-color-border)",
241
+ '--fk-timeline-marker-active': "var(--fk-color-primary)",
242
+ '--fk-timeline-marker-completed': "var(--fk-color-success)",
243
+ '--fk-timeline-marker-error': "var(--fk-color-danger)",
244
+ '--fk-timeline-marker-warning': "var(--fk-color-warning)",
245
+ '--fk-timeline-connector-color': "var(--fk-color-border)",
246
+ '--fk-timeline-title-color': "var(--fk-color-text)",
247
+ '--fk-timeline-description-color': "var(--fk-color-muted)",
248
+ '--fk-separator-color': "var(--fk-color-border)",
249
+ '--fk-separator-margin-top': "var(--fk-rhythm-6)",
250
+ '--fk-separator-margin-bottom': "0",
251
+ '--fk-separator-border-width': "1px",
252
+ '--fk-tooltip-bg': "var(--fk-color-surface)",
253
+ '--fk-tooltip-color': "var(--fk-color-text)",
254
+ '--fk-tooltip-font-family': "var(--fk-font-family-base)",
255
+ '--fk-tooltip-font-size': "var(--fk-typography-caption-font-size)",
256
+ '--fk-tooltip-font-weight': "var(--fk-font-weight-medium)",
257
+ '--fk-tooltip-line-height': "var(--fk-typography-caption-line-height)",
258
+ '--fk-tooltip-padding': "var(--fk-rhythm-1) var(--fk-rhythm-2)",
259
+ '--fk-tooltip-border-radius': "var(--fk-radius-sm)",
260
+ '--fk-tooltip-shadow': "0 2px 8px rgba(0, 0, 0, 0.15)",
261
+ '--fk-tooltip-arrow-size': "6px",
262
+ '--fk-tooltip-max-width': "20rem",
263
+ '--fk-tooltip-enter-duration': "0.15s",
264
+ '--fk-tooltip-exit-duration': "0.1s",
265
+ '--fk-tooltip-easing': "ease-out",
266
+ '--fk-nav-separator-color': "var(--fk-color-border)",
267
+ '--fk-image-object-fit': "cover",
268
+ '--fk-image-object-position': "center",
269
+ '--fk-button-font-weight': "var(--fk-typography-button-font-weight)",
270
+ '--fk-button-line-height': "var(--fk-typography-button-line-height)",
271
+ '--fk-button-border-radius': "0.5rem",
272
+ '--fk-button-border-width': "1px",
273
+ '--fk-button-cursor': "pointer",
274
+ '--fk-button-cursor-disabled': "not-allowed",
275
+ '--fk-button-opacity-disabled': "0.6",
276
+ '--fk-button-transition': "background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease",
277
+ '--fk-button-icon-gap': "0.5rem",
278
+ '--fk-button-padding-sm': "0.375rem 0.75rem",
279
+ '--fk-button-padding-md': "0.5rem 1rem",
280
+ '--fk-button-padding-lg': "0.625rem 1.25rem",
281
+ '--fk-button-font-size-sm': "0.875rem",
282
+ '--fk-button-font-size-md': "1rem",
283
+ '--fk-button-font-size-lg': "1.125rem",
284
+ '--fk-button-primary-bg': "var(--fk-color-primary)",
285
+ '--fk-button-primary-bg-hover': "var(--fk-color-primary-hover)",
286
+ '--fk-button-primary-bg-active': "var(--fk-color-primary-active)",
287
+ '--fk-button-primary-color': "var(--fk-color-surface)",
288
+ '--fk-button-primary-border-color': "transparent",
289
+ '--fk-button-secondary-bg': "transparent",
290
+ '--fk-button-secondary-bg-hover': "var(--fk-color-surface-muted)",
291
+ '--fk-button-secondary-bg-active': "var(--fk-color-border)",
292
+ '--fk-button-secondary-color': "var(--fk-color-primary)",
293
+ '--fk-button-secondary-border-color': "var(--fk-color-border)",
294
+ '--fk-button-outline-bg': "transparent",
295
+ '--fk-button-outline-bg-hover': "var(--fk-color-surface-muted)",
296
+ '--fk-button-outline-bg-active': "var(--fk-color-border)",
297
+ '--fk-button-outline-color': "var(--fk-color-primary)",
298
+ '--fk-button-outline-border-color': "var(--fk-color-border)",
299
+ '--fk-button-danger-bg': "var(--fk-color-danger)",
300
+ '--fk-button-danger-bg-hover': "#b91c1c",
301
+ '--fk-button-danger-bg-active': "#991b1b",
302
+ '--fk-button-danger-color': "var(--fk-color-surface)",
303
+ '--fk-button-danger-border-color': "transparent",
304
+ '--fk-callout-bg': "var(--fk-color-surface-muted)",
305
+ '--fk-callout-border-color': "var(--fk-color-border)",
306
+ '--fk-callout-padding': "var(--fk-rhythm-4)",
307
+ '--fk-callout-border-radius': "var(--fk-radius-md)",
308
+ '--fk-callout-font-size': "var(--fk-typography-small-font-size)",
309
+ '--fk-callout-title-font-size': "inherit",
310
+ '--fk-callout-title-gap': "var(--fk-rhythm-2)",
311
+ '--fk-note-border-width': "3px",
312
+ '--fk-note-padding-block': "var(--fk-rhythm-2)",
313
+ '--fk-note-padding-inline-start': "var(--fk-rhythm-4)",
314
+ '--fk-note-color': "var(--fk-color-muted)",
315
+ '--fk-note-font-size': "0.9375rem",
316
+ '--fk-note-line-height': "var(--fk-typography-body-line-height)",
317
+ '--fk-note-info-accent': "var(--fk-color-primary)",
318
+ '--fk-note-success-accent': "var(--fk-color-success)",
319
+ '--fk-note-warning-accent': "var(--fk-color-warning)",
320
+ '--fk-note-danger-accent': "var(--fk-color-danger)",
321
+ '--fk-icon-list-row-gap': "var(--fk-rhythm-3)",
322
+ '--fk-icon-list-item-gap': "var(--fk-rhythm-2)",
323
+ '--fk-icon-list-item-label-color': "var(--fk-color-text)",
324
+ '--fk-icon-list-item-line-height': "var(--fk-typography-body-line-height)",
325
+ '--fk-icon-list-item-sm-font-size': "var(--fk-typography-small-font-size)",
326
+ '--fk-icon-list-item-md-font-size': "0.875rem",
327
+ '--fk-icon-list-item-lg-font-size': "var(--fk-typography-lead-font-size)",
328
+ '--fk-icon-list-item-default-color': "var(--fk-color-muted)",
329
+ '--fk-icon-list-item-primary-color': "var(--fk-color-primary)",
330
+ '--fk-icon-list-item-success-color': "var(--fk-color-success)",
331
+ '--fk-icon-list-item-warning-color': "var(--fk-color-warning)",
332
+ '--fk-icon-list-item-danger-color': "var(--fk-color-danger)",
333
+ '--fk-numbered-list-margin-top': "var(--fk-rhythm-4)",
334
+ '--fk-numbered-list-row-gap': "var(--fk-rhythm-3)",
335
+ '--fk-numbered-list-item-gap': "var(--fk-rhythm-3)",
336
+ '--fk-numbered-list-item-color': "var(--fk-color-text)",
337
+ '--fk-numbered-list-item-line-height': "var(--fk-typography-body-line-height)",
338
+ '--fk-numbered-list-item-sm-font-size': "var(--fk-typography-small-font-size)",
339
+ '--fk-numbered-list-item-md-font-size': "0.875rem",
340
+ '--fk-numbered-list-item-lg-font-size': "var(--fk-typography-lead-font-size)",
341
+ '--fk-numbered-list-badge-size': "1.5rem",
342
+ '--fk-numbered-list-badge-radius': "50%",
343
+ '--fk-numbered-list-badge-bg': "var(--fk-color-primary-light)",
344
+ '--fk-numbered-list-badge-color': "var(--fk-color-primary)",
345
+ '--fk-numbered-list-badge-font-size': "0.75rem",
346
+ '--fk-numbered-list-badge-font-weight': "var(--fk-font-weight-semibold)",
347
+ '--fk-copyable-field-gap': "var(--fk-rhythm-2)",
348
+ '--fk-copyable-field-bg': "var(--fk-color-surface-muted)",
349
+ '--fk-copyable-field-border-color': "var(--fk-color-border)",
350
+ '--fk-copyable-field-radius': "var(--fk-radius-md)",
351
+ '--fk-copyable-field-value-color': "var(--fk-color-text)",
352
+ '--fk-copyable-field-label-color': "var(--fk-color-muted)",
353
+ '--fk-copyable-field-label-font-size': "var(--fk-typography-small-font-size)",
354
+ '--fk-copyable-field-label-font-weight': "var(--fk-font-weight-medium)",
355
+ '--fk-copyable-field-label-gap': "var(--fk-rhythm-1)",
356
+ '--fk-copyable-field-action-color': "var(--fk-color-muted)",
357
+ '--fk-copyable-field-action-color-hover': "var(--fk-color-text)",
358
+ '--fk-copyable-field-action-bg-hover': "var(--fk-color-surface-dim)",
359
+ '--fk-copyable-field-action-padding': "var(--fk-rhythm-1)",
360
+ '--fk-copyable-field-action-radius': "var(--fk-radius-sm)",
361
+ '--fk-copyable-field-padding-sm': "var(--fk-rhythm-1) var(--fk-rhythm-2)",
362
+ '--fk-copyable-field-padding-md': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
363
+ '--fk-copyable-field-padding-lg': "var(--fk-rhythm-3) var(--fk-rhythm-4)",
364
+ '--fk-copyable-field-font-size-sm': "var(--fk-typography-caption-font-size)",
365
+ '--fk-copyable-field-font-size-md': "var(--fk-typography-small-font-size)",
366
+ '--fk-copyable-field-font-size-lg': "var(--fk-typography-body-font-size)",
367
+ '--fk-copyable-field-mono-font-family': "var(--fk-font-family-mono)",
368
+ '--fk-alert-padding': "var(--fk-rhythm-4)",
369
+ '--fk-alert-border-radius': "var(--fk-radius-md)",
370
+ '--fk-alert-font-size': "var(--fk-typography-small-font-size)",
371
+ '--fk-alert-icon-gap': "0.5rem",
372
+ '--fk-alert-info-bg': "#e8f4fd",
373
+ '--fk-alert-info-border-color': "#b6e0fe",
374
+ '--fk-alert-info-color': "#084298",
375
+ '--fk-alert-success-bg': "#e6f4ea",
376
+ '--fk-alert-success-border-color': "#a3d9a5",
377
+ '--fk-alert-success-color': "#1e7e34",
378
+ '--fk-alert-warning-bg': "#fff4e5",
379
+ '--fk-alert-warning-border-color': "#ffd8a8",
380
+ '--fk-alert-warning-color': "#8a5700",
381
+ '--fk-alert-error-bg': "#fdecea",
382
+ '--fk-alert-error-border-color': "#f5c2c7",
383
+ '--fk-alert-error-color': "#842029",
384
+ '--fk-accordion-color': "var(--fk-color-text)",
385
+ '--fk-accordion-border-color': "var(--fk-color-border)",
386
+ '--fk-accordion-border-width': "1px",
387
+ '--fk-accordion-radius': "var(--fk-radius-md)",
388
+ '--fk-accordion-header-bg': "transparent",
389
+ '--fk-accordion-header-bg-hover': "var(--fk-color-surface-muted)",
390
+ '--fk-accordion-header-bg-expanded': "var(--fk-color-surface-muted)",
391
+ '--fk-accordion-header-padding-block': "var(--fk-rhythm-3)",
392
+ '--fk-accordion-header-padding-inline': "var(--fk-rhythm-4)",
393
+ '--fk-accordion-leading-icon-gap': "var(--fk-rhythm-3)",
394
+ '--fk-accordion-trailing-gap': "var(--fk-rhythm-3)",
395
+ '--fk-accordion-title-color': "var(--fk-color-text)",
396
+ '--fk-accordion-title-font-size': "var(--fk-typography-body-font-size)",
397
+ '--fk-accordion-title-font-weight': "var(--fk-font-weight-semibold)",
398
+ '--fk-accordion-description-color': "var(--fk-color-muted)",
399
+ '--fk-accordion-description-font-size': "var(--fk-typography-small-font-size)",
400
+ '--fk-accordion-description-gap': "var(--fk-rhythm-1)",
401
+ '--fk-accordion-leading-text-color': "var(--fk-color-muted)",
402
+ '--fk-accordion-leading-text-font-size': "var(--fk-typography-small-font-size)",
403
+ '--fk-accordion-leading-text-font-weight': "var(--fk-font-weight-semibold)",
404
+ '--fk-accordion-leading-text-gap': "var(--fk-rhythm-2)",
405
+ '--fk-accordion-chevron-color': "var(--fk-color-muted)",
406
+ '--fk-accordion-panel-color': "var(--fk-color-text)",
407
+ '--fk-accordion-panel-gap': "var(--fk-rhythm-2)",
408
+ '--fk-accordion-panel-padding-block': "var(--fk-rhythm-3)",
409
+ '--fk-accordion-panel-padding-inline': "var(--fk-rhythm-4)",
410
+ '--fk-accordion-focus-ring': "var(--fk-focus-ring)",
411
+ '--fk-accordion-sm-header-padding-block': "var(--fk-rhythm-2)",
412
+ '--fk-accordion-sm-header-padding-inline': "var(--fk-rhythm-3)",
413
+ '--fk-accordion-sm-title-font-size': "var(--fk-typography-small-font-size)",
414
+ '--fk-accordion-sm-description-font-size': "0.75rem",
415
+ '--fk-accordion-group-gap': "var(--fk-rhythm-3)",
416
+ '--fk-icon-badge-padding-xs': "0.25rem",
417
+ '--fk-icon-badge-padding-sm': "0.375rem",
418
+ '--fk-icon-badge-padding-md': "0.5rem",
419
+ '--fk-icon-badge-padding-lg': "0.625rem",
420
+ '--fk-icon-badge-padding-xl': "0.75rem",
421
+ '--fk-icon-badge-border-width': "1px",
422
+ '--fk-icon-badge-border-radius': "0.375rem",
423
+ '--fk-nav-brand-gap': "0.5rem",
424
+ '--fk-nav-brand-color': "inherit",
425
+ '--fk-nav-brand-color-hover': "inherit",
426
+ '--fk-nav-brand-font-size': "1.125rem",
427
+ '--fk-nav-brand-font-weight': "var(--fk-font-weight-semibold)",
428
+ '--fk-nav-brand-line-height': "1",
429
+ '--fk-avatar-radius': "var(--fk-radius-full)",
430
+ '--fk-avatar-bg': "var(--fk-color-primary)",
431
+ '--fk-avatar-color': "var(--fk-color-surface)",
432
+ '--fk-avatar-font-family': "var(--fk-font-family-base)",
433
+ '--fk-avatar-font-weight': "var(--fk-font-weight-semibold)",
434
+ '--fk-avatar-size-sm': "1.75rem",
435
+ '--fk-avatar-size-md': "2.25rem",
436
+ '--fk-avatar-size-lg': "3rem",
437
+ '--fk-avatar-font-size-sm': "0.6875rem",
438
+ '--fk-avatar-font-size-md': "0.8125rem",
439
+ '--fk-avatar-font-size-lg': "1rem",
440
+ '--fk-avatar-status-border': "var(--fk-color-surface)",
441
+ '--fk-avatar-status-online': "var(--fk-color-success)",
442
+ '--fk-avatar-status-offline': "var(--fk-color-muted)",
443
+ '--fk-avatar-status-away': "var(--fk-color-warning)",
444
+ '--fk-avatar-status-busy': "var(--fk-color-danger)",
445
+ '--fk-menu-item-gap': "var(--fk-rhythm-2)",
446
+ '--fk-menu-item-padding': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
447
+ '--fk-menu-item-radius': "var(--fk-radius-md)",
448
+ '--fk-menu-item-font-size': "0.875rem",
449
+ '--fk-menu-item-color': "var(--fk-color-text)",
450
+ '--fk-menu-item-bg-hover': "var(--fk-color-surface-muted)",
451
+ '--fk-menu-item-danger-color': "var(--fk-color-danger)",
452
+ '--fk-menu-item-danger-bg-hover': "#fef2f2",
453
+ '--fk-menu-item-focus-ring': "var(--fk-focus-ring)",
454
+ '--fk-menu-item-opacity-disabled': "0.5",
455
+ '--fk-menu-separator-color': "var(--fk-color-border)",
456
+ '--fk-dropdown-menu-panel-z': "100",
457
+ '--fk-dropdown-menu-panel-min-width': "12rem",
458
+ '--fk-dropdown-menu-panel-padding': "var(--fk-rhythm-1)",
459
+ '--fk-dropdown-menu-panel-radius': "var(--fk-radius-lg)",
460
+ '--fk-dropdown-menu-panel-bg': "var(--fk-color-surface)",
461
+ '--fk-dropdown-menu-panel-border': "var(--fk-color-border)",
462
+ '--fk-dropdown-menu-panel-shadow': "0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04)",
463
+ '--fk-editable-field-bg': "var(--fk-color-surface)",
464
+ '--fk-editable-field-border-color': "var(--fk-color-border)",
465
+ '--fk-editable-field-border-radius': "var(--fk-radius-md)",
466
+ '--fk-editable-field-hover-border': "var(--fk-color-primary)",
467
+ '--fk-editable-field-focus-border': "var(--fk-color-primary)",
468
+ '--fk-editable-field-color': "var(--fk-color-text)",
469
+ '--fk-editable-field-empty-color': "var(--fk-color-muted)",
470
+ '--fk-editable-field-font-size': "var(--fk-typography-body-font-size)",
471
+ '--fk-editable-field-sm-font-size': "var(--fk-typography-small-font-size)",
472
+ '--fk-editable-field-lg-font-size': "var(--fk-typography-heading-font-size)",
473
+ '--fk-editable-field-lg-font-weight': "var(--fk-font-weight-semibold)",
474
+ '--fk-editable-field-input-padding': "var(--fk-rhythm-1) var(--fk-rhythm-2)",
475
+ '--fk-editable-field-trailing-padding': "var(--fk-rhythm-1)",
476
+ '--fk-editable-field-gap': "var(--fk-rhythm-2)",
477
+ '--fk-editable-field-trigger-color': "var(--fk-color-muted)",
478
+ '--fk-editable-field-trigger-hover-color': "var(--fk-color-primary)",
479
+ '--fk-editable-field-inline-btn-size': "1.5rem",
480
+ '--fk-editable-field-save-bg': "var(--fk-color-primary)",
481
+ '--fk-editable-field-save-color': "#ffffff",
482
+ '--fk-editable-field-action-font-size': "var(--fk-typography-small-font-size)",
483
+ '--fk-editable-field-disabled-opacity': "0.6",
484
+ '--fk-user-menu-trigger-bg': "transparent",
485
+ '--fk-user-menu-trigger-bg-hover': "transparent",
486
+ '--fk-user-menu-trigger-radius': "var(--fk-radius-md)",
487
+ '--fk-user-menu-name-color': "var(--fk-color-text)",
488
+ '--fk-user-menu-name-font-weight': "var(--fk-font-weight-semibold)",
489
+ '--fk-user-menu-email-color': "var(--fk-color-muted)",
490
+ '--fk-user-menu-chevron-color': "var(--fk-color-muted)",
491
+ '--fk-user-menu-badge-bg': "var(--fk-color-primary)",
492
+ '--fk-user-menu-badge-color': "var(--fk-color-surface)",
493
+ '--fk-user-menu-panel-bg': "var(--fk-color-surface)",
494
+ '--fk-user-menu-panel-border': "var(--fk-color-border)",
495
+ '--fk-user-menu-panel-radius': "var(--fk-radius-lg)",
496
+ '--fk-user-menu-panel-shadow': "0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04)",
497
+ '--fk-user-menu-item-color': "var(--fk-color-text)",
498
+ '--fk-user-menu-item-bg-hover': "var(--fk-color-surface-muted)",
499
+ '--fk-user-menu-item-radius': "var(--fk-radius-md)",
500
+ '--fk-user-menu-item-danger-color': "var(--fk-color-danger)",
501
+ '--fk-user-menu-separator-color': "var(--fk-color-border)",
502
+ '--fk-user-menu-focus-ring': "var(--fk-focus-ring)",
503
+ '--fk-sidenav-link-gap': "var(--fk-rhythm-2)",
504
+ '--fk-sidenav-link-padding-block': "var(--fk-rhythm-2)",
505
+ '--fk-sidenav-link-padding-inline': "var(--fk-rhythm-3)",
506
+ '--fk-sidenav-link-radius': "var(--fk-radius-md)",
507
+ '--fk-sidenav-link-bg': "transparent",
508
+ '--fk-sidenav-link-bg-hover': "var(--fk-color-surface-dimmer)",
509
+ '--fk-sidenav-link-bg-active': "var(--fk-color-primary)",
510
+ '--fk-sidenav-link-font-family': "var(--fk-font-family-base)",
511
+ '--fk-sidenav-link-font-size': "0.875rem",
512
+ '--fk-sidenav-link-font-weight-active': "var(--fk-font-weight-semibold)",
513
+ '--fk-sidenav-link-color': "var(--fk-color-text)",
514
+ '--fk-sidenav-link-color-hover': "var(--fk-color-primary)",
515
+ '--fk-sidenav-link-color-active': "var(--fk-white)",
516
+ '--fk-sidenav-link-focus-ring': "var(--fk-focus-ring)",
517
+ '--fk-tabs-font-size': "0.875rem",
518
+ '--fk-tabs-font-size-sm': "var(--fk-typography-small-font-size)",
519
+ '--fk-tabs-font-size-lg': "1rem",
520
+ '--fk-tabs-font-weight': "var(--fk-font-weight-medium)",
521
+ '--fk-tabs-font-weight-active': "var(--fk-font-weight-semibold)",
522
+ '--fk-tabs-tab-color': "var(--fk-color-text-muted)",
523
+ '--fk-tabs-tab-color-active': "var(--fk-color-primary)",
524
+ '--fk-tabs-tab-color-hover': "var(--fk-color-text)",
525
+ '--fk-tabs-tab-color-disabled': "var(--fk-color-text-disabled)",
526
+ '--fk-tabs-tab-opacity-disabled': "0.5",
527
+ '--fk-tabs-tab-gap': "var(--fk-rhythm-2)",
528
+ '--fk-tabs-tab-padding': "var(--fk-rhythm-3) var(--fk-rhythm-4)",
529
+ '--fk-tabs-tab-padding-sm': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
530
+ '--fk-tabs-tab-padding-lg': "var(--fk-rhythm-4) var(--fk-rhythm-5)",
531
+ '--fk-tabs-border-color': "var(--fk-color-border)",
532
+ '--fk-tabs-border-width': "var(--fk-border-width)",
533
+ '--fk-tabs-indicator-color': "var(--fk-color-primary)",
534
+ '--fk-tabs-indicator-height': "2px",
535
+ '--fk-tabs-indicator-radius': "var(--fk-radius-full)",
536
+ '--fk-tabs-pill-active-bg': "var(--fk-color-primary)",
537
+ '--fk-tabs-pill-active-color': "var(--fk-color-surface)",
538
+ '--fk-tabs-pill-radius': "var(--fk-radius-full)",
539
+ '--fk-tabs-contained-bg': "var(--fk-color-surface-muted)",
540
+ '--fk-tabs-contained-border': "none",
541
+ '--fk-tabs-contained-active-bg': "var(--fk-color-surface)",
542
+ '--fk-tabs-contained-active-shadow': "var(--fk-shadow-sm)",
543
+ '--fk-tabs-contained-radius': "var(--fk-radius-md)",
544
+ '--fk-tabs-contained-padding': "var(--fk-rhythm-1)",
545
+ '--fk-tabs-badge-bg': "var(--fk-color-surface-muted)",
546
+ '--fk-tabs-badge-color': "var(--fk-color-text-muted)",
547
+ '--fk-tabs-close-bg-hover': "var(--fk-color-surface-muted)",
548
+ '--fk-tabs-scroll-btn-bg': "var(--fk-color-surface)",
549
+ '--fk-tabs-scroll-btn-color': "var(--fk-color-text-muted)",
550
+ '--fk-tabs-scroll-btn-color-hover': "var(--fk-color-text)",
551
+ '--fk-breadcrumb-gap': "var(--fk-rhythm-1)",
552
+ '--fk-breadcrumb-font-size': "var(--fk-typography-caption-font-size)",
553
+ '--fk-breadcrumb-link-color': "var(--fk-color-muted)",
554
+ '--fk-breadcrumb-link-color-hover': "var(--fk-color-text)",
555
+ '--fk-breadcrumb-current-color': "var(--fk-color-text)",
556
+ '--fk-breadcrumb-current-font-weight': "var(--fk-font-weight-medium)",
557
+ '--fk-breadcrumb-separator-color': "var(--fk-color-muted)",
558
+ '--fk-node-tree-breadcrumb-gap': "var(--fk-rhythm-1)",
559
+ '--fk-node-tree-breadcrumb-font-size': "var(--fk-typography-caption-font-size)",
560
+ '--fk-node-tree-breadcrumb-link-color': "var(--fk-color-muted)",
561
+ '--fk-node-tree-breadcrumb-link-color-hover': "var(--fk-color-text)",
562
+ '--fk-node-tree-breadcrumb-current-color': "var(--fk-color-primary)",
563
+ '--fk-node-tree-breadcrumb-current-font-weight': "var(--fk-font-weight-medium)",
564
+ '--fk-node-tree-breadcrumb-separator-color': "var(--fk-color-muted)",
565
+ '--fk-list-editor-row-gap': "var(--fk-rhythm-2)",
566
+ '--fk-list-editor-item-padding': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
567
+ '--fk-list-editor-item-bg': "var(--fk-color-surface)",
568
+ '--fk-list-editor-item-border-color': "var(--fk-color-border)",
569
+ '--fk-list-editor-item-radius': "var(--fk-radius-md)",
570
+ '--fk-list-editor-input-border-color': "var(--fk-color-border)",
571
+ '--fk-list-editor-input-radius': "var(--fk-radius-md)",
572
+ '--fk-list-editor-input-color': "var(--fk-color-text)",
573
+ '--fk-list-editor-input-bg': "var(--fk-color-surface)",
574
+ '--fk-list-editor-input-focus-border-color': "var(--fk-color-primary)",
575
+ '--fk-list-editor-order-bg': "var(--fk-color-primary-light)",
576
+ '--fk-list-editor-order-color': "var(--fk-color-primary)",
577
+ '--fk-list-editor-remove-color': "var(--fk-color-muted)",
578
+ '--fk-list-editor-remove-hover-color': "var(--fk-color-danger)",
579
+ '--fk-list-editor-empty-color': "var(--fk-color-muted)",
580
+ '--fk-list-editor-error-color': "var(--fk-color-danger)",
581
+ '--fk-list-editor-focus-ring': "var(--fk-focus-ring)",
582
+ '--fk-list-editor-placeholder-bg': "var(--fk-color-surface-muted)",
583
+ '--fk-list-editor-placeholder-border-color': "var(--fk-color-border)",
584
+ '--fk-list-editor-drag-border-color': "var(--fk-color-primary)",
585
+ '--fk-app-shell-header-z-index': "100",
586
+ '--fk-app-shell-overlay-z-index': "200",
587
+ '--fk-app-shell-aside-z-index': "201",
588
+ '--fk-app-shell-overlay-bg': "var(--fk-black-50)",
589
+ '--fk-app-shell-aside-bg': "var(--fk-color-surface)",
590
+ '--fk-app-shell-mobile-sidenav-width': "100%",
591
+ '--fk-app-shell-end-bg': "var(--fk-color-surface)",
592
+ '--fk-app-shell-end-z-index': "201",
593
+ '--fk-app-shell-end-radius': "var(--fk-radius-lg) 0 0 var(--fk-radius-lg)",
594
+ '--fk-app-shell-end-shadow': "-4px 0 16px rgba(0, 0, 0, 0.08)",
595
+ '--fk-app-shell-end-padding': "var(--fk-rhythm-4)",
596
+ '--fk-app-shell-end-header-padding': "var(--fk-rhythm-4)",
597
+ '--fk-app-shell-end-footer-padding': "var(--fk-rhythm-4)",
598
+ '--fk-data-table-head-bg': "var(--fk-color-surface-muted)",
599
+ '--fk-data-table-head-color': "var(--fk-color-text-muted)",
600
+ '--fk-data-table-head-hover-color': "var(--fk-color-text)",
601
+ '--fk-data-table-head-font-weight': "var(--fk-font-weight-semibold)",
602
+ '--fk-data-table-head-font-size': "var(--fk-typography-small-font-size)",
603
+ '--fk-data-table-body-bg': "var(--fk-color-surface)",
604
+ '--fk-data-table-body-color': "var(--fk-color-text)",
605
+ '--fk-data-table-body-font-size': "0.875rem",
606
+ '--fk-data-table-border-color': "var(--fk-color-border)",
607
+ '--fk-data-table-border-width': "0",
608
+ '--fk-data-table-border-radius': "var(--fk-radius-md)",
609
+ '--fk-data-table-row-hover-bg': "var(--fk-color-surface-muted)",
610
+ '--fk-data-table-cell-padding': "var(--fk-rhythm-3)",
611
+ '--fk-data-table-empty-padding': "var(--fk-rhythm-8)",
612
+ '--fk-data-table-empty-color': "var(--fk-color-text-muted)",
613
+ '--fk-data-table-loading-bg': "var(--fk-color-surface-overlay)",
614
+ '--fk-data-table-loading-color': "var(--fk-color-text-muted)",
615
+ '--fk-data-table-selection-cell-width': "2.75rem",
616
+ '--fk-data-table-row-selected-bg': "var(--fk-color-primary-light)",
617
+ '--fk-data-table-row-selected-hover-bg': "var(--fk-color-primary-light-gradient)",
618
+ '--fk-data-table-checkbox-size': "1rem",
619
+ '--fk-data-table-checkbox-border-color': "var(--fk-color-border)",
620
+ '--fk-data-table-checkbox-radius': "var(--fk-radius-sm)",
621
+ '--fk-data-table-checkbox-bg': "var(--fk-color-surface)",
622
+ '--fk-data-table-checkbox-hover-border-color': "var(--fk-color-primary)",
623
+ '--fk-data-table-checkbox-checked-bg': "var(--fk-color-primary)",
624
+ '--fk-data-table-checkbox-checked-border-color': "var(--fk-color-primary)",
625
+ '--fk-data-table-checkbox-icon-color': "var(--fk-color-surface)",
626
+ '--fk-node-tree-row-gap': "var(--fk-rhythm-2)",
627
+ '--fk-node-tree-row-padding': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
628
+ '--fk-node-tree-row-radius': "var(--fk-radius-md)",
629
+ '--fk-node-tree-row-color': "var(--fk-color-text)",
630
+ '--fk-node-tree-row-font-size': "var(--fk-typography-body-font-size)",
631
+ '--fk-node-tree-row-bg-hover': "var(--fk-color-surface-muted)",
632
+ '--fk-node-tree-row-bg-selected': "var(--fk-overlay-brand)",
633
+ '--fk-node-tree-row-color-selected': "var(--fk-color-primary)",
634
+ '--fk-node-tree-row-font-weight-selected': "var(--fk-font-weight-medium)",
635
+ '--fk-node-tree-row-toggle-color': "var(--fk-color-muted)",
636
+ '--fk-node-tree-row-toggle-color-hover': "var(--fk-color-text)",
637
+ '--fk-node-tree-row-toggle-bg-hover': "var(--fk-color-surface-muted)",
638
+ '--fk-node-tree-row-handle-color': "var(--fk-color-muted)",
639
+ '--fk-node-tree-row-handle-color-hover': "var(--fk-color-text)",
640
+ '--fk-node-tree-row-bg-drop-target': "var(--fk-overlay-brand)",
641
+ '--fk-node-tree-row-border-drop-target': "var(--fk-color-primary)",
642
+ '--fk-node-tree-row-drag-source-opacity': "0.4",
643
+ '--fk-node-tree-drag-preview-bg': "var(--fk-color-surface)",
644
+ '--fk-node-tree-drag-preview-shadow': "0 4px 12px rgba(0, 0, 0, 0.15)",
645
+ '--fk-node-tree-drag-placeholder-bg': "var(--fk-color-primary)",
646
+ '--fk-content-split-left-bg': "var(--fk-color-surface)",
647
+ '--fk-content-split-left-border': "1px solid var(--fk-color-border)",
648
+ '--fk-content-split-overlay-bg': "var(--fk-black-50, rgba(0, 0, 0, 0.5))",
649
+ '--fk-content-split-rail-toggle-color': "var(--fk-color-muted)",
650
+ '--fk-content-split-rail-toggle-color-hover': "var(--fk-color-text)",
651
+ '--fk-content-split-rail-toggle-bg-hover': "var(--fk-color-surface-muted)",
652
+ '--fk-dialog-overlay-bg': "rgba(0, 0, 0, 0.5)",
653
+ '--fk-dialog-overlay-z-index': "1000",
654
+ '--fk-dialog-panel-bg': "var(--fk-color-surface)",
655
+ '--fk-dialog-panel-border-radius': "var(--fk-radius-lg)",
656
+ '--fk-dialog-panel-shadow': "0 8px 32px rgba(0, 0, 0, 0.12)",
657
+ '--fk-dialog-panel-border': "none",
658
+ '--fk-dialog-panel-max-height': "85vh",
659
+ '--fk-dialog-width-sm': "24rem",
660
+ '--fk-dialog-width-md': "32rem",
661
+ '--fk-dialog-width-lg': "40rem",
662
+ '--fk-dialog-width-xl': "52rem",
663
+ '--fk-dialog-panel-margin': "var(--fk-rhythm-4)",
664
+ '--fk-dialog-header-padding-inline': "var(--fk-rhythm-6)",
665
+ '--fk-dialog-header-padding': "var(--fk-rhythm-4)\n var(--fk-dialog-header-padding-inline)",
666
+ '--fk-dialog-body-padding': "var(--fk-rhythm-6)",
667
+ '--fk-dialog-footer-padding': "var(--fk-rhythm-4) var(--fk-rhythm-6)",
668
+ '--fk-dialog-footer-border': "1px solid var(--fk-color-border)",
669
+ '--fk-dialog-close-size': "2rem",
670
+ '--fk-dialog-close-color': "var(--fk-color-muted)",
671
+ '--fk-dialog-close-color-hover': "var(--fk-color-text)",
672
+ '--fk-wizard-dialog-stepper-gap': "var(--fk-rhythm-2)",
673
+ '--fk-wizard-dialog-stepper-padding': "0 0 0.75rem",
674
+ '--fk-wizard-dialog-step-color': "var(--fk-form-hint-color)",
675
+ '--fk-wizard-dialog-step-active-color': "var(--fk-color-primary)",
676
+ '--fk-wizard-dialog-step-completed-color': "var(--fk-form-label-color)",
677
+ '--fk-wizard-dialog-step-number-active-color': "#fff",
678
+ '--fk-wizard-dialog-body-padding': "var(--fk-rhythm-4) var(--fk-rhythm-4)",
679
+ '--fk-wizard-dialog-footer-gap': "var(--fk-rhythm-3)",
680
+ '--fk-wizard-dialog-footer-padding': "var(--fk-rhythm-4) var(--fk-rhythm-6)",
681
+ '--fk-wizard-dialog-footer-border': "1px solid var(--fk-color-border)",
682
+ '--fk-input-font-family': "var(--fk-font-family-base)",
683
+ '--fk-input-font-size': "0.875rem",
684
+ '--fk-input-line-height': "var(--fk-typography-body-line-height)",
685
+ '--fk-input-font-weight': "var(--fk-font-weight-normal)",
686
+ '--fk-input-color': "var(--fk-color-text)",
687
+ '--fk-input-placeholder-color': "var(--fk-color-muted)",
688
+ '--fk-select-placeholder-color': "var(--fk-color-muted)",
689
+ '--fk-input-bg': "var(--fk-color-surface)",
690
+ '--fk-input-border-color': "var(--fk-color-border)",
691
+ '--fk-input-border-color-hover': "var(--fk-color-muted)",
692
+ '--fk-input-border-color-focus': "var(--fk-color-primary)",
693
+ '--fk-input-border-color-error': "var(--fk-color-danger)",
694
+ '--fk-input-border-radius': "var(--fk-radius-md)",
695
+ '--fk-input-border-width': "1px",
696
+ '--fk-input-padding': "var(--fk-rhythm-2) var(--fk-rhythm-3)",
697
+ '--fk-input-focus-ring': "var(--fk-focus-ring)",
698
+ '--fk-input-disabled-opacity': "0.5",
699
+ '--fk-input-error-focus-ring': "0 0 0 3px rgba(224, 36, 36, 0.2)",
700
+ '--fk-autocomplete-dropdown-shadow': "0 4px 12px rgba(0, 0, 0, 0.1)",
701
+ '--fk-checkbox-size': "1.125rem",
702
+ '--fk-checkbox-gap': "0.5rem",
703
+ '--fk-checkbox-border-radius': "var(--fk-radius-sm)",
704
+ '--fk-checkbox-checked-bg': "var(--fk-color-primary)",
705
+ '--fk-checkbox-check-color': "#ffffff",
706
+ '--fk-radio-size': "1.125rem",
707
+ '--fk-radio-gap': "var(--fk-rhythm-2)",
708
+ '--fk-switch-width': "2.25rem",
709
+ '--fk-switch-height': "1.25rem",
710
+ '--fk-switch-thumb-size': "1rem",
711
+ '--fk-switch-gap': "var(--fk-rhythm-2)",
712
+ '--fk-switch-thumb-shadow': "0 1px 3px rgba(0, 0, 0, 0.15)",
713
+ '--fk-slider-track-height': "6px",
714
+ '--fk-slider-track-radius': "3px",
715
+ '--fk-slider-thumb-size': "18px",
716
+ '--fk-file-dropzone-padding': "var(--fk-rhythm-10)",
717
+ '--fk-file-dropzone-min-height': "10rem",
718
+ '--fk-file-dropzone-gap': "var(--fk-rhythm-2)",
719
+ '--fk-file-dropzone-bg': "var(--fk-color-surface-raised)",
720
+ '--fk-file-dropzone-bg-dragging': "rgba(37, 99, 235, 0.04)",
721
+ '--fk-file-dropzone-border-width': "2px",
722
+ '--fk-file-dropzone-border-style': "dashed",
723
+ '--fk-file-dropzone-border-color': "var(--fk-color-border)",
724
+ '--fk-file-dropzone-border-color-hover': "var(--fk-color-primary)",
725
+ '--fk-file-dropzone-border-color-dragging': "var(--fk-color-primary)",
726
+ '--fk-file-dropzone-border-radius': "var(--fk-radius-lg)",
727
+ '--fk-file-dropzone-prompt-color': "var(--fk-color-text)",
728
+ '--fk-file-dropzone-hint-font-size': "0.8125rem",
729
+ '--fk-file-dropzone-icon-color-disabled': "var(--fk-color-muted)",
730
+ '--fk-file-dropzone-opacity-disabled': "0.6",
731
+ '--fk-form-label-font-size': "var(--fk-typography-label-font-size)",
732
+ '--fk-form-label-font-weight': "var(--fk-typography-label-font-weight)",
733
+ '--fk-form-label-line-height': "var(--fk-typography-label-line-height)",
734
+ '--fk-form-label-color': "var(--fk-color-text-strong)",
735
+ '--fk-form-label-gap': "var(--fk-rhythm-2)",
736
+ '--fk-form-subscript-gap': "var(--fk-rhythm-1)",
737
+ '--fk-form-field-gap': "var(--fk-rhythm-2)",
738
+ '--fk-form-error-font-size': "0.75rem",
739
+ '--fk-form-error-color': "var(--fk-color-danger)",
740
+ '--fk-form-hint-font-size': "var(--fk-typography-small-font-size)",
741
+ '--fk-form-hint-color': "var(--fk-color-muted)",
742
+ '--fk-pagination-color': "var(--fk-color-muted)",
743
+ '--fk-pagination-border-width': "1px",
744
+ '--fk-pagination-border-color': "var(--fk-color-border)",
745
+ '--fk-pagination-font-size': "var(--fk-typography-small-font-size)",
746
+ '--fk-pagination-label-color': "var(--fk-color-muted)",
747
+ '--fk-pagination-select-color': "var(--fk-color-text)",
748
+ '--fk-pagination-select-bg': "var(--fk-color-surface)",
749
+ '--fk-pagination-select-border-color': "var(--fk-color-border)",
750
+ '--fk-pagination-select-border-radius': "var(--fk-radius-md)",
751
+ '--fk-pagination-select-focus-border-color': "var(--fk-color-primary)",
752
+ '--fk-pagination-select-focus-ring': "var(--fk-focus-ring)",
753
+ '--fk-pagination-page-info-color': "var(--fk-color-text)",
754
+ '--fk-pagination-btn-color': "var(--fk-color-text)",
755
+ '--fk-pagination-btn-border-color': "var(--fk-color-border)",
756
+ '--fk-pagination-btn-border-radius': "var(--fk-radius-md)",
757
+ '--fk-pagination-btn-bg-hover': "var(--fk-color-surface-hover)",
758
+ '--fk-pagination-btn-border-color-hover': "var(--fk-color-muted)",
759
+ '--fk-pagination-btn-disabled-opacity': "var(--fk-input-disabled-opacity)",
760
+ '--fk-pagination-btn-focus-border-color': "var(--fk-color-primary)",
761
+ '--fk-pagination-btn-focus-ring': "var(--fk-focus-ring)",
762
+ '--fk-drawer-overlay-bg': "var(--fk-overlay-bg)",
763
+ '--fk-drawer-bg': "var(--fk-color-surface)",
764
+ '--fk-drawer-border-color': "var(--fk-color-border)",
765
+ '--fk-drawer-header-border-color': "var(--fk-color-border)",
766
+ '--fk-drawer-title-color': "var(--fk-color-text-strong)",
767
+ '--fk-drawer-title-font-size': "var(--fk-typography-h4-font-size)",
768
+ '--fk-drawer-title-font-weight': "var(--fk-font-weight-semibold)",
769
+ '--fk-drawer-close-color': "var(--fk-color-muted)",
770
+ '--fk-drawer-close-color-hover': "var(--fk-color-text)",
771
+ '--fk-drawer-close-bg-hover': "var(--fk-color-surface-hover)",
772
+ '--fk-drawer-close-radius': "var(--fk-radius-md)",
773
+ '--fk-drawer-close-focus-ring': "var(--fk-focus-ring)",
774
+ '--fk-avatar-stack-overlap': "0.5rem",
775
+ '--fk-avatar-stack-ring': "0 0 0 2px var(--fk-color-surface)",
776
+ '--fk-avatar-stack-overflow-color': "var(--fk-color-text)",
777
+ '--fk-avatar-stack-overflow-bg': "var(--fk-color-surface-muted)",
778
+ '--fk-avatar-stack-overflow-bg-hover': "var(--fk-color-surface-hover)",
779
+ '--fk-avatar-stack-overflow-focus-ring': "var(--fk-focus-ring)",
780
+ '--fk-method-badge-min-width': "3rem",
781
+ '--fk-method-badge-padding-block': "2px",
782
+ '--fk-method-badge-padding-inline': "var(--fk-rhythm-2)",
783
+ '--fk-method-badge-radius': "var(--fk-radius-sm)",
784
+ '--fk-method-badge-font-size': "0.6875rem",
785
+ '--fk-method-badge-font-weight': "var(--fk-font-weight-bold)",
786
+ '--fk-method-badge-color': "var(--fk-color-text)",
787
+ '--fk-method-badge-bg-neutral': "#d6d6d6",
788
+ '--fk-method-badge-bg-get': "#89ecac",
789
+ '--fk-method-badge-bg-post': "#94c4fd",
790
+ '--fk-method-badge-bg-put': "#fbb972",
791
+ '--fk-method-badge-bg-patch': "#c8a7fb",
792
+ '--fk-method-badge-bg-delete': "#fb8d8d",
793
+ '--fk-method-badge-bg-head': "var(--fk-method-badge-bg-neutral)",
794
+ '--fk-method-badge-bg-options': "var(--fk-method-badge-bg-neutral)",
795
+ '--fk-endpoint-link-gap': "var(--fk-rhythm-2)",
796
+ '--fk-endpoint-link-padding-block': "var(--fk-rhythm-1)",
797
+ '--fk-endpoint-link-padding-inline': "var(--fk-rhythm-3)",
798
+ '--fk-endpoint-link-radius': "var(--fk-radius-md)",
799
+ '--fk-endpoint-link-font-size': "0.875rem",
800
+ '--fk-endpoint-link-color': "var(--fk-color-text)",
801
+ '--fk-endpoint-link-bg-hover': "var(--fk-color-surface-muted)",
802
+ '--fk-endpoint-link-bg-active': "var(--fk-color-primary-light)",
803
+ '--fk-endpoint-link-color-active': "var(--fk-color-primary)",
804
+ '--fk-endpoint-link-font-weight-active': "var(--fk-font-weight-semibold)",
805
+ '--fk-endpoint-link-focus-ring': "var(--fk-focus-ring)",
806
+ };