@dalexto/lexsys-registry 0.0.2 → 0.0.3

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 (71) hide show
  1. package/dist/index.js +23 -2
  2. package/dist/items/empty.d.ts +7 -0
  3. package/dist/items/index.d.ts +1 -0
  4. package/package.json +1 -1
  5. package/templates/blocks/AuthForm/AuthForm.tsx +3 -3
  6. package/templates/blocks/AuthForm/AuthForm.variants.ts +3 -3
  7. package/templates/blocks/CommandPalette/CommandPalette.tsx +14 -14
  8. package/templates/blocks/CommandPalette/CommandPalette.types.ts +3 -9
  9. package/templates/blocks/CommandPalette/CommandPalette.variants.ts +13 -14
  10. package/templates/blocks/Empty/Empty.tsx +91 -0
  11. package/templates/blocks/Empty/Empty.types.ts +8 -0
  12. package/templates/blocks/Empty/Empty.variants.ts +51 -0
  13. package/templates/blocks/FormField/FormField.tsx +2 -6
  14. package/templates/blocks/FormField/FormField.variants.ts +2 -2
  15. package/templates/blocks/SettingsPanel/SettingsPanel.tsx +2 -2
  16. package/templates/blocks/SettingsPanel/SettingsPanel.variants.ts +2 -2
  17. package/templates/blocks/Sidebar/Sidebar.tsx +45 -85
  18. package/templates/blocks/Sidebar/Sidebar.types.ts +2 -7
  19. package/templates/blocks/Sidebar/Sidebar.variants.ts +36 -40
  20. package/templates/primitives/Accordion/Accordion.variants.ts +7 -7
  21. package/templates/primitives/Alert/Alert.variants.ts +7 -7
  22. package/templates/primitives/AlertDialog/AlertDialog.variants.ts +16 -16
  23. package/templates/primitives/Autocomplete/Autocomplete.variants.ts +49 -49
  24. package/templates/primitives/Avatar/Avatar.variants.ts +10 -10
  25. package/templates/primitives/Badge/Badge.variants.ts +14 -14
  26. package/templates/primitives/Button/Button.variants.ts +26 -26
  27. package/templates/primitives/Card/Card.tsx +19 -1
  28. package/templates/primitives/Card/Card.types.ts +1 -0
  29. package/templates/primitives/Card/Card.variants.ts +14 -11
  30. package/templates/primitives/Checkbox/Checkbox.variants.ts +11 -15
  31. package/templates/primitives/CheckboxGroup/CheckboxGroup.variants.ts +2 -2
  32. package/templates/primitives/Collapsible/Collapsible.variants.ts +10 -10
  33. package/templates/primitives/Combobox/Combobox.variants.ts +58 -58
  34. package/templates/primitives/ContextMenu/ContextMenu.variants.ts +1 -1
  35. package/templates/primitives/Dialog/Dialog.variants.ts +16 -16
  36. package/templates/primitives/Drawer/Drawer.types.ts +3 -1
  37. package/templates/primitives/Drawer/Drawer.variants.ts +37 -37
  38. package/templates/primitives/Field/Field.variants.ts +22 -22
  39. package/templates/primitives/Fieldset/Fieldset.variants.ts +8 -8
  40. package/templates/primitives/Form/Form.variants.ts +1 -1
  41. package/templates/primitives/Input/Input.variants.ts +11 -11
  42. package/templates/primitives/Menu/Menu.variants.ts +25 -25
  43. package/templates/primitives/Menubar/Menubar.variants.ts +1 -1
  44. package/templates/primitives/Meter/Meter.variants.ts +11 -11
  45. package/templates/primitives/NavigationMenu/NavigationMenu.variants.ts +2 -2
  46. package/templates/primitives/NumberField/NumberField.variants.ts +25 -25
  47. package/templates/primitives/OtpField/OtpField.variants.ts +12 -12
  48. package/templates/primitives/Popover/Popover.variants.ts +18 -20
  49. package/templates/primitives/PreviewCard/PreviewCard.variants.ts +1 -1
  50. package/templates/primitives/Progress/Progress.variants.ts +8 -8
  51. package/templates/primitives/RadioGroup/RadioGroup.variants.ts +14 -14
  52. package/templates/primitives/ScrollArea/ScrollArea.variants.ts +3 -3
  53. package/templates/primitives/Select/Select.tsx +29 -29
  54. package/templates/primitives/Select/Select.types.ts +4 -4
  55. package/templates/primitives/Select/Select.variants.ts +44 -59
  56. package/templates/primitives/Separator/Separator.variants.ts +3 -3
  57. package/templates/primitives/Slider/Slider.tsx +14 -14
  58. package/templates/primitives/Slider/Slider.variants.ts +17 -26
  59. package/templates/primitives/Switch/Switch.types.ts +2 -2
  60. package/templates/primitives/Switch/Switch.variants.ts +13 -13
  61. package/templates/primitives/Tabs/Tabs.variants.ts +8 -8
  62. package/templates/primitives/Textarea/Textarea.variants.ts +11 -11
  63. package/templates/primitives/Toast/Toast.variants.ts +20 -20
  64. package/templates/primitives/Toggle/Toggle.variants.ts +9 -9
  65. package/templates/primitives/ToggleGroup/ToggleGroup.variants.ts +5 -5
  66. package/templates/primitives/Toolbar/Toolbar.variants.ts +18 -18
  67. package/templates/primitives/Tooltip/Tooltip.variants.ts +5 -5
  68. package/templates/styles/theme.css +301 -299
  69. package/templates/styles/tokens.css +1477 -1441
  70. package/templates/templates/DashboardShell/DashboardShell.tsx +10 -10
  71. package/templates/templates/DashboardShell/DashboardShell.variants.ts +10 -10
package/templates/styles/tokens.css CHANGED
@@ -1,1445 +1,1481 @@
1
1
  /* Generated by @dalexto/lexsys-tokens. Do not edit directly. */
2
2
 
3
3
  :root {
4
- --lsys-color-white: oklch(1 0 0);
5
- --lsys-color-black: oklch(0 0 0);
6
- --lsys-color-neutral-50: oklch(0.925 0 0);
7
- --lsys-color-neutral-100: oklch(0.855 0 0);
8
- --lsys-color-neutral-200: oklch(0.786 0 0);
9
- --lsys-color-neutral-300: oklch(0.712 0 0);
10
- --lsys-color-neutral-400: oklch(0.637 0 0);
11
- --lsys-color-neutral-500: oklch(0.562 0 0);
12
- --lsys-color-neutral-600: oklch(0.482 0 0);
13
- --lsys-color-neutral-700: oklch(0.398 0 0);
14
- --lsys-color-neutral-800: oklch(0.309 0 0);
15
- --lsys-color-neutral-900: oklch(0.218 0 0);
16
- --lsys-color-neutral-950: oklch(0.097 0 0);
17
- --lsys-color-red-50: oklch(0.836 0.083 28.091);
18
- --lsys-color-red-100: oklch(0.8 0.101 28.526);
19
- --lsys-color-red-200: oklch(0.73 0.136 28.48);
20
- --lsys-color-red-300: oklch(0.65 0.17 28.192);
21
- --lsys-color-red-400: oklch(0.595 0.186 27.396);
22
- --lsys-color-red-500: oklch(0.54 0.2 26.992);
23
- --lsys-color-red-600: oklch(0.466 0.185 26.009);
24
- --lsys-color-red-700: oklch(0.39 0.158 25.454);
25
- --lsys-color-red-800: oklch(0.306 0.124 25.101);
26
- --lsys-color-red-900: oklch(0.234 0.095 24.172);
27
- --lsys-color-red-950: oklch(0.197 0.08 24.164);
28
- --lsys-color-orange-50: oklch(0.969 0.014 39.42);
29
- --lsys-color-orange-100: oklch(0.934 0.035 39.988);
30
- --lsys-color-orange-200: oklch(0.864 0.076 39.826);
31
- --lsys-color-orange-300: oklch(0.785 0.129 39.49);
32
- --lsys-color-orange-400: oklch(0.729 0.172 38.784);
33
- --lsys-color-orange-500: oklch(0.675 0.218 38.562);
34
- --lsys-color-orange-600: oklch(0.585 0.193 37.555);
35
- --lsys-color-orange-700: oklch(0.475 0.165 35.426);
36
- --lsys-color-orange-800: oklch(0.345 0.126 33.371);
37
- --lsys-color-orange-900: oklch(0.216 0.083 31.655);
38
- --lsys-color-orange-950: oklch(0.153 0.059 31.482);
39
- --lsys-color-yellow-50: oklch(0.987 0.026 92);
40
- --lsys-color-yellow-100: oklch(0.973 0.051 92);
41
- --lsys-color-yellow-200: oklch(0.946 0.089 92);
42
- --lsys-color-yellow-300: oklch(0.906 0.13 92);
43
- --lsys-color-yellow-400: oklch(0.852 0.168 92);
44
- --lsys-color-yellow-500: oklch(0.79 0.178 92);
45
- --lsys-color-yellow-600: oklch(0.706 0.17 92);
46
- --lsys-color-yellow-700: oklch(0.578 0.145 92);
47
- --lsys-color-yellow-800: oklch(0.444 0.097 92);
48
- --lsys-color-yellow-900: oklch(0.315 0.065 92);
49
- --lsys-color-yellow-950: oklch(0.248 0.05 92);
50
- --lsys-color-green-50: oklch(0.936 0.063 154.09);
51
- --lsys-color-green-100: oklch(0.913 0.083 153.563);
52
- --lsys-color-green-200: oklch(0.867 0.124 152.08);
53
- --lsys-color-green-300: oklch(0.823 0.161 150.17);
54
- --lsys-color-green-400: oklch(0.782 0.191 148.446);
55
- --lsys-color-green-500: oklch(0.726 0.2 146.985);
56
- --lsys-color-green-600: oklch(0.621 0.168 147.169);
57
- --lsys-color-green-700: oklch(0.511 0.134 147.564);
58
- --lsys-color-green-800: oklch(0.394 0.099 148.066);
59
- --lsys-color-green-900: oklch(0.272 0.062 148.962);
60
- --lsys-color-green-950: oklch(0.211 0.044 148.998);
61
- --lsys-color-blue-50: oklch(0.924 0.098 274.036);
62
- --lsys-color-blue-100: oklch(0.876 0.13 271.991);
63
- --lsys-color-blue-200: oklch(0.778 0.195 267.901);
64
- --lsys-color-blue-300: oklch(0.647 0.214 265.621);
65
- --lsys-color-blue-400: oklch(0.596 0.214 264.251);
66
- --lsys-color-blue-500: oklch(0.546 0.215 262.881);
67
- --lsys-color-blue-600: oklch(0.455 0.191 259.631);
68
- --lsys-color-blue-700: oklch(0.36 0.151 259.071);
69
- --lsys-color-blue-800: oklch(0.276 0.117 259.071);
70
- --lsys-color-blue-900: oklch(0.212 0.085 253.121);
71
- --lsys-color-blue-950: oklch(0.18 0.07 250.146);
72
- --lsys-color-purple-50: oklch(0.977 0.014 308.299);
73
- --lsys-color-purple-100: oklch(0.946 0.033 307.174);
74
- --lsys-color-purple-200: oklch(0.902 0.063 306.703);
75
- --lsys-color-purple-300: oklch(0.827 0.119 306.383);
76
- --lsys-color-purple-400: oklch(0.714 0.203 305.504);
77
- --lsys-color-purple-500: oklch(0.627 0.265 303.9);
78
- --lsys-color-purple-600: oklch(0.558 0.288 302.321);
79
- --lsys-color-purple-700: oklch(0.496 0.265 301.924);
80
- --lsys-color-purple-800: oklch(0.438 0.218 303.724);
81
- --lsys-color-purple-900: oklch(0.381 0.176 304.987);
82
- --lsys-color-purple-950: oklch(0.291 0.149 302.717);
83
- --lsys-color-space-indigo-50: oklch(0.937 0.005 274.963);
84
- --lsys-color-space-indigo-100: oklch(0.871 0.011 274.875);
85
- --lsys-color-space-indigo-200: oklch(0.737 0.025 275.233);
86
- --lsys-color-space-indigo-300: oklch(0.599 0.037 272.432);
87
- --lsys-color-space-indigo-400: oklch(0.452 0.055 272.278);
88
- --lsys-color-space-indigo-500: oklch(0.295 0.076 269.953);
89
- --lsys-color-space-indigo-600: oklch(0.259 0.063 270.048);
90
- --lsys-color-space-indigo-700: oklch(0.221 0.048 269.859);
91
- --lsys-color-space-indigo-800: oklch(0.179 0.036 272.337);
92
- --lsys-color-space-indigo-900: oklch(0.136 0.019 270.815);
93
- --lsys-color-space-indigo-950: oklch(0.108 0.013 269.716);
94
- --lsys-color-background-base: var(--lsys-color-white);
95
- --lsys-color-background-surface: var(--lsys-color-white);
96
- --lsys-color-background-subtle: var(--lsys-color-neutral-50);
97
- --lsys-color-background-overlay: var(--lsys-color-neutral-800);
98
- --lsys-color-text-primary: var(--lsys-color-neutral-900);
99
- --lsys-color-text-secondary: var(--lsys-color-neutral-600);
100
- --lsys-color-text-disabled: var(--lsys-color-neutral-400);
101
- --lsys-color-text-inverse: var(--lsys-color-white);
102
- --lsys-color-text-link: var(--lsys-brand-color-accent-base);
103
- --lsys-color-text-accent: var(--lsys-brand-color-accent-base);
104
- --lsys-color-feedback-info-background: var(--lsys-color-blue-50);
105
- --lsys-color-feedback-info-foreground: var(--lsys-color-blue-700);
106
- --lsys-color-feedback-success-background: var(--lsys-color-green-50);
107
- --lsys-color-feedback-success-foreground: var(--lsys-color-green-700);
108
- --lsys-color-feedback-warning-background: var(--lsys-color-yellow-50);
109
- --lsys-color-feedback-warning-foreground: var(--lsys-color-yellow-800);
110
- --lsys-color-feedback-danger-background: var(--lsys-color-red-50);
111
- --lsys-color-feedback-danger-foreground: var(--lsys-color-red-700);
112
- --lsys-radius-none: 0px;
113
- --lsys-radius-sm: 0.25rem;
114
- --lsys-radius-md: 0.375rem;
115
- --lsys-radius-lg: 0.5rem;
116
- --lsys-radius-xl: 0.75rem;
117
- --lsys-radius-2xl: 1rem;
118
- --lsys-radius-full: 9999px;
119
- --lsys-radius-control: var(--lsys-radius-md);
120
- --lsys-radius-selection: var(--lsys-radius-sm);
121
- --lsys-radius-surface: var(--lsys-radius-lg);
122
- --lsys-radius-pill: var(--lsys-radius-full);
123
- --lsys-space-1: 0.25rem;
124
- --lsys-space-2: 0.5rem;
125
- --lsys-space-3: 0.75rem;
126
- --lsys-space-4: 1rem;
127
- --lsys-space-6: 1.5rem;
128
- --lsys-space-8: 2rem;
129
- --lsys-space-9: 2.25rem;
130
- --lsys-space-10: 2.5rem;
131
- --lsys-space-12: 3rem;
132
- --lsys-space-16: 4rem;
133
- --lsys-space-control-gap-sm: var(--lsys-space-1);
134
- --lsys-space-control-gap-md: var(--lsys-space-2);
135
- --lsys-space-control-gap-lg: var(--lsys-space-3);
136
- --lsys-space-control-x-xs: var(--lsys-space-2);
137
- --lsys-space-control-x-sm: var(--lsys-space-3);
138
- --lsys-space-control-x-md: var(--lsys-space-4);
139
- --lsys-space-control-x-lg: var(--lsys-space-6);
140
- --lsys-space-control-x-xl: var(--lsys-space-8);
141
- --lsys-space-control-y-xs: var(--lsys-space-1);
142
- --lsys-space-control-y-sm: var(--lsys-space-2);
143
- --lsys-space-control-y-md: var(--lsys-space-3);
144
- --lsys-space-control-y-lg: var(--lsys-space-4);
145
- --lsys-space-surface-sm: var(--lsys-space-4);
146
- --lsys-space-surface-md: var(--lsys-space-6);
147
- --lsys-space-surface-gap-sm: var(--lsys-space-1);
148
- --lsys-space-surface-gap-md: var(--lsys-space-3);
149
- --lsys-space-overlay-side-offset: var(--lsys-space-2);
150
- --lsys-size-1: 0.25rem;
151
- --lsys-size-2: 0.5rem;
152
- --lsys-size-3: 0.75rem;
153
- --lsys-size-4: 1rem;
154
- --lsys-size-5: 1.25rem;
155
- --lsys-size-6: 1.5rem;
156
- --lsys-size-7: 1.75rem;
157
- --lsys-size-8: 2rem;
158
- --lsys-size-9: 2.25rem;
159
- --lsys-size-10: 2.5rem;
160
- --lsys-size-11: 2.75rem;
161
- --lsys-size-12: 3rem;
162
- --lsys-size-13: 3.25rem;
163
- --lsys-size-14: 3.5rem;
164
- --lsys-size-15: 3.75rem;
165
- --lsys-size-16: 4rem;
166
- --lsys-size-20: 5rem;
167
- --lsys-size-48: 12rem;
168
- --lsys-size-80: 20rem;
169
- --lsys-size-96: 24rem;
170
- --lsys-size-128: 32rem;
171
- --lsys-size-160: 40rem;
172
- --lsys-size-control-xs: var(--lsys-size-6);
173
- --lsys-size-control-compact: var(--lsys-size-7);
174
- --lsys-size-control-sm: var(--lsys-size-8);
175
- --lsys-size-control-md: var(--lsys-size-10);
176
- --lsys-size-control-lg: var(--lsys-size-12);
177
- --lsys-size-control-xl: var(--lsys-size-14);
178
- --lsys-size-control-2xl: var(--lsys-size-16);
179
- --lsys-size-selection-control-sm: var(--lsys-size-3);
180
- --lsys-size-selection-control-md: var(--lsys-size-4);
181
- --lsys-size-selection-control-lg: var(--lsys-size-5);
182
- --lsys-size-area-swipe-sm: var(--lsys-size-12);
183
- --lsys-size-area-swipe-md: var(--lsys-size-16);
184
- --lsys-size-area-swipe-lg: var(--lsys-size-20);
185
- --lsys-size-selection-indicator-sm: var(--lsys-size-1);
186
- --lsys-size-selection-indicator-md: var(--lsys-size-2);
187
- --lsys-size-selection-indicator-lg: var(--lsys-size-2);
188
- --lsys-size-track-sm: var(--lsys-size-1);
189
- --lsys-size-track-md: var(--lsys-size-2);
190
- --lsys-size-track-lg: var(--lsys-size-3);
191
- --lsys-size-thumb-sm: var(--lsys-size-4);
192
- --lsys-size-thumb-md: var(--lsys-size-5);
193
- --lsys-size-thumb-lg: var(--lsys-size-6);
194
- --lsys-size-switch-track-width-sm: var(--lsys-size-9);
195
- --lsys-size-switch-track-width-md: var(--lsys-size-11);
196
- --lsys-size-switch-track-width-lg: var(--lsys-size-13);
197
- --lsys-size-switch-track-height-sm: var(--lsys-size-5);
198
- --lsys-size-switch-track-height-md: var(--lsys-size-6);
199
- --lsys-size-switch-track-height-lg: var(--lsys-size-7);
200
- --lsys-size-panel-width-sm: var(--lsys-size-80);
201
- --lsys-size-panel-width-md: var(--lsys-size-96);
202
- --lsys-size-panel-width-lg: var(--lsys-size-128);
203
- --lsys-size-panel-width-xl: var(--lsys-size-160);
204
- --lsys-size-panel-height-sm: var(--lsys-size-48);
205
- --lsys-size-panel-height-md: var(--lsys-size-80);
206
- --lsys-size-panel-height-lg: var(--lsys-size-128);
207
- --lsys-size-overlay-list-max-height: var(--lsys-size-panel-height-sm);
208
- --lsys-size-overlay-viewport-max-height: var(--lsys-layout-viewport-full);
209
- --lsys-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
210
- --lsys-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
211
- --lsys-font-family-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
212
- --lsys-font-size-xs: 0.75rem;
213
- --lsys-font-size-sm: 0.875rem;
214
- --lsys-font-size-base: 1rem;
215
- --lsys-font-size-lg: 1.125rem;
216
- --lsys-font-size-xl: 1.25rem;
217
- --lsys-font-size-2xl: 1.5rem;
218
- --lsys-font-size-3xl: 1.875rem;
219
- --lsys-font-size-4xl: 2.25rem;
220
- --lsys-font-size-5xl: 3rem;
221
- --lsys-font-size-6xl: 3.75rem;
222
- --lsys-font-size-7xl: 4.5rem;
223
- --lsys-font-size-8xl: 6rem;
224
- --lsys-font-size-9xl: 8rem;
225
- --lsys-font-weight-thin: 100;
226
- --lsys-font-weight-extralight: 200;
227
- --lsys-font-weight-light: 300;
228
- --lsys-font-weight-normal: 400;
229
- --lsys-font-weight-medium: 500;
230
- --lsys-font-weight-semibold: 600;
231
- --lsys-font-weight-bold: 700;
232
- --lsys-font-weight-extrabold: 800;
233
- --lsys-font-weight-black: 900;
234
- --lsys-line-height-none: 1;
235
- --lsys-line-height-tight: 1.25;
236
- --lsys-line-height-snug: 1.375;
237
- --lsys-line-height-normal: 1.5;
238
- --lsys-line-height-relaxed: 1.625;
239
- --lsys-line-height-loose: 2;
240
- --lsys-letter-spacing-tighter: -0.05em;
241
- --lsys-letter-spacing-tight: -0.025em;
242
- --lsys-letter-spacing-normal: 0em;
243
- --lsys-letter-spacing-wide: 0.025em;
244
- --lsys-letter-spacing-wider: 0.05em;
245
- --lsys-letter-spacing-widest: 0.1em;
246
- --lsys-duration-instant: 0ms;
247
- --lsys-duration-fastest: 100ms;
248
- --lsys-duration-fast: 150ms;
249
- --lsys-duration-normal: 200ms;
250
- --lsys-duration-slow: 300ms;
251
- --lsys-duration-slower: 500ms;
252
- --lsys-duration-control: var(--lsys-duration-fast);
253
- --lsys-duration-surface: var(--lsys-duration-fast);
254
- --lsys-easing-linear: cubic-bezier(0, 0, 1, 1);
255
- --lsys-easing-standard: cubic-bezier(0.2, 0, 0, 1);
256
- --lsys-easing-enter: cubic-bezier(0, 0, 0.2, 1);
257
- --lsys-easing-exit: cubic-bezier(0.4, 0, 1, 1);
258
- --lsys-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
259
- --lsys-easing-control: var(--lsys-easing-standard);
260
- --lsys-easing-surface: var(--lsys-easing-standard);
261
- --lsys-motion-offset-entry-y: var(--lsys-space-2);
262
- --lsys-aspect-ratio-1-1: 1;
263
- --lsys-aspect-ratio-4-3: 1.333333;
264
- --lsys-aspect-ratio-3-2: 1.5;
265
- --lsys-aspect-ratio-3-4: 0.75;
266
- --lsys-aspect-ratio-16-9: 1.777778;
267
- --lsys-aspect-ratio-21-9: 2.333333;
268
- --lsys-blur-none: 0px;
269
- --lsys-blur-xs: 2px;
270
- --lsys-blur-sm: 4px;
271
- --lsys-blur-md: 8px;
272
- --lsys-blur-lg: 12px;
273
- --lsys-blur-xl: 16px;
274
- --lsys-blur-2xl: 24px;
275
- --lsys-blur-3xl: 40px;
276
- --lsys-border-none: 0px;
277
- --lsys-border-hairline: 0.5px;
278
- --lsys-border-thin: 1px;
279
- --lsys-border-medium: 2px;
280
- --lsys-border-thick: 4px;
281
- --lsys-border-default: var(--lsys-color-neutral-200);
282
- --lsys-border-strong: var(--lsys-color-neutral-400);
283
- --lsys-border-focus: var(--lsys-brand-color-primary-base);
284
- --lsys-border-accent: var(--lsys-brand-color-accent-base);
285
- --lsys-border-control-color: var(--lsys-color-neutral-200);
286
- --lsys-border-control-width: var(--lsys-border-thin);
287
- --lsys-border-control-style: solid;
288
- --lsys-breakpoint-sm: 40rem;
289
- --lsys-breakpoint-md: 48rem;
290
- --lsys-breakpoint-lg: 64rem;
291
- --lsys-breakpoint-xl: 80rem;
292
- --lsys-breakpoint-2xl: 96rem;
293
- --lsys-opacity-0: 0;
294
- --lsys-opacity-5: 0.05;
295
- --lsys-opacity-10: 0.1;
296
- --lsys-opacity-20: 0.2;
297
- --lsys-opacity-30: 0.3;
298
- --lsys-opacity-40: 0.4;
299
- --lsys-opacity-50: 0.5;
300
- --lsys-opacity-60: 0.6;
301
- --lsys-opacity-70: 0.7;
302
- --lsys-opacity-80: 0.8;
303
- --lsys-opacity-90: 0.9;
304
- --lsys-opacity-100: 1;
305
- --lsys-opacity-disabled: var(--lsys-opacity-50);
306
- --lsys-opacity-busy: var(--lsys-opacity-80);
307
- --lsys-outline-width-none: 0px;
308
- --lsys-outline-width-hairline: 1px;
309
- --lsys-outline-width-thin: 2px;
310
- --lsys-outline-width-medium: 3px;
311
- --lsys-outline-width-thick: 4px;
312
- --lsys-outline-width-focus: var(--lsys-outline-width-thin);
313
- --lsys-outline-width-inset: var(--lsys-outline-width-thin);
314
- --lsys-outline-width-zero: var(--lsys-outline-width-none);
315
- --lsys-outline-offset-none: 0px;
316
- --lsys-outline-offset-xs: 1px;
317
- --lsys-outline-offset-sm: 2px;
318
- --lsys-outline-offset-md: 4px;
319
- --lsys-outline-offset-lg: 6px;
320
- --lsys-outline-offset-xl: 8px;
321
- --lsys-outline-offset-focus: var(--lsys-outline-offset-sm);
322
- --lsys-outline-offset-zero: var(--lsys-outline-offset-none);
323
- --lsys-shadow-0-color: oklch(0 0 0 / 0);
324
- --lsys-shadow-0-offset-x: 0;
325
- --lsys-shadow-0-offset-y: 0;
326
- --lsys-shadow-0-blur: 0;
327
- --lsys-shadow-0-spread: 0;
328
- --lsys-shadow-0-inset: ;
329
- --lsys-shadow-0-box-shadow: var(--lsys-shadow-0-inset) var(--lsys-shadow-0-offset-x) var(--lsys-shadow-0-offset-y) var(--lsys-shadow-0-blur) var(--lsys-shadow-0-spread) var(--lsys-shadow-0-color);
330
- --lsys-shadow-1-color: oklch(0 0 0 / 0.06);
331
- --lsys-shadow-1-offset-x: 0;
332
- --lsys-shadow-1-offset-y: 1px;
333
- --lsys-shadow-1-blur: 2px;
334
- --lsys-shadow-1-spread: 0;
335
- --lsys-shadow-1-inset: ;
336
- --lsys-shadow-1-box-shadow: var(--lsys-shadow-1-inset) var(--lsys-shadow-1-offset-x) var(--lsys-shadow-1-offset-y) var(--lsys-shadow-1-blur) var(--lsys-shadow-1-spread) var(--lsys-shadow-1-color);
337
- --lsys-shadow-2-color: oklch(0 0 0 / 0.08);
338
- --lsys-shadow-2-offset-x: 0;
339
- --lsys-shadow-2-offset-y: 2px;
340
- --lsys-shadow-2-blur: 4px;
341
- --lsys-shadow-2-spread: 0;
342
- --lsys-shadow-2-inset: ;
343
- --lsys-shadow-2-box-shadow: var(--lsys-shadow-2-inset) var(--lsys-shadow-2-offset-x) var(--lsys-shadow-2-offset-y) var(--lsys-shadow-2-blur) var(--lsys-shadow-2-spread) var(--lsys-shadow-2-color);
344
- --lsys-shadow-3-color: oklch(0 0 0 / 0.1);
345
- --lsys-shadow-3-offset-x: 0;
346
- --lsys-shadow-3-offset-y: 4px;
347
- --lsys-shadow-3-blur: 8px;
348
- --lsys-shadow-3-spread: 0;
349
- --lsys-shadow-3-inset: ;
350
- --lsys-shadow-3-box-shadow: var(--lsys-shadow-3-inset) var(--lsys-shadow-3-offset-x) var(--lsys-shadow-3-offset-y) var(--lsys-shadow-3-blur) var(--lsys-shadow-3-spread) var(--lsys-shadow-3-color);
351
- --lsys-shadow-4-color: oklch(0 0 0 / 0.12);
352
- --lsys-shadow-4-offset-x: 0;
353
- --lsys-shadow-4-offset-y: 8px;
354
- --lsys-shadow-4-blur: 16px;
355
- --lsys-shadow-4-spread: 0;
356
- --lsys-shadow-4-inset: ;
357
- --lsys-shadow-4-box-shadow: var(--lsys-shadow-4-inset) var(--lsys-shadow-4-offset-x) var(--lsys-shadow-4-offset-y) var(--lsys-shadow-4-blur) var(--lsys-shadow-4-spread) var(--lsys-shadow-4-color);
358
- --lsys-shadow-5-color: oklch(0 0 0 / 0.14);
359
- --lsys-shadow-5-offset-x: 0;
360
- --lsys-shadow-5-offset-y: 16px;
361
- --lsys-shadow-5-blur: 32px;
362
- --lsys-shadow-5-spread: 0;
363
- --lsys-shadow-5-inset: ;
364
- --lsys-shadow-5-box-shadow: var(--lsys-shadow-5-inset) var(--lsys-shadow-5-offset-x) var(--lsys-shadow-5-offset-y) var(--lsys-shadow-5-blur) var(--lsys-shadow-5-spread) var(--lsys-shadow-5-color);
365
- --lsys-shadow-6-color: oklch(0 0 0 / 0.16);
366
- --lsys-shadow-6-offset-x: 0;
367
- --lsys-shadow-6-offset-y: 24px;
368
- --lsys-shadow-6-blur: 48px;
369
- --lsys-shadow-6-spread: 0;
370
- --lsys-shadow-6-inset: ;
371
- --lsys-shadow-6-box-shadow: var(--lsys-shadow-6-inset) var(--lsys-shadow-6-offset-x) var(--lsys-shadow-6-offset-y) var(--lsys-shadow-6-blur) var(--lsys-shadow-6-spread) var(--lsys-shadow-6-color);
372
- --lsys-shadow-inner-color: oklch(0 0 0 / 0.08);
373
- --lsys-shadow-inner-offset-x: 0;
374
- --lsys-shadow-inner-offset-y: 1px;
375
- --lsys-shadow-inner-blur: 2px;
376
- --lsys-shadow-inner-spread: 0;
377
- --lsys-shadow-inner-inset: inset;
378
- --lsys-shadow-inner-box-shadow: var(--lsys-shadow-inner-inset) var(--lsys-shadow-inner-offset-x) var(--lsys-shadow-inner-offset-y) var(--lsys-shadow-inner-blur) var(--lsys-shadow-inner-spread) var(--lsys-shadow-inner-color);
379
- --lsys-z-index-base: 0;
380
- --lsys-z-index-behind: -10;
381
- --lsys-z-index-local: 30;
382
- --lsys-z-index-raised: 10;
383
- --lsys-z-index-sticky: 100;
384
- --lsys-z-index-dropdown: 1000;
385
- --lsys-z-index-overlay: 2000;
386
- --lsys-z-index-modal: 3000;
387
- --lsys-z-index-popover: 4000;
388
- --lsys-z-index-toast: 5000;
389
- --lsys-z-index-tooltip: 6000;
390
- --lsys-z-index-max: 9999;
391
- --lsys-brand-color-primary-base: var(--lsys-color-orange-600);
392
- --lsys-brand-color-primary-hover: var(--lsys-color-orange-700);
393
- --lsys-brand-color-primary-active: var(--lsys-color-orange-800);
394
- --lsys-brand-color-primary-disabled: var(--lsys-color-neutral-300);
395
- --lsys-brand-color-accent-base: var(--lsys-color-space-indigo-500);
396
- --lsys-brand-color-accent-hover: var(--lsys-color-space-indigo-700);
397
- --lsys-brand-color-accent-active: var(--lsys-color-space-indigo-900);
398
- --lsys-brand-color-accent-disabled: var(--lsys-color-neutral-200);
399
- --lsys-typography-family-sans: var(--lsys-font-family-sans);
400
- --lsys-typography-family-serif: var(--lsys-font-family-serif);
401
- --lsys-typography-family-mono: var(--lsys-font-family-mono);
402
- --lsys-typography-body-xs-font-family: var(--lsys-typography-family-sans);
403
- --lsys-typography-body-xs-font-size: var(--lsys-font-size-xs);
404
- --lsys-typography-body-xs-font-weight: var(--lsys-font-weight-normal);
405
- --lsys-typography-body-xs-line-height: var(--lsys-line-height-normal);
406
- --lsys-typography-body-xs-letter-spacing: var(--lsys-letter-spacing-normal);
407
- --lsys-typography-body-sm-font-family: var(--lsys-typography-family-sans);
408
- --lsys-typography-body-sm-font-size: var(--lsys-font-size-sm);
409
- --lsys-typography-body-sm-font-weight: var(--lsys-font-weight-normal);
410
- --lsys-typography-body-sm-line-height: var(--lsys-line-height-normal);
411
- --lsys-typography-body-sm-letter-spacing: var(--lsys-letter-spacing-normal);
412
- --lsys-typography-body-md-font-family: var(--lsys-typography-family-sans);
413
- --lsys-typography-body-md-font-size: var(--lsys-font-size-base);
414
- --lsys-typography-body-md-font-weight: var(--lsys-font-weight-normal);
415
- --lsys-typography-body-md-line-height: var(--lsys-line-height-normal);
416
- --lsys-typography-body-md-letter-spacing: var(--lsys-letter-spacing-normal);
417
- --lsys-typography-body-lg-font-family: var(--lsys-typography-family-sans);
418
- --lsys-typography-body-lg-font-size: var(--lsys-font-size-lg);
419
- --lsys-typography-body-lg-font-weight: var(--lsys-font-weight-normal);
420
- --lsys-typography-body-lg-line-height: var(--lsys-line-height-relaxed);
421
- --lsys-typography-body-lg-letter-spacing: var(--lsys-letter-spacing-normal);
422
- --lsys-typography-body-xl-font-family: var(--lsys-typography-family-sans);
423
- --lsys-typography-body-xl-font-size: var(--lsys-font-size-xl);
424
- --lsys-typography-body-xl-font-weight: var(--lsys-font-weight-normal);
425
- --lsys-typography-body-xl-line-height: var(--lsys-line-height-relaxed);
426
- --lsys-typography-body-xl-letter-spacing: var(--lsys-letter-spacing-normal);
427
- --lsys-typography-heading-xs-font-family: var(--lsys-typography-family-sans);
428
- --lsys-typography-heading-xs-font-size: var(--lsys-font-size-base);
429
- --lsys-typography-heading-xs-font-weight: var(--lsys-font-weight-semibold);
430
- --lsys-typography-heading-xs-line-height: var(--lsys-line-height-tight);
431
- --lsys-typography-heading-xs-letter-spacing: var(--lsys-letter-spacing-tight);
432
- --lsys-typography-heading-sm-font-family: var(--lsys-typography-family-sans);
433
- --lsys-typography-heading-sm-font-size: var(--lsys-font-size-lg);
434
- --lsys-typography-heading-sm-font-weight: var(--lsys-font-weight-semibold);
435
- --lsys-typography-heading-sm-line-height: var(--lsys-line-height-tight);
436
- --lsys-typography-heading-sm-letter-spacing: var(--lsys-letter-spacing-tight);
437
- --lsys-typography-heading-md-font-family: var(--lsys-typography-family-sans);
438
- --lsys-typography-heading-md-font-size: var(--lsys-font-size-xl);
439
- --lsys-typography-heading-md-font-weight: var(--lsys-font-weight-semibold);
440
- --lsys-typography-heading-md-line-height: var(--lsys-line-height-tight);
441
- --lsys-typography-heading-md-letter-spacing: var(--lsys-letter-spacing-tight);
442
- --lsys-typography-heading-lg-font-family: var(--lsys-typography-family-sans);
443
- --lsys-typography-heading-lg-font-size: var(--lsys-font-size-2xl);
444
- --lsys-typography-heading-lg-font-weight: var(--lsys-font-weight-bold);
445
- --lsys-typography-heading-lg-line-height: var(--lsys-line-height-tight);
446
- --lsys-typography-heading-lg-letter-spacing: var(--lsys-letter-spacing-tight);
447
- --lsys-typography-heading-xl-font-family: var(--lsys-typography-family-sans);
448
- --lsys-typography-heading-xl-font-size: var(--lsys-font-size-3xl);
449
- --lsys-typography-heading-xl-font-weight: var(--lsys-font-weight-bold);
450
- --lsys-typography-heading-xl-line-height: var(--lsys-line-height-tight);
451
- --lsys-typography-heading-xl-letter-spacing: var(--lsys-letter-spacing-tight);
452
- --lsys-typography-heading-2xl-font-family: var(--lsys-typography-family-sans);
453
- --lsys-typography-heading-2xl-font-size: var(--lsys-font-size-4xl);
454
- --lsys-typography-heading-2xl-font-weight: var(--lsys-font-weight-bold);
455
- --lsys-typography-heading-2xl-line-height: var(--lsys-line-height-tight);
456
- --lsys-typography-heading-2xl-letter-spacing: var(--lsys-letter-spacing-tight);
457
- --lsys-typography-display-sm-font-family: var(--lsys-typography-family-sans);
458
- --lsys-typography-display-sm-font-size: var(--lsys-font-size-5xl);
459
- --lsys-typography-display-sm-font-weight: var(--lsys-font-weight-bold);
460
- --lsys-typography-display-sm-line-height: var(--lsys-line-height-none);
461
- --lsys-typography-display-sm-letter-spacing: var(--lsys-letter-spacing-tight);
462
- --lsys-typography-display-md-font-family: var(--lsys-typography-family-sans);
463
- --lsys-typography-display-md-font-size: var(--lsys-font-size-6xl);
464
- --lsys-typography-display-md-font-weight: var(--lsys-font-weight-bold);
465
- --lsys-typography-display-md-line-height: var(--lsys-line-height-none);
466
- --lsys-typography-display-md-letter-spacing: var(--lsys-letter-spacing-tighter);
467
- --lsys-typography-display-lg-font-family: var(--lsys-typography-family-sans);
468
- --lsys-typography-display-lg-font-size: var(--lsys-font-size-7xl);
469
- --lsys-typography-display-lg-font-weight: var(--lsys-font-weight-extrabold);
470
- --lsys-typography-display-lg-line-height: var(--lsys-line-height-none);
471
- --lsys-typography-display-lg-letter-spacing: var(--lsys-letter-spacing-tighter);
472
- --lsys-typography-label-xs-font-family: var(--lsys-typography-family-sans);
473
- --lsys-typography-label-xs-font-size: var(--lsys-font-size-xs);
474
- --lsys-typography-label-xs-font-weight: var(--lsys-font-weight-medium);
475
- --lsys-typography-label-xs-line-height: var(--lsys-line-height-tight);
476
- --lsys-typography-label-xs-letter-spacing: var(--lsys-letter-spacing-normal);
477
- --lsys-typography-label-sm-font-family: var(--lsys-typography-family-sans);
478
- --lsys-typography-label-sm-font-size: var(--lsys-font-size-sm);
479
- --lsys-typography-label-sm-font-weight: var(--lsys-font-weight-medium);
480
- --lsys-typography-label-sm-line-height: var(--lsys-line-height-tight);
481
- --lsys-typography-label-sm-letter-spacing: var(--lsys-letter-spacing-normal);
482
- --lsys-typography-label-md-font-family: var(--lsys-typography-family-sans);
483
- --lsys-typography-label-md-font-size: var(--lsys-font-size-base);
484
- --lsys-typography-label-md-font-weight: var(--lsys-font-weight-medium);
485
- --lsys-typography-label-md-line-height: var(--lsys-line-height-snug);
486
- --lsys-typography-label-md-letter-spacing: var(--lsys-letter-spacing-normal);
487
- --lsys-typography-label-lg-font-family: var(--lsys-typography-family-sans);
488
- --lsys-typography-label-lg-font-size: var(--lsys-font-size-lg);
489
- --lsys-typography-label-lg-font-weight: var(--lsys-font-weight-medium);
490
- --lsys-typography-label-lg-line-height: var(--lsys-line-height-snug);
491
- --lsys-typography-label-lg-letter-spacing: var(--lsys-letter-spacing-normal);
492
- --lsys-typography-control-xs-font-family: var(--lsys-typography-family-sans);
493
- --lsys-typography-control-xs-font-size: var(--lsys-font-size-xs);
494
- --lsys-typography-control-xs-font-weight: var(--lsys-font-weight-medium);
495
- --lsys-typography-control-xs-line-height: var(--lsys-line-height-tight);
496
- --lsys-typography-control-xs-letter-spacing: var(--lsys-letter-spacing-normal);
497
- --lsys-typography-control-sm-font-family: var(--lsys-typography-family-sans);
498
- --lsys-typography-control-sm-font-size: var(--lsys-font-size-sm);
499
- --lsys-typography-control-sm-font-weight: var(--lsys-font-weight-medium);
500
- --lsys-typography-control-sm-line-height: var(--lsys-line-height-tight);
501
- --lsys-typography-control-sm-letter-spacing: var(--lsys-letter-spacing-normal);
502
- --lsys-typography-control-md-font-family: var(--lsys-typography-family-sans);
503
- --lsys-typography-control-md-font-size: var(--lsys-font-size-sm);
504
- --lsys-typography-control-md-font-weight: var(--lsys-font-weight-medium);
505
- --lsys-typography-control-md-line-height: var(--lsys-line-height-tight);
506
- --lsys-typography-control-md-letter-spacing: var(--lsys-letter-spacing-normal);
507
- --lsys-typography-control-lg-font-family: var(--lsys-typography-family-sans);
508
- --lsys-typography-control-lg-font-size: var(--lsys-font-size-base);
509
- --lsys-typography-control-lg-font-weight: var(--lsys-font-weight-medium);
510
- --lsys-typography-control-lg-line-height: var(--lsys-line-height-snug);
511
- --lsys-typography-control-lg-letter-spacing: var(--lsys-letter-spacing-normal);
512
- --lsys-typography-control-xl-font-family: var(--lsys-typography-family-sans);
513
- --lsys-typography-control-xl-font-size: var(--lsys-font-size-base);
514
- --lsys-typography-control-xl-font-weight: var(--lsys-font-weight-medium);
515
- --lsys-typography-control-xl-line-height: var(--lsys-line-height-snug);
516
- --lsys-typography-control-xl-letter-spacing: var(--lsys-letter-spacing-normal);
517
- --lsys-typography-code-sm-font-family: var(--lsys-typography-family-mono);
518
- --lsys-typography-code-sm-font-size: var(--lsys-font-size-xs);
519
- --lsys-typography-code-sm-font-weight: var(--lsys-font-weight-normal);
520
- --lsys-typography-code-sm-line-height: var(--lsys-line-height-normal);
521
- --lsys-typography-code-sm-letter-spacing: var(--lsys-letter-spacing-normal);
522
- --lsys-typography-code-md-font-family: var(--lsys-typography-family-mono);
523
- --lsys-typography-code-md-font-size: var(--lsys-font-size-sm);
524
- --lsys-typography-code-md-font-weight: var(--lsys-font-weight-normal);
525
- --lsys-typography-code-md-line-height: var(--lsys-line-height-normal);
526
- --lsys-typography-code-md-letter-spacing: var(--lsys-letter-spacing-normal);
527
- --lsys-typography-code-lg-font-family: var(--lsys-typography-family-mono);
528
- --lsys-typography-code-lg-font-size: var(--lsys-font-size-base);
529
- --lsys-typography-code-lg-font-weight: var(--lsys-font-weight-normal);
530
- --lsys-typography-code-lg-line-height: var(--lsys-line-height-relaxed);
531
- --lsys-typography-code-lg-letter-spacing: var(--lsys-letter-spacing-normal);
532
- --lsys-action-primary-base: var(--lsys-brand-color-primary-base);
533
- --lsys-action-primary-hover: var(--lsys-brand-color-primary-hover);
534
- --lsys-action-primary-active: var(--lsys-brand-color-primary-active);
535
- --lsys-action-primary-disabled: var(--lsys-brand-color-primary-disabled);
536
- --lsys-action-secondary-base: var(--lsys-color-neutral-100);
537
- --lsys-action-secondary-hover: var(--lsys-color-neutral-200);
538
- --lsys-action-secondary-active: var(--lsys-color-neutral-300);
539
- --lsys-action-secondary-disabled: var(--lsys-color-neutral-100);
540
- --lsys-action-danger-base: var(--lsys-color-red-600);
541
- --lsys-action-danger-hover: var(--lsys-color-red-700);
542
- --lsys-action-danger-active: var(--lsys-color-red-800);
543
- --lsys-action-danger-disabled: var(--lsys-color-red-300);
544
- --lsys-elevation-behind-z-index: var(--lsys-z-index-behind);
545
- --lsys-elevation-backdrop-z-index: var(--lsys-z-index-overlay);
546
- --lsys-elevation-handle-z-index: var(--lsys-z-index-local);
547
- --lsys-elevation-layer-z-index: var(--lsys-z-index-modal);
548
- --lsys-elevation-floating-z-index: var(--lsys-z-index-popover);
549
- --lsys-elevation-toast-z-index: var(--lsys-z-index-toast);
550
- --lsys-elevation-tooltip-z-index: var(--lsys-z-index-tooltip);
551
- --lsys-elevation-shadow-floating-color: var(--lsys-shadow-4-color);
552
- --lsys-elevation-shadow-floating-inset: var(--lsys-shadow-4-inset);
553
- --lsys-elevation-shadow-floating-offset-x: var(--lsys-shadow-4-offset-x);
554
- --lsys-elevation-shadow-floating-offset-y: var(--lsys-shadow-4-offset-y);
555
- --lsys-elevation-shadow-floating-blur: var(--lsys-shadow-4-blur);
556
- --lsys-elevation-shadow-floating-spread: var(--lsys-shadow-4-spread);
557
- --lsys-elevation-shadow-floating-box-shadow: var(--lsys-elevation-shadow-floating-inset) var(--lsys-elevation-shadow-floating-offset-x) var(--lsys-elevation-shadow-floating-offset-y) var(--lsys-elevation-shadow-floating-blur) var(--lsys-elevation-shadow-floating-spread) var(--lsys-elevation-shadow-floating-color);
558
- --lsys-elevation-shadow-raised-color: var(--lsys-shadow-5-color);
559
- --lsys-elevation-shadow-raised-inset: var(--lsys-shadow-5-inset);
560
- --lsys-elevation-shadow-raised-offset-x: var(--lsys-shadow-5-offset-x);
561
- --lsys-elevation-shadow-raised-offset-y: var(--lsys-shadow-5-offset-y);
562
- --lsys-elevation-shadow-raised-blur: var(--lsys-shadow-5-blur);
563
- --lsys-elevation-shadow-raised-spread: var(--lsys-shadow-5-spread);
564
- --lsys-elevation-shadow-raised-box-shadow: var(--lsys-elevation-shadow-raised-inset) var(--lsys-elevation-shadow-raised-offset-x) var(--lsys-elevation-shadow-raised-offset-y) var(--lsys-elevation-shadow-raised-blur) var(--lsys-elevation-shadow-raised-spread) var(--lsys-elevation-shadow-raised-color);
565
- --lsys-layout-viewport-sm: var(--lsys-breakpoint-sm);
566
- --lsys-layout-viewport-md: var(--lsys-breakpoint-md);
567
- --lsys-layout-viewport-lg: var(--lsys-breakpoint-lg);
568
- --lsys-layout-viewport-xl: var(--lsys-breakpoint-xl);
569
- --lsys-layout-viewport-2xl: var(--lsys-breakpoint-2xl);
570
- --lsys-layout-viewport-full: 100dvh;
571
- --lsys-layout-aspect-ratio-square: var(--lsys-aspect-ratio-1-1);
572
- --lsys-layout-aspect-ratio-standard: var(--lsys-aspect-ratio-4-3);
573
- --lsys-layout-aspect-ratio-photo: var(--lsys-aspect-ratio-3-2);
574
- --lsys-layout-aspect-ratio-portrait: var(--lsys-aspect-ratio-3-4);
575
- --lsys-layout-aspect-ratio-video: var(--lsys-aspect-ratio-16-9);
576
- --lsys-layout-aspect-ratio-ultrawide: var(--lsys-aspect-ratio-21-9);
577
- --lsys-accordion-background: var(--lsys-color-background-surface);
578
- --lsys-accordion-foreground: var(--lsys-color-text-primary);
579
- --lsys-accordion-border-color: var(--lsys-border-default);
580
- --lsys-accordion-radius: var(--lsys-radius-surface);
581
- --lsys-accordion-item-border-color: var(--lsys-border-default);
582
- --lsys-accordion-trigger-background-hover: var(--lsys-color-background-subtle);
583
- --lsys-accordion-trigger-padding-x: var(--lsys-space-control-x-md);
584
- --lsys-accordion-trigger-padding-y: var(--lsys-space-control-y-md);
585
- --lsys-accordion-trigger-font-family: var(--lsys-typography-label-sm-font-family);
586
- --lsys-accordion-trigger-font-size: var(--lsys-typography-label-sm-font-size);
587
- --lsys-accordion-trigger-font-weight: var(--lsys-typography-label-sm-font-weight);
588
- --lsys-accordion-trigger-font-line-height: var(--lsys-typography-label-sm-line-height);
589
- --lsys-accordion-panel-foreground: var(--lsys-color-text-secondary);
590
- --lsys-accordion-panel-padding-x: var(--lsys-space-control-x-md);
591
- --lsys-accordion-panel-padding-bottom: var(--lsys-space-surface-sm);
592
- --lsys-accordion-panel-font-size: var(--lsys-typography-body-sm-font-size);
593
- --lsys-accordion-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
594
- --lsys-accordion-focus-ring-color: var(--lsys-border-focus);
595
- --lsys-accordion-focus-ring-width: var(--lsys-outline-width-inset);
596
- --lsys-accordion-transition-duration: var(--lsys-duration-control);
597
- --lsys-accordion-transition-easing: var(--lsys-easing-control);
598
- --lsys-alert-dialog-backdrop-background: var(--lsys-color-text-primary);
599
- --lsys-alert-dialog-backdrop-opacity: 0.56;
600
- --lsys-alert-dialog-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
601
- --lsys-alert-dialog-viewport-padding: var(--lsys-space-surface-md);
602
- --lsys-alert-dialog-viewport-inset: var(--lsys-space-surface-md);
603
- --lsys-alert-dialog-viewport-z-index: var(--lsys-elevation-layer-z-index);
604
- --lsys-alert-dialog-popup-background: var(--lsys-color-background-base);
605
- --lsys-alert-dialog-popup-foreground: var(--lsys-color-text-primary);
606
- --lsys-alert-dialog-popup-border-color: var(--lsys-border-default);
607
- --lsys-alert-dialog-popup-radius: var(--lsys-radius-surface);
608
- --lsys-alert-dialog-popup-max-width: var(--lsys-size-panel-width-lg);
609
- --lsys-alert-dialog-popup-padding: var(--lsys-space-surface-md);
610
- --lsys-alert-dialog-popup-gap: var(--lsys-space-surface-gap-md);
611
- --lsys-alert-dialog-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
612
- --lsys-alert-dialog-title-foreground: var(--lsys-color-text-primary);
613
- --lsys-alert-dialog-title-padding-end: var(--lsys-size-control-lg);
614
- --lsys-alert-dialog-title-font-size: var(--lsys-typography-heading-sm-font-size);
615
- --lsys-alert-dialog-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
616
- --lsys-alert-dialog-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
617
- --lsys-alert-dialog-description-foreground: var(--lsys-color-text-secondary);
618
- --lsys-alert-dialog-description-font-size: var(--lsys-typography-body-sm-font-size);
619
- --lsys-alert-dialog-description-font-weight: var(--lsys-typography-body-sm-font-weight);
620
- --lsys-alert-dialog-description-font-line-height: var(--lsys-typography-body-sm-line-height);
621
- --lsys-alert-dialog-trigger-background: var(--lsys-action-danger-base);
622
- --lsys-alert-dialog-trigger-foreground: var(--lsys-color-text-inverse);
623
- --lsys-alert-dialog-trigger-hover-background: var(--lsys-action-danger-base);
624
- --lsys-alert-dialog-trigger-height: var(--lsys-size-control-md);
625
- --lsys-alert-dialog-trigger-radius: var(--lsys-radius-control);
626
- --lsys-alert-dialog-trigger-padding-x: var(--lsys-space-control-x-md);
627
- --lsys-alert-dialog-trigger-font-size: var(--lsys-typography-control-md-font-size);
628
- --lsys-alert-dialog-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
629
- --lsys-alert-dialog-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
630
- --lsys-alert-dialog-close-foreground: var(--lsys-color-text-secondary);
631
- --lsys-alert-dialog-close-hover-background: var(--lsys-color-background-subtle);
632
- --lsys-alert-dialog-close-size: var(--lsys-size-control-sm);
633
- --lsys-alert-dialog-close-inset: var(--lsys-space-control-x-sm);
634
- --lsys-alert-dialog-close-radius: var(--lsys-radius-control);
635
- --lsys-alert-dialog-focus-ring-color: var(--lsys-border-focus);
636
- --lsys-alert-dialog-focus-ring-offset-color: var(--lsys-color-background-base);
637
- --lsys-alert-dialog-focus-ring-width: var(--lsys-outline-width-focus);
638
- --lsys-alert-dialog-focus-ring-offset: var(--lsys-outline-offset-focus);
639
- --lsys-alert-dialog-transition-duration: var(--lsys-duration-control);
640
- --lsys-alert-dialog-transition-easing: var(--lsys-easing-control);
641
- --lsys-alert-radius: var(--lsys-radius-surface);
642
- --lsys-alert-padding: var(--lsys-space-surface-sm);
643
- --lsys-alert-gap: var(--lsys-space-surface-gap-sm);
644
- --lsys-alert-transition-duration: var(--lsys-duration-surface);
645
- --lsys-alert-transition-easing: var(--lsys-easing-surface);
646
- --lsys-alert-title-font-size: var(--lsys-typography-label-sm-font-size);
647
- --lsys-alert-title-font-weight: var(--lsys-typography-label-sm-font-weight);
648
- --lsys-alert-title-font-line-height: var(--lsys-typography-label-sm-line-height);
649
- --lsys-alert-description-foreground: var(--lsys-color-text-secondary);
650
- --lsys-alert-description-font-size: var(--lsys-typography-body-sm-font-size);
651
- --lsys-alert-description-font-line-height: var(--lsys-typography-body-sm-line-height);
652
- --lsys-alert-neutral-background: var(--lsys-color-background-surface);
653
- --lsys-alert-neutral-foreground: var(--lsys-color-text-primary);
654
- --lsys-alert-neutral-border-color: var(--lsys-border-default);
655
- --lsys-alert-primary-background: var(--lsys-color-feedback-info-background);
656
- --lsys-alert-primary-foreground: var(--lsys-color-feedback-info-foreground);
657
- --lsys-alert-primary-border-color: var(--lsys-color-feedback-info-foreground);
658
- --lsys-alert-danger-background: var(--lsys-color-feedback-danger-background);
659
- --lsys-alert-danger-foreground: var(--lsys-color-feedback-danger-foreground);
660
- --lsys-alert-danger-border-color: var(--lsys-color-feedback-danger-foreground);
661
- --lsys-avatar-background: var(--lsys-color-background-subtle);
662
- --lsys-avatar-foreground: var(--lsys-color-text-secondary);
663
- --lsys-avatar-border-color: var(--lsys-border-default);
664
- --lsys-avatar-fallback-background: var(--lsys-color-background-subtle);
665
- --lsys-avatar-fallback-foreground: var(--lsys-color-text-secondary);
666
- --lsys-avatar-radius-circle: var(--lsys-radius-pill);
667
- --lsys-avatar-radius-square: var(--lsys-radius-control);
668
- --lsys-avatar-size-sm: var(--lsys-size-control-sm);
669
- --lsys-avatar-size-md: var(--lsys-size-control-md);
670
- --lsys-avatar-size-lg: var(--lsys-size-control-lg);
671
- --lsys-avatar-font-size-sm: var(--lsys-typography-label-xs-font-size);
672
- --lsys-avatar-font-size-md: var(--lsys-typography-label-sm-font-size);
673
- --lsys-avatar-font-size-lg: var(--lsys-typography-label-md-font-size);
674
- --lsys-avatar-font-weight: var(--lsys-typography-label-md-font-weight);
675
- --lsys-avatar-font-line-height: 1;
676
- --lsys-avatar-transition-duration: var(--lsys-duration-surface);
677
- --lsys-avatar-transition-easing: var(--lsys-easing-surface);
678
- --lsys-badge-radius: var(--lsys-radius-control);
679
- --lsys-badge-height-sm: var(--lsys-size-control-xs);
680
- --lsys-badge-height-md: var(--lsys-size-control-compact);
681
- --lsys-badge-padding-x-sm: var(--lsys-space-control-x-xs);
682
- --lsys-badge-padding-x-md: var(--lsys-space-control-x-sm);
683
- --lsys-badge-font-size-sm: var(--lsys-typography-label-xs-font-size);
684
- --lsys-badge-font-size-md: var(--lsys-typography-label-sm-font-size);
685
- --lsys-badge-font-weight: var(--lsys-typography-label-sm-font-weight);
686
- --lsys-badge-font-line-height: 1;
687
- --lsys-badge-transition-duration: var(--lsys-duration-control);
688
- --lsys-badge-transition-easing: var(--lsys-easing-control);
689
- --lsys-badge-outline-background: transparent;
690
- --lsys-badge-neutral-background: var(--lsys-color-background-subtle);
691
- --lsys-badge-neutral-foreground: var(--lsys-color-text-primary);
692
- --lsys-badge-neutral-border-color: var(--lsys-border-default);
693
- --lsys-badge-primary-background: var(--lsys-action-primary-base);
694
- --lsys-badge-primary-foreground: var(--lsys-color-text-inverse);
695
- --lsys-badge-primary-border-color: var(--lsys-action-primary-base);
696
- --lsys-badge-danger-background: var(--lsys-action-danger-base);
697
- --lsys-badge-danger-foreground: var(--lsys-color-text-inverse);
698
- --lsys-badge-danger-border-color: var(--lsys-action-danger-base);
699
- --lsys-button-radius: var(--lsys-radius-control);
700
- --lsys-button-focus-ring-color: var(--lsys-border-focus);
701
- --lsys-button-focus-ring-offset-color: var(--lsys-color-background-base);
702
- --lsys-button-focus-ring-width: var(--lsys-outline-width-focus);
703
- --lsys-button-focus-ring-offset: var(--lsys-outline-offset-focus);
704
- --lsys-button-primary-background: var(--lsys-action-primary-base);
705
- --lsys-button-primary-foreground: var(--lsys-color-text-inverse);
706
- --lsys-button-primary-hover-background: var(--lsys-action-primary-hover);
707
- --lsys-button-primary-border-color: transparent;
708
- --lsys-button-secondary-background: var(--lsys-color-background-subtle);
709
- --lsys-button-secondary-foreground: var(--lsys-color-text-primary);
710
- --lsys-button-secondary-hover-background: var(--lsys-color-background-surface);
711
- --lsys-button-secondary-border-color: var(--lsys-border-default);
712
- --lsys-button-danger-background: var(--lsys-action-danger-base);
713
- --lsys-button-danger-foreground: var(--lsys-color-text-inverse);
714
- --lsys-button-danger-hover-background: var(--lsys-action-danger-hover);
715
- --lsys-button-danger-border-color: transparent;
716
- --lsys-button-height-xs: var(--lsys-size-control-xs);
717
- --lsys-button-height-sm: var(--lsys-size-control-sm);
718
- --lsys-button-height-md: var(--lsys-size-control-md);
719
- --lsys-button-height-lg: var(--lsys-size-control-lg);
720
- --lsys-button-height-xl: var(--lsys-size-control-xl);
721
- --lsys-button-padding-x-xs: var(--lsys-space-control-x-xs);
722
- --lsys-button-padding-x-sm: var(--lsys-space-control-x-sm);
723
- --lsys-button-padding-x-md: var(--lsys-space-control-x-md);
724
- --lsys-button-padding-x-lg: var(--lsys-space-control-x-lg);
725
- --lsys-button-padding-x-xl: var(--lsys-space-control-x-xl);
726
- --lsys-button-font-family: var(--lsys-typography-control-md-font-family);
727
- --lsys-button-font-size-xs: var(--lsys-typography-control-xs-font-size);
728
- --lsys-button-font-size-sm: var(--lsys-typography-control-sm-font-size);
729
- --lsys-button-font-size-md: var(--lsys-typography-control-md-font-size);
730
- --lsys-button-font-size-lg: var(--lsys-typography-control-lg-font-size);
731
- --lsys-button-font-size-xl: var(--lsys-typography-control-xl-font-size);
732
- --lsys-button-font-weight: var(--lsys-typography-control-md-font-weight);
733
- --lsys-button-font-line-height: var(--lsys-typography-control-md-line-height);
734
- --lsys-button-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
735
- --lsys-button-transition-duration: var(--lsys-duration-control);
736
- --lsys-button-transition-easing: var(--lsys-easing-control);
737
- --lsys-card-background: var(--lsys-color-background-surface);
738
- --lsys-card-foreground: var(--lsys-color-text-primary);
739
- --lsys-card-border-color: var(--lsys-border-default);
740
- --lsys-card-muted-background: var(--lsys-color-background-subtle);
741
- --lsys-card-radius: var(--lsys-radius-surface);
742
- --lsys-card-padding: var(--lsys-space-surface-md);
743
- --lsys-card-gap-sm: var(--lsys-space-surface-gap-sm);
744
- --lsys-card-gap-md: var(--lsys-space-surface-gap-md);
745
- --lsys-card-header-padding-bottom: var(--lsys-space-surface-sm);
746
- --lsys-card-title-foreground: var(--lsys-color-text-primary);
747
- --lsys-card-title-font-size: var(--lsys-typography-heading-sm-font-size);
748
- --lsys-card-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
749
- --lsys-card-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
750
- --lsys-card-title-font-letter-spacing: var(--lsys-typography-heading-sm-letter-spacing);
751
- --lsys-card-description-foreground: var(--lsys-color-text-secondary);
752
- --lsys-card-description-font-size: var(--lsys-typography-body-sm-font-size);
753
- --lsys-card-description-font-line-height: var(--lsys-typography-body-sm-line-height);
754
- --lsys-card-content-font-size: var(--lsys-typography-body-sm-font-size);
755
- --lsys-card-content-font-line-height: var(--lsys-typography-body-sm-line-height);
756
- --lsys-card-content-padding-top: 0;
757
- --lsys-card-footer-padding-top: 0;
758
- --lsys-card-transition-duration: var(--lsys-duration-surface);
759
- --lsys-card-transition-easing: var(--lsys-easing-surface);
760
- --lsys-checkbox-background: var(--lsys-color-background-base);
761
- --lsys-checkbox-foreground: var(--lsys-color-text-inverse);
762
- --lsys-checkbox-border-color: var(--lsys-border-default);
763
- --lsys-checkbox-checked-background: var(--lsys-action-primary-base);
764
- --lsys-checkbox-checked-border-color: var(--lsys-action-primary-base);
765
- --lsys-checkbox-checked-foreground: var(--lsys-color-text-inverse);
766
- --lsys-checkbox-radius: var(--lsys-radius-selection);
767
- --lsys-checkbox-size-sm: var(--lsys-size-selection-control-sm);
768
- --lsys-checkbox-size-md: var(--lsys-size-selection-control-md);
769
- --lsys-checkbox-size-lg: var(--lsys-size-selection-control-lg);
770
- --lsys-checkbox-indicator-font-size-sm: var(--lsys-typography-label-xs-font-size);
771
- --lsys-checkbox-indicator-font-size-md: var(--lsys-typography-label-xs-font-size);
772
- --lsys-checkbox-indicator-font-size-lg: var(--lsys-typography-label-sm-font-size);
773
- --lsys-checkbox-label-gap: var(--lsys-space-control-gap-md);
774
- --lsys-checkbox-label-foreground: var(--lsys-color-text-primary);
775
- --lsys-checkbox-label-font-size: var(--lsys-typography-label-sm-font-size);
776
- --lsys-checkbox-label-font-weight: var(--lsys-typography-label-sm-font-weight);
777
- --lsys-checkbox-label-font-line-height: var(--lsys-typography-label-sm-line-height);
778
- --lsys-checkbox-focus-ring-color: var(--lsys-border-focus);
779
- --lsys-checkbox-focus-ring-offset-color: var(--lsys-color-background-base);
780
- --lsys-checkbox-focus-ring-width: var(--lsys-outline-width-focus);
781
- --lsys-checkbox-focus-ring-offset: var(--lsys-outline-offset-focus);
782
- --lsys-checkbox-transition-duration: var(--lsys-duration-control);
783
- --lsys-checkbox-transition-easing: var(--lsys-easing-control);
784
- --lsys-collapsible-background: var(--lsys-color-background-surface);
785
- --lsys-collapsible-foreground: var(--lsys-color-text-primary);
786
- --lsys-collapsible-border-color: var(--lsys-border-default);
787
- --lsys-collapsible-radius: var(--lsys-radius-surface);
788
- --lsys-collapsible-focus-ring-color: var(--lsys-border-focus);
789
- --lsys-collapsible-focus-ring-width: var(--lsys-outline-width-inset);
790
- --lsys-collapsible-trigger-background-hover: var(--lsys-color-background-subtle);
791
- --lsys-collapsible-trigger-gap: var(--lsys-space-control-gap-sm);
792
- --lsys-collapsible-trigger-padding-x: var(--lsys-space-surface-md);
793
- --lsys-collapsible-trigger-padding-y: var(--lsys-space-surface-sm);
794
- --lsys-collapsible-trigger-icon-size: var(--lsys-size-selection-control-md);
795
- --lsys-collapsible-trigger-font-size: var(--lsys-typography-label-sm-font-size);
796
- --lsys-collapsible-trigger-font-weight: var(--lsys-typography-label-sm-font-weight);
797
- --lsys-collapsible-trigger-font-line-height: var(--lsys-typography-label-sm-line-height);
798
- --lsys-collapsible-panel-foreground: var(--lsys-color-text-secondary);
799
- --lsys-collapsible-panel-padding-x: var(--lsys-space-surface-md);
800
- --lsys-collapsible-panel-padding-bottom: var(--lsys-space-surface-md);
801
- --lsys-collapsible-panel-font-size: var(--lsys-typography-body-sm-font-size);
802
- --lsys-collapsible-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
803
- --lsys-collapsible-transition-duration: var(--lsys-duration-surface);
804
- --lsys-collapsible-transition-easing: var(--lsys-easing-surface);
805
- --lsys-dialog-backdrop-background: var(--lsys-color-text-primary);
806
- --lsys-dialog-backdrop-opacity: 0.48;
807
- --lsys-dialog-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
808
- --lsys-dialog-viewport-padding: var(--lsys-space-surface-md);
809
- --lsys-dialog-viewport-inset: var(--lsys-space-surface-md);
810
- --lsys-dialog-viewport-z-index: var(--lsys-elevation-layer-z-index);
811
- --lsys-dialog-popup-background: var(--lsys-color-background-base);
812
- --lsys-dialog-popup-foreground: var(--lsys-color-text-primary);
813
- --lsys-dialog-popup-border-color: var(--lsys-border-default);
814
- --lsys-dialog-popup-radius: var(--lsys-radius-surface);
815
- --lsys-dialog-popup-max-width: var(--lsys-size-panel-width-lg);
816
- --lsys-dialog-popup-padding: var(--lsys-space-surface-md);
817
- --lsys-dialog-popup-gap: var(--lsys-space-surface-gap-md);
818
- --lsys-dialog-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
819
- --lsys-dialog-title-foreground: var(--lsys-color-text-primary);
820
- --lsys-dialog-title-padding-end: var(--lsys-size-control-lg);
821
- --lsys-dialog-title-font-size: var(--lsys-typography-heading-sm-font-size);
822
- --lsys-dialog-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
823
- --lsys-dialog-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
824
- --lsys-dialog-description-foreground: var(--lsys-color-text-secondary);
825
- --lsys-dialog-description-font-size: var(--lsys-typography-body-sm-font-size);
826
- --lsys-dialog-description-font-weight: var(--lsys-typography-body-sm-font-weight);
827
- --lsys-dialog-description-font-line-height: var(--lsys-typography-body-sm-line-height);
828
- --lsys-dialog-trigger-background: var(--lsys-action-primary-base);
829
- --lsys-dialog-trigger-foreground: var(--lsys-color-text-inverse);
830
- --lsys-dialog-trigger-hover-background: var(--lsys-action-primary-hover);
831
- --lsys-dialog-trigger-height: var(--lsys-size-control-md);
832
- --lsys-dialog-trigger-radius: var(--lsys-radius-control);
833
- --lsys-dialog-trigger-padding-x: var(--lsys-space-control-x-md);
834
- --lsys-dialog-trigger-font-size: var(--lsys-typography-control-md-font-size);
835
- --lsys-dialog-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
836
- --lsys-dialog-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
837
- --lsys-dialog-close-foreground: var(--lsys-color-text-secondary);
838
- --lsys-dialog-close-hover-background: var(--lsys-color-background-subtle);
839
- --lsys-dialog-close-size: var(--lsys-size-control-sm);
840
- --lsys-dialog-close-inset: var(--lsys-space-control-x-sm);
841
- --lsys-dialog-close-radius: var(--lsys-radius-control);
842
- --lsys-dialog-focus-ring-color: var(--lsys-border-focus);
843
- --lsys-dialog-focus-ring-offset-color: var(--lsys-color-background-base);
844
- --lsys-dialog-focus-ring-width: var(--lsys-outline-width-focus);
845
- --lsys-dialog-focus-ring-offset: var(--lsys-outline-offset-focus);
846
- --lsys-dialog-transition-duration: var(--lsys-duration-control);
847
- --lsys-dialog-transition-easing: var(--lsys-easing-control);
848
- --lsys-drawer-backdrop-background: var(--lsys-color-text-primary);
849
- --lsys-drawer-backdrop-opacity: 0.48;
850
- --lsys-drawer-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
851
- --lsys-drawer-indent-background: var(--lsys-color-background-subtle);
852
- --lsys-drawer-indent-scale: 0.96;
853
- --lsys-drawer-indent-radius: var(--lsys-radius-surface);
854
- --lsys-drawer-indent-z-index: var(--lsys-elevation-behind-z-index);
855
- --lsys-drawer-viewport-padding: var(--lsys-space-surface-sm);
856
- --lsys-drawer-viewport-inset: var(--lsys-space-surface-sm);
857
- --lsys-drawer-viewport-max-height: var(--lsys-size-overlay-viewport-max-height);
858
- --lsys-drawer-viewport-z-index: var(--lsys-elevation-layer-z-index);
859
- --lsys-drawer-popup-background: var(--lsys-color-background-base);
860
- --lsys-drawer-popup-foreground: var(--lsys-color-text-primary);
861
- --lsys-drawer-popup-border-color: var(--lsys-border-default);
862
- --lsys-drawer-popup-radius: var(--lsys-radius-surface);
863
- --lsys-drawer-popup-max-width: var(--lsys-size-panel-width-xl);
864
- --lsys-drawer-popup-width-sm: var(--lsys-size-panel-width-sm);
865
- --lsys-drawer-popup-width-md: var(--lsys-size-panel-width-md);
866
- --lsys-drawer-popup-width-lg: var(--lsys-size-panel-width-lg);
867
- --lsys-drawer-popup-height-sm: var(--lsys-size-panel-height-sm);
868
- --lsys-drawer-popup-height-md: var(--lsys-size-panel-height-md);
869
- --lsys-drawer-popup-height-lg: var(--lsys-size-panel-height-lg);
870
- --lsys-drawer-popup-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
871
- --lsys-drawer-content-padding: var(--lsys-space-surface-md);
872
- --lsys-drawer-content-gap: var(--lsys-space-surface-gap-md);
873
- --lsys-drawer-handle-background: var(--lsys-border-default);
874
- --lsys-drawer-handle-width: var(--lsys-size-control-lg);
875
- --lsys-drawer-handle-height: var(--lsys-size-track-md);
876
- --lsys-drawer-handle-margin-top: var(--lsys-space-control-y-sm);
877
- --lsys-drawer-handle-radius: var(--lsys-radius-pill);
878
- --lsys-drawer-handle-z-index: var(--lsys-elevation-handle-z-index);
879
- --lsys-drawer-swipe-area-size: var(--lsys-size-area-swipe-sm);
880
- --lsys-drawer-title-foreground: var(--lsys-color-text-primary);
881
- --lsys-drawer-title-padding-end: var(--lsys-size-control-lg);
882
- --lsys-drawer-title-font-size: var(--lsys-typography-heading-sm-font-size);
883
- --lsys-drawer-title-font-weight: var(--lsys-typography-heading-sm-font-weight);
884
- --lsys-drawer-title-font-line-height: var(--lsys-typography-heading-sm-line-height);
885
- --lsys-drawer-description-foreground: var(--lsys-color-text-secondary);
886
- --lsys-drawer-description-font-size: var(--lsys-typography-body-sm-font-size);
887
- --lsys-drawer-description-font-weight: var(--lsys-typography-body-sm-font-weight);
888
- --lsys-drawer-description-font-line-height: var(--lsys-typography-body-sm-line-height);
889
- --lsys-drawer-trigger-background: var(--lsys-action-primary-base);
890
- --lsys-drawer-trigger-foreground: var(--lsys-color-text-inverse);
891
- --lsys-drawer-trigger-hover-background: var(--lsys-action-primary-hover);
892
- --lsys-drawer-trigger-height: var(--lsys-size-control-md);
893
- --lsys-drawer-trigger-radius: var(--lsys-radius-control);
894
- --lsys-drawer-trigger-padding-x: var(--lsys-space-control-x-md);
895
- --lsys-drawer-trigger-font-size: var(--lsys-typography-control-md-font-size);
896
- --lsys-drawer-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
897
- --lsys-drawer-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
898
- --lsys-drawer-close-foreground: var(--lsys-color-text-secondary);
899
- --lsys-drawer-close-hover-background: var(--lsys-color-background-subtle);
900
- --lsys-drawer-close-size: var(--lsys-size-control-sm);
901
- --lsys-drawer-close-inset: var(--lsys-space-control-x-sm);
902
- --lsys-drawer-close-radius: var(--lsys-radius-control);
903
- --lsys-drawer-focus-ring-color: var(--lsys-border-focus);
904
- --lsys-drawer-focus-ring-offset-color: var(--lsys-color-background-base);
905
- --lsys-drawer-focus-ring-width: var(--lsys-outline-width-focus);
906
- --lsys-drawer-focus-ring-offset: var(--lsys-outline-offset-focus);
907
- --lsys-drawer-transition-duration: var(--lsys-duration-control);
908
- --lsys-drawer-transition-easing: var(--lsys-easing-control);
909
- --lsys-field-gap: var(--lsys-space-control-gap-sm);
910
- --lsys-field-foreground: var(--lsys-color-text-primary);
911
- --lsys-field-label-foreground: var(--lsys-color-text-primary);
912
- --lsys-field-label-invalid-foreground: var(--lsys-action-danger-base);
913
- --lsys-field-label-font-size: var(--lsys-typography-label-sm-font-size);
914
- --lsys-field-label-font-weight: var(--lsys-typography-label-sm-font-weight);
915
- --lsys-field-label-font-line-height: var(--lsys-typography-label-sm-line-height);
916
- --lsys-field-label-font-letter-spacing: var(--lsys-typography-label-sm-letter-spacing);
917
- --lsys-field-description-foreground: var(--lsys-color-text-secondary);
918
- --lsys-field-description-font-size: var(--lsys-typography-body-xs-font-size);
919
- --lsys-field-description-font-weight: var(--lsys-typography-body-xs-font-weight);
920
- --lsys-field-description-font-line-height: var(--lsys-typography-body-xs-line-height);
921
- --lsys-field-description-font-letter-spacing: var(--lsys-typography-body-xs-letter-spacing);
922
- --lsys-field-error-foreground: var(--lsys-action-danger-base);
923
- --lsys-field-error-font-size: var(--lsys-typography-body-xs-font-size);
924
- --lsys-field-error-font-weight: var(--lsys-typography-body-xs-font-weight);
925
- --lsys-field-error-font-line-height: var(--lsys-typography-body-xs-line-height);
926
- --lsys-field-error-font-letter-spacing: var(--lsys-typography-body-xs-letter-spacing);
927
- --lsys-field-item-gap: var(--lsys-space-control-gap-sm);
928
- --lsys-field-control-background: var(--lsys-color-background-base);
929
- --lsys-field-control-foreground: var(--lsys-color-text-primary);
930
- --lsys-field-control-placeholder-color: var(--lsys-color-text-secondary);
931
- --lsys-field-control-border-color: var(--lsys-border-default);
932
- --lsys-field-control-focus-border-color: var(--lsys-border-focus);
933
- --lsys-field-control-focus-ring-color: var(--lsys-border-focus);
934
- --lsys-field-control-focus-ring-offset-color: var(--lsys-color-background-base);
935
- --lsys-field-control-focus-ring-width: var(--lsys-outline-width-focus);
936
- --lsys-field-control-focus-ring-offset: var(--lsys-outline-offset-focus);
937
- --lsys-field-control-invalid-border-color: var(--lsys-action-danger-base);
938
- --lsys-field-control-invalid-ring-color: var(--lsys-action-danger-base);
939
- --lsys-field-control-invalid-ring-width: var(--lsys-outline-width-focus);
940
- --lsys-field-control-radius: var(--lsys-radius-control);
941
- --lsys-field-control-height-sm: var(--lsys-size-control-sm);
942
- --lsys-field-control-height-md: var(--lsys-size-control-md);
943
- --lsys-field-control-height-lg: var(--lsys-size-control-lg);
944
- --lsys-field-control-padding-x-sm: var(--lsys-space-control-x-sm);
945
- --lsys-field-control-padding-x-md: var(--lsys-space-control-x-md);
946
- --lsys-field-control-padding-x-lg: var(--lsys-space-control-x-lg);
947
- --lsys-field-control-font-family: var(--lsys-typography-control-md-font-family);
948
- --lsys-field-control-font-size-sm: var(--lsys-typography-control-sm-font-size);
949
- --lsys-field-control-font-size-md: var(--lsys-typography-control-md-font-size);
950
- --lsys-field-control-font-size-lg: var(--lsys-typography-control-lg-font-size);
951
- --lsys-field-control-font-weight: var(--lsys-typography-control-md-font-weight);
952
- --lsys-field-control-font-line-height: var(--lsys-typography-control-md-line-height);
953
- --lsys-field-control-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
954
- --lsys-field-transition-duration: var(--lsys-duration-control);
955
- --lsys-field-transition-easing: var(--lsys-easing-control);
956
- --lsys-fieldset-background: var(--lsys-color-background-surface);
957
- --lsys-fieldset-foreground: var(--lsys-color-text-primary);
958
- --lsys-fieldset-border-color: var(--lsys-border-default);
959
- --lsys-fieldset-radius: var(--lsys-radius-surface);
960
- --lsys-fieldset-padding: var(--lsys-space-surface-md);
961
- --lsys-fieldset-gap: var(--lsys-space-surface-gap-md);
962
- --lsys-fieldset-legend-foreground: var(--lsys-color-text-primary);
963
- --lsys-fieldset-legend-margin-bottom: var(--lsys-space-surface-gap-sm);
964
- --lsys-fieldset-legend-font-size: var(--lsys-typography-label-md-font-size);
965
- --lsys-fieldset-legend-font-weight: var(--lsys-typography-label-md-font-weight);
966
- --lsys-fieldset-legend-font-line-height: var(--lsys-typography-label-md-line-height);
967
- --lsys-fieldset-legend-font-letter-spacing: var(--lsys-typography-label-md-letter-spacing);
968
- --lsys-form-gap: var(--lsys-space-surface-gap-md);
969
- --lsys-form-foreground: var(--lsys-color-text-primary);
970
- --lsys-input-background: var(--lsys-color-background-base);
971
- --lsys-input-foreground: var(--lsys-color-text-primary);
972
- --lsys-input-placeholder-color: var(--lsys-color-text-secondary);
973
- --lsys-input-border-color: var(--lsys-border-default);
974
- --lsys-input-focus-border-color: var(--lsys-border-focus);
975
- --lsys-input-focus-ring-color: var(--lsys-border-focus);
976
- --lsys-input-focus-ring-offset-color: var(--lsys-color-background-base);
977
- --lsys-input-focus-ring-width: var(--lsys-outline-width-focus);
978
- --lsys-input-focus-ring-offset: var(--lsys-outline-offset-focus);
979
- --lsys-input-invalid-border-color: var(--lsys-action-danger-base);
980
- --lsys-input-invalid-ring-color: var(--lsys-action-danger-base);
981
- --lsys-input-invalid-ring-width: var(--lsys-outline-width-focus);
982
- --lsys-input-radius: var(--lsys-radius-control);
983
- --lsys-input-height-sm: var(--lsys-size-control-sm);
984
- --lsys-input-height-md: var(--lsys-size-control-md);
985
- --lsys-input-height-lg: var(--lsys-size-control-lg);
986
- --lsys-input-padding-x-sm: var(--lsys-space-control-x-sm);
987
- --lsys-input-padding-x-md: var(--lsys-space-control-x-md);
988
- --lsys-input-padding-x-lg: var(--lsys-space-control-x-lg);
989
- --lsys-input-font-family: var(--lsys-typography-control-md-font-family);
990
- --lsys-input-font-size-sm: var(--lsys-typography-control-sm-font-size);
991
- --lsys-input-font-size-md: var(--lsys-typography-control-md-font-size);
992
- --lsys-input-font-size-lg: var(--lsys-typography-control-lg-font-size);
993
- --lsys-input-font-weight: var(--lsys-typography-control-md-font-weight);
994
- --lsys-input-font-line-height: var(--lsys-typography-control-md-line-height);
995
- --lsys-input-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
996
- --lsys-input-transition-duration: var(--lsys-duration-control);
997
- --lsys-input-transition-easing: var(--lsys-easing-control);
998
- --lsys-menu-radius: var(--lsys-radius-surface);
999
- --lsys-menu-trigger-background: var(--lsys-color-background-surface);
1000
- --lsys-menu-trigger-foreground: var(--lsys-color-text-primary);
1001
- --lsys-menu-trigger-border-color: var(--lsys-border-default);
1002
- --lsys-menu-trigger-open-background: var(--lsys-color-background-subtle);
1003
- --lsys-menu-trigger-open-border-color: var(--lsys-border-focus);
1004
- --lsys-menu-trigger-gap: var(--lsys-space-control-gap-sm);
1005
- --lsys-menu-trigger-radius: var(--lsys-radius-control);
1006
- --lsys-menu-trigger-height: var(--lsys-size-control-md);
1007
- --lsys-menu-trigger-padding-x: var(--lsys-space-control-x-md);
1008
- --lsys-menu-trigger-font-size: var(--lsys-typography-control-sm-font-size);
1009
- --lsys-menu-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
1010
- --lsys-menu-trigger-font-line-height: var(--lsys-typography-control-sm-line-height);
1011
- --lsys-menu-popup-background: var(--lsys-color-background-base);
1012
- --lsys-menu-popup-foreground: var(--lsys-color-text-primary);
1013
- --lsys-menu-popup-border-color: var(--lsys-border-default);
1014
- --lsys-menu-popup-max-width: var(--lsys-size-panel-width-sm);
1015
- --lsys-menu-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1016
- --lsys-menu-positioner-z-index: var(--lsys-elevation-floating-z-index);
1017
- --lsys-menu-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1018
- --lsys-menu-viewport-max-height: var(--lsys-size-overlay-list-max-height);
1019
- --lsys-menu-list-gap: var(--lsys-space-control-gap-sm);
1020
- --lsys-menu-list-padding: var(--lsys-space-control-y-xs);
1021
- --lsys-menu-item-foreground: var(--lsys-color-text-primary);
1022
- --lsys-menu-item-gap: var(--lsys-space-control-gap-sm);
1023
- --lsys-menu-item-radius: var(--lsys-radius-control);
1024
- --lsys-menu-item-padding-x: var(--lsys-space-control-x-sm);
1025
- --lsys-menu-item-padding-y: var(--lsys-space-control-y-xs);
1026
- --lsys-menu-item-font-size: var(--lsys-typography-control-sm-font-size);
1027
- --lsys-menu-item-font-weight: var(--lsys-typography-control-md-font-weight);
1028
- --lsys-menu-item-font-line-height: var(--lsys-typography-control-sm-line-height);
1029
- --lsys-menu-item-highlight-background: var(--lsys-color-background-subtle);
1030
- --lsys-menu-item-highlight-foreground: var(--lsys-color-text-primary);
1031
- --lsys-menu-item-checked-background: var(--lsys-action-primary-base);
1032
- --lsys-menu-item-checked-foreground: var(--lsys-color-text-inverse);
1033
- --lsys-menu-item-indicator-size: var(--lsys-size-selection-control-sm);
1034
- --lsys-menu-submenu-icon-size: var(--lsys-size-selection-control-sm);
1035
- --lsys-menu-group-gap: var(--lsys-space-control-gap-sm);
1036
- --lsys-menu-group-label-foreground: var(--lsys-color-text-secondary);
1037
- --lsys-menu-group-label-padding-y: var(--lsys-space-control-y-xs);
1038
- --lsys-menu-group-label-font-size: var(--lsys-typography-label-xs-font-size);
1039
- --lsys-menu-group-label-font-weight: var(--lsys-typography-label-xs-font-weight);
1040
- --lsys-menu-group-label-font-line-height: var(--lsys-typography-label-xs-line-height);
1041
- --lsys-menu-separator-background: var(--lsys-border-default);
1042
- --lsys-menu-separator-margin-y: var(--lsys-space-control-y-xs);
1043
- --lsys-menu-arrow-size: var(--lsys-size-selection-indicator-md);
1044
- --lsys-menu-backdrop-background: var(--lsys-color-text-primary);
1045
- --lsys-menu-backdrop-opacity: 0.2;
1046
- --lsys-menu-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1047
- --lsys-menu-focus-border-color: var(--lsys-border-focus);
1048
- --lsys-menu-focus-ring-color: var(--lsys-border-focus);
1049
- --lsys-menu-focus-ring-offset-color: var(--lsys-color-background-base);
1050
- --lsys-menu-focus-ring-width: var(--lsys-outline-width-focus);
1051
- --lsys-menu-focus-ring-offset: var(--lsys-outline-offset-focus);
1052
- --lsys-menu-transition-duration: var(--lsys-duration-control);
1053
- --lsys-menu-transition-easing: var(--lsys-easing-control);
1054
- --lsys-number-field-gap: var(--lsys-space-control-gap-sm);
1055
- --lsys-number-field-foreground: var(--lsys-color-text-primary);
1056
- --lsys-number-field-background: var(--lsys-color-background-base);
1057
- --lsys-number-field-border-color: var(--lsys-border-default);
1058
- --lsys-number-field-radius: var(--lsys-radius-control);
1059
- --lsys-number-field-height-sm: var(--lsys-size-control-sm);
1060
- --lsys-number-field-height-md: var(--lsys-size-control-md);
1061
- --lsys-number-field-height-lg: var(--lsys-size-control-lg);
1062
- --lsys-number-field-input-foreground: var(--lsys-color-text-primary);
1063
- --lsys-number-field-input-placeholder-color: var(--lsys-color-text-secondary);
1064
- --lsys-number-field-input-padding-x-sm: var(--lsys-space-control-x-sm);
1065
- --lsys-number-field-input-padding-x-md: var(--lsys-space-control-x-md);
1066
- --lsys-number-field-input-padding-x-lg: var(--lsys-space-control-x-lg);
1067
- --lsys-number-field-input-font-family: var(--lsys-typography-control-md-font-family);
1068
- --lsys-number-field-input-font-size-sm: var(--lsys-typography-control-sm-font-size);
1069
- --lsys-number-field-input-font-size-md: var(--lsys-typography-control-md-font-size);
1070
- --lsys-number-field-input-font-size-lg: var(--lsys-typography-control-lg-font-size);
1071
- --lsys-number-field-input-font-weight: var(--lsys-typography-control-md-font-weight);
1072
- --lsys-number-field-input-font-line-height: var(--lsys-typography-control-md-line-height);
1073
- --lsys-number-field-input-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1074
- --lsys-number-field-stepper-background: var(--lsys-color-background-subtle);
1075
- --lsys-number-field-stepper-foreground: var(--lsys-color-text-primary);
1076
- --lsys-number-field-stepper-hover-background: var(--lsys-color-background-subtle);
1077
- --lsys-number-field-stepper-border-color: var(--lsys-border-default);
1078
- --lsys-number-field-stepper-width-sm: var(--lsys-size-control-sm);
1079
- --lsys-number-field-stepper-width-md: var(--lsys-size-control-md);
1080
- --lsys-number-field-stepper-width-lg: var(--lsys-size-control-lg);
1081
- --lsys-number-field-stepper-font-size-sm: var(--lsys-typography-control-sm-font-size);
1082
- --lsys-number-field-stepper-font-size-md: var(--lsys-typography-control-md-font-size);
1083
- --lsys-number-field-stepper-font-size-lg: var(--lsys-typography-control-lg-font-size);
1084
- --lsys-number-field-stepper-font-weight: var(--lsys-typography-control-md-font-weight);
1085
- --lsys-number-field-focus-ring-color: var(--lsys-border-focus);
1086
- --lsys-number-field-focus-ring-width: var(--lsys-outline-width-inset);
1087
- --lsys-number-field-invalid-ring-color: var(--lsys-action-danger-base);
1088
- --lsys-number-field-invalid-ring-width: var(--lsys-outline-width-inset);
1089
- --lsys-number-field-scrub-foreground: var(--lsys-color-text-secondary);
1090
- --lsys-number-field-scrub-font-size: var(--lsys-typography-label-sm-font-size);
1091
- --lsys-number-field-scrub-font-weight: var(--lsys-typography-label-sm-font-weight);
1092
- --lsys-number-field-scrub-cursor-background: var(--lsys-action-primary-base);
1093
- --lsys-number-field-scrub-cursor-radius: var(--lsys-radius-pill);
1094
- --lsys-number-field-scrub-cursor-size: var(--lsys-size-selection-indicator-md);
1095
- --lsys-number-field-transition-duration: var(--lsys-duration-control);
1096
- --lsys-number-field-transition-easing: var(--lsys-easing-control);
1097
- --lsys-popover-backdrop-background: var(--lsys-color-text-primary);
1098
- --lsys-popover-backdrop-opacity: 0.24;
1099
- --lsys-popover-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1100
- --lsys-popover-positioner-z-index: var(--lsys-elevation-floating-z-index);
1101
- --lsys-popover-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1102
- --lsys-popover-popup-background: var(--lsys-color-background-base);
1103
- --lsys-popover-popup-foreground: var(--lsys-color-text-primary);
1104
- --lsys-popover-popup-border-color: var(--lsys-border-default);
1105
- --lsys-popover-popup-radius: var(--lsys-radius-surface);
1106
- --lsys-popover-popup-max-width: var(--lsys-size-panel-width-sm);
1107
- --lsys-popover-popup-inset: var(--lsys-space-surface-md);
1108
- --lsys-popover-popup-padding: var(--lsys-space-surface-md);
1109
- --lsys-popover-popup-gap: var(--lsys-space-surface-gap-sm);
1110
- --lsys-popover-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1111
- --lsys-popover-arrow-size: var(--lsys-size-selection-control-sm);
1112
- --lsys-popover-title-foreground: var(--lsys-color-text-primary);
1113
- --lsys-popover-title-padding-end: var(--lsys-size-control-lg);
1114
- --lsys-popover-title-font-size: var(--lsys-typography-heading-xs-font-size);
1115
- --lsys-popover-title-font-weight: var(--lsys-typography-heading-xs-font-weight);
1116
- --lsys-popover-title-font-line-height: var(--lsys-typography-heading-xs-line-height);
1117
- --lsys-popover-description-foreground: var(--lsys-color-text-secondary);
1118
- --lsys-popover-description-font-size: var(--lsys-typography-body-sm-font-size);
1119
- --lsys-popover-description-font-weight: var(--lsys-typography-body-sm-font-weight);
1120
- --lsys-popover-description-font-line-height: var(--lsys-typography-body-sm-line-height);
1121
- --lsys-popover-trigger-background: var(--lsys-color-background-base);
1122
- --lsys-popover-trigger-foreground: var(--lsys-color-text-primary);
1123
- --lsys-popover-trigger-border-color: var(--lsys-border-default);
1124
- --lsys-popover-trigger-hover-background: var(--lsys-color-background-subtle);
1125
- --lsys-popover-trigger-height: var(--lsys-size-control-md);
1126
- --lsys-popover-trigger-radius: var(--lsys-radius-control);
1127
- --lsys-popover-trigger-padding-x: var(--lsys-space-control-x-md);
1128
- --lsys-popover-trigger-font-size: var(--lsys-typography-control-md-font-size);
1129
- --lsys-popover-trigger-font-weight: var(--lsys-typography-control-md-font-weight);
1130
- --lsys-popover-trigger-font-line-height: var(--lsys-typography-control-md-line-height);
1131
- --lsys-popover-close-foreground: var(--lsys-color-text-secondary);
1132
- --lsys-popover-close-hover-background: var(--lsys-color-background-subtle);
1133
- --lsys-popover-close-size: var(--lsys-size-control-sm);
1134
- --lsys-popover-close-inset: var(--lsys-space-control-x-sm);
1135
- --lsys-popover-close-radius: var(--lsys-radius-control);
1136
- --lsys-popover-focus-ring-color: var(--lsys-border-focus);
1137
- --lsys-popover-focus-ring-offset-color: var(--lsys-color-background-base);
1138
- --lsys-popover-focus-ring-width: var(--lsys-outline-width-focus);
1139
- --lsys-popover-focus-ring-offset: var(--lsys-outline-offset-focus);
1140
- --lsys-popover-transition-duration: var(--lsys-duration-control);
1141
- --lsys-popover-transition-easing: var(--lsys-easing-control);
1142
- --lsys-progress-gap: var(--lsys-space-control-gap-sm);
1143
- --lsys-progress-label-foreground: var(--lsys-color-text-secondary);
1144
- --lsys-progress-label-font-size: var(--lsys-typography-label-sm-font-size);
1145
- --lsys-progress-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1146
- --lsys-progress-track-background: var(--lsys-color-background-subtle);
1147
- --lsys-progress-track-radius: var(--lsys-radius-pill);
1148
- --lsys-progress-track-height-sm: var(--lsys-size-track-sm);
1149
- --lsys-progress-track-height-md: var(--lsys-size-track-md);
1150
- --lsys-progress-track-height-lg: var(--lsys-size-track-lg);
1151
- --lsys-progress-indicator-background: var(--lsys-action-primary-base);
1152
- --lsys-progress-transition-duration: var(--lsys-duration-surface);
1153
- --lsys-progress-transition-easing: var(--lsys-easing-surface);
1154
- --lsys-radio-group-gap: var(--lsys-space-control-gap-md);
1155
- --lsys-radio-group-item-background: var(--lsys-color-background-base);
1156
- --lsys-radio-group-item-foreground: var(--lsys-action-primary-base);
1157
- --lsys-radio-group-item-border-color: var(--lsys-border-default);
1158
- --lsys-radio-group-item-checked-border-color: var(--lsys-action-primary-base);
1159
- --lsys-radio-group-item-radius: var(--lsys-radius-pill);
1160
- --lsys-radio-group-item-size-sm: var(--lsys-size-selection-control-sm);
1161
- --lsys-radio-group-item-size-md: var(--lsys-size-selection-control-md);
1162
- --lsys-radio-group-item-size-lg: var(--lsys-size-selection-control-lg);
1163
- --lsys-radio-group-indicator-size-sm: var(--lsys-size-selection-indicator-sm);
1164
- --lsys-radio-group-indicator-size-md: var(--lsys-size-selection-indicator-md);
1165
- --lsys-radio-group-indicator-size-lg: var(--lsys-size-selection-indicator-lg);
1166
- --lsys-radio-group-label-gap: var(--lsys-space-control-gap-md);
1167
- --lsys-radio-group-label-foreground: var(--lsys-color-text-primary);
1168
- --lsys-radio-group-label-font-size: var(--lsys-typography-label-sm-font-size);
1169
- --lsys-radio-group-label-font-weight: var(--lsys-typography-label-sm-font-weight);
1170
- --lsys-radio-group-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1171
- --lsys-radio-group-focus-ring-color: var(--lsys-border-focus);
1172
- --lsys-radio-group-focus-ring-offset-color: var(--lsys-color-background-base);
1173
- --lsys-radio-group-focus-ring-width: var(--lsys-outline-width-focus);
1174
- --lsys-radio-group-focus-ring-offset: var(--lsys-outline-offset-focus);
1175
- --lsys-radio-group-transition-duration: var(--lsys-duration-control);
1176
- --lsys-radio-group-transition-easing: var(--lsys-easing-control);
1177
- --lsys-scroll-area-scrollbar-size: var(--lsys-size-control-xs);
1178
- --lsys-scroll-area-scrollbar-padding: var(--lsys-space-control-x-xs);
1179
- --lsys-scroll-area-thumb-background: var(--lsys-border-strong);
1180
- --lsys-scroll-area-thumb-radius: var(--lsys-radius-pill);
1181
- --lsys-select-background: var(--lsys-color-background-base);
1182
- --lsys-select-foreground: var(--lsys-color-text-primary);
1183
- --lsys-select-placeholder-color: var(--lsys-color-text-secondary);
1184
- --lsys-select-border-color: var(--lsys-border-default);
1185
- --lsys-select-radius: var(--lsys-radius-control);
1186
- --lsys-select-height-sm: var(--lsys-size-control-sm);
1187
- --lsys-select-height-md: var(--lsys-size-control-md);
1188
- --lsys-select-height-lg: var(--lsys-size-control-lg);
1189
- --lsys-select-padding-x-sm: var(--lsys-space-control-x-sm);
1190
- --lsys-select-padding-x-md: var(--lsys-space-control-x-md);
1191
- --lsys-select-padding-x-lg: var(--lsys-space-control-x-lg);
1192
- --lsys-select-trigger-gap: var(--lsys-space-control-gap-sm);
1193
- --lsys-select-font-family: var(--lsys-typography-control-md-font-family);
1194
- --lsys-select-font-size-sm: var(--lsys-typography-control-sm-font-size);
1195
- --lsys-select-font-size-md: var(--lsys-typography-control-md-font-size);
1196
- --lsys-select-font-size-lg: var(--lsys-typography-control-lg-font-size);
1197
- --lsys-select-font-weight: var(--lsys-typography-control-md-font-weight);
1198
- --lsys-select-font-line-height: var(--lsys-typography-control-md-line-height);
1199
- --lsys-select-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1200
- --lsys-select-label-foreground: var(--lsys-color-text-primary);
1201
- --lsys-select-label-font-size: var(--lsys-typography-label-sm-font-size);
1202
- --lsys-select-label-font-weight: var(--lsys-typography-label-sm-font-weight);
1203
- --lsys-select-label-font-line-height: var(--lsys-typography-label-sm-line-height);
1204
- --lsys-select-icon-foreground: var(--lsys-color-text-secondary);
1205
- --lsys-select-icon-size: var(--lsys-size-selection-control-md);
1206
- --lsys-select-popup-background: var(--lsys-color-background-base);
1207
- --lsys-select-popup-foreground: var(--lsys-color-text-primary);
1208
- --lsys-select-popup-border-color: var(--lsys-border-default);
1209
- --lsys-select-popup-max-height: var(--lsys-size-overlay-list-max-height);
1210
- --lsys-select-popup-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1211
- --lsys-select-positioner-z-index: var(--lsys-elevation-floating-z-index);
1212
- --lsys-select-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1213
- --lsys-select-list-gap: var(--lsys-space-control-gap-sm);
1214
- --lsys-select-list-padding: var(--lsys-space-control-y-xs);
1215
- --lsys-select-item-foreground: var(--lsys-color-text-primary);
1216
- --lsys-select-item-gap: var(--lsys-space-control-gap-sm);
1217
- --lsys-select-item-radius: var(--lsys-radius-control);
1218
- --lsys-select-item-padding-x: var(--lsys-space-control-x-sm);
1219
- --lsys-select-item-padding-y: var(--lsys-space-control-y-xs);
1220
- --lsys-select-item-font-size: var(--lsys-typography-control-sm-font-size);
1221
- --lsys-select-item-font-weight: var(--lsys-typography-control-md-font-weight);
1222
- --lsys-select-item-font-line-height: var(--lsys-typography-control-sm-line-height);
1223
- --lsys-select-item-highlight-background: var(--lsys-color-background-subtle);
1224
- --lsys-select-item-highlight-foreground: var(--lsys-color-text-primary);
1225
- --lsys-select-item-selected-background: var(--lsys-action-primary-base);
1226
- --lsys-select-item-selected-foreground: var(--lsys-color-text-inverse);
1227
- --lsys-select-item-indicator-size: var(--lsys-size-selection-control-sm);
1228
- --lsys-select-group-gap: var(--lsys-space-control-gap-sm);
1229
- --lsys-select-group-label-foreground: var(--lsys-color-text-secondary);
1230
- --lsys-select-group-label-padding-y: var(--lsys-space-control-y-xs);
1231
- --lsys-select-group-label-font-size: var(--lsys-typography-label-xs-font-size);
1232
- --lsys-select-group-label-font-weight: var(--lsys-typography-label-xs-font-weight);
1233
- --lsys-select-group-label-font-line-height: var(--lsys-typography-label-xs-line-height);
1234
- --lsys-select-arrow-size: var(--lsys-size-selection-indicator-md);
1235
- --lsys-select-scroll-arrow-height: var(--lsys-size-control-xs);
1236
- --lsys-select-backdrop-background: var(--lsys-color-text-primary);
1237
- --lsys-select-backdrop-opacity: 0.2;
1238
- --lsys-select-backdrop-z-index: var(--lsys-elevation-backdrop-z-index);
1239
- --lsys-select-focus-border-color: var(--lsys-border-focus);
1240
- --lsys-select-focus-ring-color: var(--lsys-border-focus);
1241
- --lsys-select-focus-ring-offset-color: var(--lsys-color-background-base);
1242
- --lsys-select-focus-ring-width: var(--lsys-outline-width-focus);
1243
- --lsys-select-focus-ring-offset: var(--lsys-outline-offset-focus);
1244
- --lsys-select-invalid-border-color: var(--lsys-action-danger-base);
1245
- --lsys-select-invalid-ring-color: var(--lsys-action-danger-base);
1246
- --lsys-select-invalid-ring-width: var(--lsys-outline-width-focus);
1247
- --lsys-select-transition-duration: var(--lsys-duration-control);
1248
- --lsys-select-transition-easing: var(--lsys-easing-control);
1249
- --lsys-separator-color: var(--lsys-border-default);
1250
- --lsys-separator-thickness: 1px;
1251
- --lsys-slider-gap: var(--lsys-space-control-gap-md);
1252
- --lsys-slider-control-padding-y: var(--lsys-space-control-y-sm);
1253
- --lsys-slider-track-background: var(--lsys-color-background-subtle);
1254
- --lsys-slider-track-radius: var(--lsys-radius-pill);
1255
- --lsys-slider-track-height: var(--lsys-size-track-md);
1256
- --lsys-slider-indicator-background: var(--lsys-action-primary-base);
1257
- --lsys-slider-thumb-background: var(--lsys-color-background-base);
1258
- --lsys-slider-thumb-border-color: var(--lsys-action-primary-base);
1259
- --lsys-slider-thumb-radius: var(--lsys-radius-pill);
1260
- --lsys-slider-thumb-size: var(--lsys-size-thumb-md);
1261
- --lsys-slider-focus-ring-color: var(--lsys-border-focus);
1262
- --lsys-slider-focus-ring-offset-color: var(--lsys-color-background-base);
1263
- --lsys-slider-focus-ring-width: var(--lsys-outline-width-focus);
1264
- --lsys-slider-focus-ring-offset: var(--lsys-outline-offset-focus);
1265
- --lsys-slider-transition-duration: var(--lsys-duration-control);
1266
- --lsys-slider-transition-easing: var(--lsys-easing-control);
1267
- --lsys-switch-background: var(--lsys-color-background-subtle);
1268
- --lsys-switch-checked-background: var(--lsys-action-primary-base);
1269
- --lsys-switch-radius: var(--lsys-radius-pill);
1270
- --lsys-switch-padding: var(--lsys-space-control-y-xs);
1271
- --lsys-switch-width-sm: var(--lsys-size-switch-track-width-sm);
1272
- --lsys-switch-width-md: var(--lsys-size-switch-track-width-md);
1273
- --lsys-switch-width-lg: var(--lsys-size-switch-track-width-lg);
1274
- --lsys-switch-height-sm: var(--lsys-size-switch-track-height-sm);
1275
- --lsys-switch-height-md: var(--lsys-size-switch-track-height-md);
1276
- --lsys-switch-height-lg: var(--lsys-size-switch-track-height-lg);
1277
- --lsys-switch-thumb-background: var(--lsys-color-background-base);
1278
- --lsys-switch-thumb-radius: var(--lsys-radius-pill);
1279
- --lsys-switch-thumb-size-sm: var(--lsys-size-thumb-sm);
1280
- --lsys-switch-thumb-size-md: var(--lsys-size-thumb-md);
1281
- --lsys-switch-thumb-size-lg: var(--lsys-size-thumb-lg);
1282
- --lsys-switch-thumb-translate-sm: var(--lsys-size-thumb-sm);
1283
- --lsys-switch-thumb-translate-md: var(--lsys-size-thumb-md);
1284
- --lsys-switch-thumb-translate-lg: var(--lsys-size-thumb-lg);
1285
- --lsys-switch-focus-ring-color: var(--lsys-border-focus);
1286
- --lsys-switch-focus-ring-offset-color: var(--lsys-color-background-base);
1287
- --lsys-switch-focus-ring-width: var(--lsys-outline-width-focus);
1288
- --lsys-switch-focus-ring-offset: var(--lsys-outline-offset-focus);
1289
- --lsys-switch-transition-duration: var(--lsys-duration-control);
1290
- --lsys-switch-transition-easing: var(--lsys-easing-control);
1291
- --lsys-tabs-gap: var(--lsys-space-control-gap-lg);
1292
- --lsys-tabs-list-background: var(--lsys-color-background-subtle);
1293
- --lsys-tabs-list-radius: var(--lsys-radius-control);
1294
- --lsys-tabs-list-padding: var(--lsys-space-control-y-xs);
1295
- --lsys-tabs-tab-background: transparent;
1296
- --lsys-tabs-tab-foreground: var(--lsys-color-text-secondary);
1297
- --lsys-tabs-tab-active-background: var(--lsys-color-background-base);
1298
- --lsys-tabs-tab-active-foreground: var(--lsys-color-text-primary);
1299
- --lsys-tabs-tab-radius: var(--lsys-radius-selection);
1300
- --lsys-tabs-tab-padding-x: var(--lsys-space-control-x-sm);
1301
- --lsys-tabs-tab-padding-y: var(--lsys-space-control-y-xs);
1302
- --lsys-tabs-tab-font-size: var(--lsys-typography-control-sm-font-size);
1303
- --lsys-tabs-tab-font-weight: var(--lsys-typography-control-sm-font-weight);
1304
- --lsys-tabs-tab-font-line-height: var(--lsys-typography-control-sm-line-height);
1305
- --lsys-tabs-panel-foreground: var(--lsys-color-text-primary);
1306
- --lsys-tabs-panel-font-size: var(--lsys-typography-body-sm-font-size);
1307
- --lsys-tabs-panel-font-line-height: var(--lsys-typography-body-sm-line-height);
1308
- --lsys-tabs-focus-ring-color: var(--lsys-border-focus);
1309
- --lsys-tabs-focus-ring-width: var(--lsys-outline-width-inset);
1310
- --lsys-tabs-transition-duration: var(--lsys-duration-control);
1311
- --lsys-tabs-transition-easing: var(--lsys-easing-control);
1312
- --lsys-textarea-background: var(--lsys-color-background-base);
1313
- --lsys-textarea-foreground: var(--lsys-color-text-primary);
1314
- --lsys-textarea-placeholder-color: var(--lsys-color-text-secondary);
1315
- --lsys-textarea-border-color: var(--lsys-border-default);
1316
- --lsys-textarea-focus-border-color: var(--lsys-border-focus);
1317
- --lsys-textarea-focus-ring-color: var(--lsys-border-focus);
1318
- --lsys-textarea-focus-ring-offset-color: var(--lsys-color-background-base);
1319
- --lsys-textarea-focus-ring-width: var(--lsys-outline-width-focus);
1320
- --lsys-textarea-focus-ring-offset: var(--lsys-outline-offset-focus);
1321
- --lsys-textarea-invalid-border-color: var(--lsys-action-danger-base);
1322
- --lsys-textarea-invalid-ring-color: var(--lsys-action-danger-base);
1323
- --lsys-textarea-invalid-ring-width: var(--lsys-outline-width-focus);
1324
- --lsys-textarea-radius: var(--lsys-radius-control);
1325
- --lsys-textarea-min-height-sm: var(--lsys-size-control-xl);
1326
- --lsys-textarea-min-height-md: var(--lsys-size-control-2xl);
1327
- --lsys-textarea-min-height-lg: var(--lsys-size-control-2xl);
1328
- --lsys-textarea-padding-x-sm: var(--lsys-space-control-x-sm);
1329
- --lsys-textarea-padding-x-md: var(--lsys-space-control-x-md);
1330
- --lsys-textarea-padding-x-lg: var(--lsys-space-control-x-lg);
1331
- --lsys-textarea-padding-y-sm: var(--lsys-space-control-y-sm);
1332
- --lsys-textarea-padding-y-md: var(--lsys-space-control-y-md);
1333
- --lsys-textarea-padding-y-lg: var(--lsys-space-control-y-lg);
1334
- --lsys-textarea-font-family: var(--lsys-typography-control-md-font-family);
1335
- --lsys-textarea-font-size-sm: var(--lsys-typography-control-sm-font-size);
1336
- --lsys-textarea-font-size-md: var(--lsys-typography-control-md-font-size);
1337
- --lsys-textarea-font-size-lg: var(--lsys-typography-control-lg-font-size);
1338
- --lsys-textarea-font-weight: var(--lsys-typography-control-md-font-weight);
1339
- --lsys-textarea-font-line-height: var(--lsys-typography-control-md-line-height);
1340
- --lsys-textarea-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1341
- --lsys-textarea-transition-duration: var(--lsys-duration-control);
1342
- --lsys-textarea-transition-easing: var(--lsys-easing-control);
1343
- --lsys-toast-viewport-width: var(--lsys-size-panel-width-md);
1344
- --lsys-toast-viewport-max-height: var(--lsys-size-overlay-viewport-max-height);
1345
- --lsys-toast-viewport-inset: var(--lsys-space-surface-sm);
1346
- --lsys-toast-viewport-gap: var(--lsys-space-surface-gap-sm);
1347
- --lsys-toast-viewport-gap-expanded: var(--lsys-space-surface-gap-md);
1348
- --lsys-toast-viewport-padding: var(--lsys-space-surface-sm);
1349
- --lsys-toast-viewport-z-index: var(--lsys-elevation-toast-z-index);
1350
- --lsys-toast-background: var(--lsys-color-background-base);
1351
- --lsys-toast-foreground: var(--lsys-color-text-primary);
1352
- --lsys-toast-border-color: var(--lsys-border-default);
1353
- --lsys-toast-shadow: var(--lsys-elevation-shadow-raised-box-shadow);
1354
- --lsys-toast-success-background: var(--lsys-color-feedback-success-background);
1355
- --lsys-toast-success-foreground: var(--lsys-color-feedback-success-foreground);
1356
- --lsys-toast-success-border-color: var(--lsys-color-feedback-success-foreground);
1357
- --lsys-toast-info-background: var(--lsys-color-feedback-info-background);
1358
- --lsys-toast-info-foreground: var(--lsys-color-feedback-info-foreground);
1359
- --lsys-toast-info-border-color: var(--lsys-color-feedback-info-foreground);
1360
- --lsys-toast-danger-background: var(--lsys-color-feedback-danger-background);
1361
- --lsys-toast-danger-foreground: var(--lsys-color-feedback-danger-foreground);
1362
- --lsys-toast-danger-border-color: var(--lsys-color-feedback-danger-foreground);
1363
- --lsys-toast-radius: var(--lsys-radius-surface);
1364
- --lsys-toast-padding: var(--lsys-space-surface-md);
1365
- --lsys-toast-padding-end: var(--lsys-size-control-lg);
1366
- --lsys-toast-gap: var(--lsys-space-surface-gap-sm);
1367
- --lsys-toast-content-gap: var(--lsys-space-surface-gap-sm);
1368
- --lsys-toast-content-behind-opacity: 0.72;
1369
- --lsys-toast-arrow-size: var(--lsys-size-selection-control-sm);
1370
- --lsys-toast-title-foreground: var(--lsys-color-text-primary);
1371
- --lsys-toast-title-font-size: var(--lsys-typography-heading-xs-font-size);
1372
- --lsys-toast-title-font-weight: var(--lsys-typography-heading-xs-font-weight);
1373
- --lsys-toast-title-font-line-height: var(--lsys-typography-heading-xs-line-height);
1374
- --lsys-toast-description-foreground: var(--lsys-color-text-secondary);
1375
- --lsys-toast-description-font-size: var(--lsys-typography-body-sm-font-size);
1376
- --lsys-toast-description-font-weight: var(--lsys-typography-body-sm-font-weight);
1377
- --lsys-toast-description-font-line-height: var(--lsys-typography-body-sm-line-height);
1378
- --lsys-toast-action-foreground: var(--lsys-color-text-primary);
1379
- --lsys-toast-action-border-color: var(--lsys-border-default);
1380
- --lsys-toast-action-hover-background: var(--lsys-color-background-subtle);
1381
- --lsys-toast-action-height: var(--lsys-size-control-sm);
1382
- --lsys-toast-action-radius: var(--lsys-radius-control);
1383
- --lsys-toast-action-padding-x: var(--lsys-space-control-x-sm);
1384
- --lsys-toast-action-font-size: var(--lsys-typography-control-sm-font-size);
1385
- --lsys-toast-action-font-weight: var(--lsys-typography-control-sm-font-weight);
1386
- --lsys-toast-action-font-line-height: var(--lsys-typography-control-sm-line-height);
1387
- --lsys-toast-close-foreground: var(--lsys-color-text-secondary);
1388
- --lsys-toast-close-hover-background: var(--lsys-color-background-subtle);
1389
- --lsys-toast-close-size: var(--lsys-size-control-sm);
1390
- --lsys-toast-close-inset: var(--lsys-space-control-x-sm);
1391
- --lsys-toast-close-radius: var(--lsys-radius-control);
1392
- --lsys-toast-focus-ring-color: var(--lsys-border-focus);
1393
- --lsys-toast-focus-ring-width: var(--lsys-outline-width-inset);
1394
- --lsys-toast-transition-duration: var(--lsys-duration-control);
1395
- --lsys-toast-transition-easing: var(--lsys-easing-control);
1396
- --lsys-toast-motion-offset-y: var(--lsys-motion-offset-entry-y);
1397
- --lsys-toggle-background: var(--lsys-color-background-base);
1398
- --lsys-toggle-foreground: var(--lsys-color-text-primary);
1399
- --lsys-toggle-border-color: var(--lsys-border-default);
1400
- --lsys-toggle-hover-background: var(--lsys-color-background-subtle);
1401
- --lsys-toggle-pressed-background: var(--lsys-action-primary-base);
1402
- --lsys-toggle-pressed-foreground: var(--lsys-color-text-inverse);
1403
- --lsys-toggle-pressed-border-color: var(--lsys-action-primary-base);
1404
- --lsys-toggle-radius: var(--lsys-radius-control);
1405
- --lsys-toggle-height-sm: var(--lsys-size-control-sm);
1406
- --lsys-toggle-height-md: var(--lsys-size-control-md);
1407
- --lsys-toggle-height-lg: var(--lsys-size-control-lg);
1408
- --lsys-toggle-padding-x-sm: var(--lsys-space-control-x-sm);
1409
- --lsys-toggle-padding-x-md: var(--lsys-space-control-x-md);
1410
- --lsys-toggle-padding-x-lg: var(--lsys-space-control-x-lg);
1411
- --lsys-toggle-font-family: var(--lsys-typography-control-md-font-family);
1412
- --lsys-toggle-font-size-sm: var(--lsys-typography-control-sm-font-size);
1413
- --lsys-toggle-font-size-md: var(--lsys-typography-control-md-font-size);
1414
- --lsys-toggle-font-size-lg: var(--lsys-typography-control-lg-font-size);
1415
- --lsys-toggle-font-weight: var(--lsys-typography-control-md-font-weight);
1416
- --lsys-toggle-font-line-height: var(--lsys-typography-control-md-line-height);
1417
- --lsys-toggle-font-letter-spacing: var(--lsys-typography-control-md-letter-spacing);
1418
- --lsys-toggle-focus-ring-color: var(--lsys-border-focus);
1419
- --lsys-toggle-focus-ring-offset-color: var(--lsys-color-background-base);
1420
- --lsys-toggle-focus-ring-width: var(--lsys-outline-width-focus);
1421
- --lsys-toggle-focus-ring-offset: var(--lsys-outline-offset-focus);
1422
- --lsys-toggle-transition-duration: var(--lsys-duration-control);
1423
- --lsys-toggle-transition-easing: var(--lsys-easing-control);
1424
- --lsys-toggle-group-background: var(--lsys-color-background-subtle);
1425
- --lsys-toggle-group-border-color: var(--lsys-border-default);
1426
- --lsys-toggle-group-radius: var(--lsys-radius-control);
1427
- --lsys-toggle-group-padding: var(--lsys-space-control-y-xs);
1428
- --lsys-toggle-group-gap-sm: var(--lsys-space-control-gap-sm);
1429
- --lsys-toggle-group-gap-md: var(--lsys-space-control-gap-sm);
1430
- --lsys-toggle-group-gap-lg: var(--lsys-space-control-gap-md);
1431
- --lsys-tooltip-positioner-z-index: var(--lsys-elevation-tooltip-z-index);
1432
- --lsys-tooltip-positioner-side-offset: var(--lsys-space-overlay-side-offset);
1433
- --lsys-tooltip-background: var(--lsys-color-text-primary);
1434
- --lsys-tooltip-foreground: var(--lsys-color-background-base);
1435
- --lsys-tooltip-border-color: var(--lsys-border-default);
1436
- --lsys-tooltip-radius: var(--lsys-radius-control);
1437
- --lsys-tooltip-shadow: var(--lsys-elevation-shadow-floating-box-shadow);
1438
- --lsys-tooltip-padding-x: var(--lsys-space-control-x-xs);
1439
- --lsys-tooltip-padding-y: var(--lsys-space-control-y-xs);
1440
- --lsys-tooltip-font-size: var(--lsys-typography-label-xs-font-size);
1441
- --lsys-tooltip-font-weight: var(--lsys-typography-label-xs-font-weight);
1442
- --lsys-tooltip-font-line-height: var(--lsys-typography-label-xs-line-height);
1443
- --lsys-tooltip-transition-duration: var(--lsys-duration-control);
1444
- --lsys-tooltip-transition-easing: var(--lsys-easing-control);
4
+ --lex-color-white: oklch(1 0 0);
5
+ --lex-color-black: oklch(0 0 0);
6
+ --lex-color-neutral-50: oklch(0.925 0 0);
7
+ --lex-color-neutral-100: oklch(0.855 0 0);
8
+ --lex-color-neutral-200: oklch(0.786 0 0);
9
+ --lex-color-neutral-300: oklch(0.712 0 0);
10
+ --lex-color-neutral-400: oklch(0.637 0 0);
11
+ --lex-color-neutral-500: oklch(0.562 0 0);
12
+ --lex-color-neutral-600: oklch(0.482 0 0);
13
+ --lex-color-neutral-700: oklch(0.398 0 0);
14
+ --lex-color-neutral-800: oklch(0.309 0 0);
15
+ --lex-color-neutral-900: oklch(0.218 0 0);
16
+ --lex-color-neutral-950: oklch(0.097 0 0);
17
+ --lex-color-red-50: oklch(0.836 0.083 28.091);
18
+ --lex-color-red-100: oklch(0.8 0.101 28.526);
19
+ --lex-color-red-200: oklch(0.73 0.136 28.48);
20
+ --lex-color-red-300: oklch(0.65 0.17 28.192);
21
+ --lex-color-red-400: oklch(0.595 0.186 27.396);
22
+ --lex-color-red-500: oklch(0.54 0.2 26.992);
23
+ --lex-color-red-600: oklch(0.466 0.185 26.009);
24
+ --lex-color-red-700: oklch(0.39 0.158 25.454);
25
+ --lex-color-red-800: oklch(0.306 0.124 25.101);
26
+ --lex-color-red-900: oklch(0.234 0.095 24.172);
27
+ --lex-color-red-950: oklch(0.197 0.08 24.164);
28
+ --lex-color-orange-50: oklch(0.969 0.014 39.42);
29
+ --lex-color-orange-100: oklch(0.934 0.035 39.988);
30
+ --lex-color-orange-200: oklch(0.864 0.076 39.826);
31
+ --lex-color-orange-300: oklch(0.785 0.129 39.49);
32
+ --lex-color-orange-400: oklch(0.729 0.172 38.784);
33
+ --lex-color-orange-500: oklch(0.675 0.218 38.562);
34
+ --lex-color-orange-600: oklch(0.585 0.193 37.555);
35
+ --lex-color-orange-700: oklch(0.475 0.165 35.426);
36
+ --lex-color-orange-800: oklch(0.345 0.126 33.371);
37
+ --lex-color-orange-900: oklch(0.216 0.083 31.655);
38
+ --lex-color-orange-950: oklch(0.153 0.059 31.482);
39
+ --lex-color-yellow-50: oklch(0.987 0.026 92);
40
+ --lex-color-yellow-100: oklch(0.973 0.051 92);
41
+ --lex-color-yellow-200: oklch(0.946 0.089 92);
42
+ --lex-color-yellow-300: oklch(0.906 0.13 92);
43
+ --lex-color-yellow-400: oklch(0.852 0.168 92);
44
+ --lex-color-yellow-500: oklch(0.79 0.178 92);
45
+ --lex-color-yellow-600: oklch(0.706 0.17 92);
46
+ --lex-color-yellow-700: oklch(0.578 0.145 92);
47
+ --lex-color-yellow-800: oklch(0.444 0.097 92);
48
+ --lex-color-yellow-900: oklch(0.315 0.065 92);
49
+ --lex-color-yellow-950: oklch(0.248 0.05 92);
50
+ --lex-color-green-50: oklch(0.936 0.063 154.09);
51
+ --lex-color-green-100: oklch(0.913 0.083 153.563);
52
+ --lex-color-green-200: oklch(0.867 0.124 152.08);
53
+ --lex-color-green-300: oklch(0.823 0.161 150.17);
54
+ --lex-color-green-400: oklch(0.782 0.191 148.446);
55
+ --lex-color-green-500: oklch(0.726 0.2 146.985);
56
+ --lex-color-green-600: oklch(0.621 0.168 147.169);
57
+ --lex-color-green-700: oklch(0.511 0.134 147.564);
58
+ --lex-color-green-800: oklch(0.394 0.099 148.066);
59
+ --lex-color-green-900: oklch(0.272 0.062 148.962);
60
+ --lex-color-green-950: oklch(0.211 0.044 148.998);
61
+ --lex-color-blue-50: oklch(0.924 0.098 274.036);
62
+ --lex-color-blue-100: oklch(0.876 0.13 271.991);
63
+ --lex-color-blue-200: oklch(0.778 0.195 267.901);
64
+ --lex-color-blue-300: oklch(0.647 0.214 265.621);
65
+ --lex-color-blue-400: oklch(0.596 0.214 264.251);
66
+ --lex-color-blue-500: oklch(0.546 0.215 262.881);
67
+ --lex-color-blue-600: oklch(0.455 0.191 259.631);
68
+ --lex-color-blue-700: oklch(0.36 0.151 259.071);
69
+ --lex-color-blue-800: oklch(0.276 0.117 259.071);
70
+ --lex-color-blue-900: oklch(0.212 0.085 253.121);
71
+ --lex-color-blue-950: oklch(0.18 0.07 250.146);
72
+ --lex-color-purple-50: oklch(0.977 0.014 308.299);
73
+ --lex-color-purple-100: oklch(0.946 0.033 307.174);
74
+ --lex-color-purple-200: oklch(0.902 0.063 306.703);
75
+ --lex-color-purple-300: oklch(0.827 0.119 306.383);
76
+ --lex-color-purple-400: oklch(0.714 0.203 305.504);
77
+ --lex-color-purple-500: oklch(0.627 0.265 303.9);
78
+ --lex-color-purple-600: oklch(0.558 0.288 302.321);
79
+ --lex-color-purple-700: oklch(0.496 0.265 301.924);
80
+ --lex-color-purple-800: oklch(0.438 0.218 303.724);
81
+ --lex-color-purple-900: oklch(0.381 0.176 304.987);
82
+ --lex-color-purple-950: oklch(0.291 0.149 302.717);
83
+ --lex-color-space-indigo-50: oklch(0.937 0.005 274.963);
84
+ --lex-color-space-indigo-100: oklch(0.871 0.011 274.875);
85
+ --lex-color-space-indigo-200: oklch(0.737 0.025 275.233);
86
+ --lex-color-space-indigo-300: oklch(0.599 0.037 272.432);
87
+ --lex-color-space-indigo-400: oklch(0.452 0.055 272.278);
88
+ --lex-color-space-indigo-500: oklch(0.295 0.076 269.953);
89
+ --lex-color-space-indigo-600: oklch(0.259 0.063 270.048);
90
+ --lex-color-space-indigo-700: oklch(0.221 0.048 269.859);
91
+ --lex-color-space-indigo-800: oklch(0.179 0.036 272.337);
92
+ --lex-color-space-indigo-900: oklch(0.136 0.019 270.815);
93
+ --lex-color-space-indigo-950: oklch(0.108 0.013 269.716);
94
+ --lex-color-background-base: var(--lex-color-white);
95
+ --lex-color-background-surface: var(--lex-color-white);
96
+ --lex-color-background-subtle: var(--lex-color-neutral-50);
97
+ --lex-color-background-overlay: var(--lex-color-neutral-800);
98
+ --lex-color-text-primary: var(--lex-color-neutral-900);
99
+ --lex-color-text-secondary: var(--lex-color-neutral-600);
100
+ --lex-color-text-disabled: var(--lex-color-neutral-400);
101
+ --lex-color-text-inverse: var(--lex-color-white);
102
+ --lex-color-text-link: var(--lex-brand-color-accent-base);
103
+ --lex-color-text-accent: var(--lex-brand-color-accent-base);
104
+ --lex-color-feedback-info-background: var(--lex-color-blue-50);
105
+ --lex-color-feedback-info-foreground: var(--lex-color-blue-700);
106
+ --lex-color-feedback-success-background: var(--lex-color-green-50);
107
+ --lex-color-feedback-success-foreground: var(--lex-color-green-700);
108
+ --lex-color-feedback-warning-background: var(--lex-color-yellow-50);
109
+ --lex-color-feedback-warning-foreground: var(--lex-color-yellow-800);
110
+ --lex-color-feedback-danger-background: var(--lex-color-red-50);
111
+ --lex-color-feedback-danger-foreground: var(--lex-color-red-700);
112
+ --lex-radius-none: 0px;
113
+ --lex-radius-sm: 0.25rem;
114
+ --lex-radius-md: 0.375rem;
115
+ --lex-radius-lg: 0.5rem;
116
+ --lex-radius-xl: 0.75rem;
117
+ --lex-radius-2xl: 1rem;
118
+ --lex-radius-full: 9999px;
119
+ --lex-radius-control: var(--lex-radius-md);
120
+ --lex-radius-selection: var(--lex-radius-sm);
121
+ --lex-radius-surface: var(--lex-radius-lg);
122
+ --lex-radius-pill: var(--lex-radius-full);
123
+ --lex-space-1: 0.25rem;
124
+ --lex-space-2: 0.5rem;
125
+ --lex-space-3: 0.75rem;
126
+ --lex-space-4: 1rem;
127
+ --lex-space-6: 1.5rem;
128
+ --lex-space-8: 2rem;
129
+ --lex-space-9: 2.25rem;
130
+ --lex-space-10: 2.5rem;
131
+ --lex-space-12: 3rem;
132
+ --lex-space-16: 4rem;
133
+ --lex-space-control-gap-sm: var(--lex-space-1);
134
+ --lex-space-control-gap-md: var(--lex-space-2);
135
+ --lex-space-control-gap-lg: var(--lex-space-3);
136
+ --lex-space-control-x-xs: var(--lex-space-2);
137
+ --lex-space-control-x-sm: var(--lex-space-3);
138
+ --lex-space-control-x-md: var(--lex-space-4);
139
+ --lex-space-control-x-lg: var(--lex-space-6);
140
+ --lex-space-control-x-xl: var(--lex-space-8);
141
+ --lex-space-control-y-xs: var(--lex-space-1);
142
+ --lex-space-control-y-sm: var(--lex-space-2);
143
+ --lex-space-control-y-md: var(--lex-space-3);
144
+ --lex-space-control-y-lg: var(--lex-space-4);
145
+ --lex-space-surface-sm: var(--lex-space-4);
146
+ --lex-space-surface-md: var(--lex-space-6);
147
+ --lex-space-surface-gap-sm: var(--lex-space-1);
148
+ --lex-space-surface-gap-md: var(--lex-space-3);
149
+ --lex-space-overlay-side-offset: var(--lex-space-2);
150
+ --lex-size-1: 0.25rem;
151
+ --lex-size-2: 0.5rem;
152
+ --lex-size-3: 0.75rem;
153
+ --lex-size-4: 1rem;
154
+ --lex-size-5: 1.25rem;
155
+ --lex-size-6: 1.5rem;
156
+ --lex-size-7: 1.75rem;
157
+ --lex-size-8: 2rem;
158
+ --lex-size-9: 2.25rem;
159
+ --lex-size-10: 2.5rem;
160
+ --lex-size-11: 2.75rem;
161
+ --lex-size-12: 3rem;
162
+ --lex-size-13: 3.25rem;
163
+ --lex-size-14: 3.5rem;
164
+ --lex-size-15: 3.75rem;
165
+ --lex-size-16: 4rem;
166
+ --lex-size-20: 5rem;
167
+ --lex-size-48: 12rem;
168
+ --lex-size-64: 16rem;
169
+ --lex-size-80: 20rem;
170
+ --lex-size-96: 24rem;
171
+ --lex-size-128: 32rem;
172
+ --lex-size-160: 40rem;
173
+ --lex-size-control-xs: var(--lex-size-6);
174
+ --lex-size-control-compact: var(--lex-size-7);
175
+ --lex-size-control-sm: var(--lex-size-8);
176
+ --lex-size-control-md: var(--lex-size-10);
177
+ --lex-size-control-lg: var(--lex-size-12);
178
+ --lex-size-control-xl: var(--lex-size-14);
179
+ --lex-size-control-2xl: var(--lex-size-16);
180
+ --lex-size-selection-control-sm: var(--lex-size-3);
181
+ --lex-size-selection-control-md: var(--lex-size-4);
182
+ --lex-size-selection-control-lg: var(--lex-size-5);
183
+ --lex-size-area-swipe-sm: var(--lex-size-12);
184
+ --lex-size-area-swipe-md: var(--lex-size-16);
185
+ --lex-size-area-swipe-lg: var(--lex-size-20);
186
+ --lex-size-selection-indicator-sm: var(--lex-size-1);
187
+ --lex-size-selection-indicator-md: var(--lex-size-2);
188
+ --lex-size-selection-indicator-lg: var(--lex-size-2);
189
+ --lex-size-track-sm: var(--lex-size-1);
190
+ --lex-size-track-md: var(--lex-size-2);
191
+ --lex-size-track-lg: var(--lex-size-3);
192
+ --lex-size-thumb-sm: var(--lex-size-4);
193
+ --lex-size-thumb-md: var(--lex-size-5);
194
+ --lex-size-thumb-lg: var(--lex-size-6);
195
+ --lex-size-switch-track-width-sm: var(--lex-size-9);
196
+ --lex-size-switch-track-width-md: var(--lex-size-11);
197
+ --lex-size-switch-track-width-lg: var(--lex-size-13);
198
+ --lex-size-switch-track-height-sm: var(--lex-size-5);
199
+ --lex-size-switch-track-height-md: var(--lex-size-6);
200
+ --lex-size-switch-track-height-lg: var(--lex-size-7);
201
+ --lex-size-panel-width-sm: var(--lex-size-80);
202
+ --lex-size-panel-width-md: var(--lex-size-96);
203
+ --lex-size-panel-width-lg: var(--lex-size-128);
204
+ --lex-size-panel-width-xl: var(--lex-size-160);
205
+ --lex-size-panel-height-sm: var(--lex-size-48);
206
+ --lex-size-panel-height-md: var(--lex-size-80);
207
+ --lex-size-panel-height-lg: var(--lex-size-128);
208
+ --lex-size-overlay-list-max-height: var(--lex-size-panel-height-sm);
209
+ --lex-size-overlay-viewport-max-height: var(--lex-layout-viewport-full);
210
+ --lex-size-sidebar-width: var(--lex-size-64);
211
+ --lex-size-command-palette-list-max-height: var(--lex-size-64);
212
+ --lex-font-family-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
213
+ --lex-font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
214
+ --lex-font-family-mono: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
215
+ --lex-font-size-xs: 0.75rem;
216
+ --lex-font-size-sm: 0.875rem;
217
+ --lex-font-size-base: 1rem;
218
+ --lex-font-size-lg: 1.125rem;
219
+ --lex-font-size-xl: 1.25rem;
220
+ --lex-font-size-2xl: 1.5rem;
221
+ --lex-font-size-3xl: 1.875rem;
222
+ --lex-font-size-4xl: 2.25rem;
223
+ --lex-font-size-5xl: 3rem;
224
+ --lex-font-size-6xl: 3.75rem;
225
+ --lex-font-size-7xl: 4.5rem;
226
+ --lex-font-size-8xl: 6rem;
227
+ --lex-font-size-9xl: 8rem;
228
+ --lex-font-weight-thin: 100;
229
+ --lex-font-weight-extralight: 200;
230
+ --lex-font-weight-light: 300;
231
+ --lex-font-weight-normal: 400;
232
+ --lex-font-weight-medium: 500;
233
+ --lex-font-weight-semibold: 600;
234
+ --lex-font-weight-bold: 700;
235
+ --lex-font-weight-extrabold: 800;
236
+ --lex-font-weight-black: 900;
237
+ --lex-line-height-none: 1;
238
+ --lex-line-height-tight: 1.25;
239
+ --lex-line-height-snug: 1.375;
240
+ --lex-line-height-normal: 1.5;
241
+ --lex-line-height-relaxed: 1.625;
242
+ --lex-line-height-loose: 2;
243
+ --lex-letter-spacing-tighter: -0.05em;
244
+ --lex-letter-spacing-tight: -0.025em;
245
+ --lex-letter-spacing-normal: 0em;
246
+ --lex-letter-spacing-wide: 0.025em;
247
+ --lex-letter-spacing-wider: 0.05em;
248
+ --lex-letter-spacing-widest: 0.1em;
249
+ --lex-duration-instant: 0ms;
250
+ --lex-duration-fastest: 100ms;
251
+ --lex-duration-fast: 150ms;
252
+ --lex-duration-normal: 200ms;
253
+ --lex-duration-slow: 300ms;
254
+ --lex-duration-slower: 500ms;
255
+ --lex-duration-control: var(--lex-duration-fast);
256
+ --lex-duration-surface: var(--lex-duration-fast);
257
+ --lex-easing-linear: cubic-bezier(0, 0, 1, 1);
258
+ --lex-easing-standard: cubic-bezier(0.2, 0, 0, 1);
259
+ --lex-easing-enter: cubic-bezier(0, 0, 0.2, 1);
260
+ --lex-easing-exit: cubic-bezier(0.4, 0, 1, 1);
261
+ --lex-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
262
+ --lex-easing-control: var(--lex-easing-standard);
263
+ --lex-easing-surface: var(--lex-easing-standard);
264
+ --lex-motion-offset-entry-y: var(--lex-space-2);
265
+ --lex-aspect-ratio-1-1: 1;
266
+ --lex-aspect-ratio-4-3: 1.333333;
267
+ --lex-aspect-ratio-3-2: 1.5;
268
+ --lex-aspect-ratio-3-4: 0.75;
269
+ --lex-aspect-ratio-16-9: 1.777778;
270
+ --lex-aspect-ratio-21-9: 2.333333;
271
+ --lex-blur-none: 0px;
272
+ --lex-blur-xs: 2px;
273
+ --lex-blur-sm: 4px;
274
+ --lex-blur-md: 8px;
275
+ --lex-blur-lg: 12px;
276
+ --lex-blur-xl: 16px;
277
+ --lex-blur-2xl: 24px;
278
+ --lex-blur-3xl: 40px;
279
+ --lex-border-none: 0px;
280
+ --lex-border-hairline: 0.5px;
281
+ --lex-border-thin: 1px;
282
+ --lex-border-medium: 2px;
283
+ --lex-border-thick: 4px;
284
+ --lex-border-default: var(--lex-color-neutral-200);
285
+ --lex-border-strong: var(--lex-color-neutral-400);
286
+ --lex-border-focus: var(--lex-brand-color-primary-base);
287
+ --lex-border-accent: var(--lex-brand-color-accent-base);
288
+ --lex-border-control-color: var(--lex-color-neutral-200);
289
+ --lex-border-control-width: var(--lex-border-thin);
290
+ --lex-border-control-style: solid;
291
+ --lex-breakpoint-sm: 40rem;
292
+ --lex-breakpoint-md: 48rem;
293
+ --lex-breakpoint-lg: 64rem;
294
+ --lex-breakpoint-xl: 80rem;
295
+ --lex-breakpoint-2xl: 96rem;
296
+ --lex-opacity-0: 0;
297
+ --lex-opacity-5: 0.05;
298
+ --lex-opacity-10: 0.1;
299
+ --lex-opacity-20: 0.2;
300
+ --lex-opacity-30: 0.3;
301
+ --lex-opacity-40: 0.4;
302
+ --lex-opacity-50: 0.5;
303
+ --lex-opacity-60: 0.6;
304
+ --lex-opacity-70: 0.7;
305
+ --lex-opacity-80: 0.8;
306
+ --lex-opacity-90: 0.9;
307
+ --lex-opacity-100: 1;
308
+ --lex-opacity-disabled: var(--lex-opacity-50);
309
+ --lex-opacity-busy: var(--lex-opacity-80);
310
+ --lex-outline-width-none: 0px;
311
+ --lex-outline-width-hairline: 1px;
312
+ --lex-outline-width-thin: 2px;
313
+ --lex-outline-width-medium: 3px;
314
+ --lex-outline-width-thick: 4px;
315
+ --lex-outline-width-focus: var(--lex-outline-width-thin);
316
+ --lex-outline-width-inset: var(--lex-outline-width-thin);
317
+ --lex-outline-width-zero: var(--lex-outline-width-none);
318
+ --lex-outline-offset-none: 0px;
319
+ --lex-outline-offset-xs: 1px;
320
+ --lex-outline-offset-sm: 2px;
321
+ --lex-outline-offset-md: 4px;
322
+ --lex-outline-offset-lg: 6px;
323
+ --lex-outline-offset-xl: 8px;
324
+ --lex-outline-offset-focus: var(--lex-outline-offset-sm);
325
+ --lex-outline-offset-zero: var(--lex-outline-offset-none);
326
+ --lex-shadow-0-color: oklch(0 0 0 / 0);
327
+ --lex-shadow-0-offset-x: 0;
328
+ --lex-shadow-0-offset-y: 0;
329
+ --lex-shadow-0-blur: 0;
330
+ --lex-shadow-0-spread: 0;
331
+ --lex-shadow-0-inset: ;
332
+ --lex-shadow-0-box-shadow: var(--lex-shadow-0-inset) var(--lex-shadow-0-offset-x) var(--lex-shadow-0-offset-y) var(--lex-shadow-0-blur) var(--lex-shadow-0-spread) var(--lex-shadow-0-color);
333
+ --lex-shadow-1-color: oklch(0 0 0 / 0.06);
334
+ --lex-shadow-1-offset-x: 0;
335
+ --lex-shadow-1-offset-y: 1px;
336
+ --lex-shadow-1-blur: 2px;
337
+ --lex-shadow-1-spread: 0;
338
+ --lex-shadow-1-inset: ;
339
+ --lex-shadow-1-box-shadow: var(--lex-shadow-1-inset) var(--lex-shadow-1-offset-x) var(--lex-shadow-1-offset-y) var(--lex-shadow-1-blur) var(--lex-shadow-1-spread) var(--lex-shadow-1-color);
340
+ --lex-shadow-2-color: oklch(0 0 0 / 0.08);
341
+ --lex-shadow-2-offset-x: 0;
342
+ --lex-shadow-2-offset-y: 2px;
343
+ --lex-shadow-2-blur: 4px;
344
+ --lex-shadow-2-spread: 0;
345
+ --lex-shadow-2-inset: ;
346
+ --lex-shadow-2-box-shadow: var(--lex-shadow-2-inset) var(--lex-shadow-2-offset-x) var(--lex-shadow-2-offset-y) var(--lex-shadow-2-blur) var(--lex-shadow-2-spread) var(--lex-shadow-2-color);
347
+ --lex-shadow-3-color: oklch(0 0 0 / 0.1);
348
+ --lex-shadow-3-offset-x: 0;
349
+ --lex-shadow-3-offset-y: 4px;
350
+ --lex-shadow-3-blur: 8px;
351
+ --lex-shadow-3-spread: 0;
352
+ --lex-shadow-3-inset: ;
353
+ --lex-shadow-3-box-shadow: var(--lex-shadow-3-inset) var(--lex-shadow-3-offset-x) var(--lex-shadow-3-offset-y) var(--lex-shadow-3-blur) var(--lex-shadow-3-spread) var(--lex-shadow-3-color);
354
+ --lex-shadow-4-color: oklch(0 0 0 / 0.12);
355
+ --lex-shadow-4-offset-x: 0;
356
+ --lex-shadow-4-offset-y: 8px;
357
+ --lex-shadow-4-blur: 16px;
358
+ --lex-shadow-4-spread: 0;
359
+ --lex-shadow-4-inset: ;
360
+ --lex-shadow-4-box-shadow: var(--lex-shadow-4-inset) var(--lex-shadow-4-offset-x) var(--lex-shadow-4-offset-y) var(--lex-shadow-4-blur) var(--lex-shadow-4-spread) var(--lex-shadow-4-color);
361
+ --lex-shadow-5-color: oklch(0 0 0 / 0.14);
362
+ --lex-shadow-5-offset-x: 0;
363
+ --lex-shadow-5-offset-y: 16px;
364
+ --lex-shadow-5-blur: 32px;
365
+ --lex-shadow-5-spread: 0;
366
+ --lex-shadow-5-inset: ;
367
+ --lex-shadow-5-box-shadow: var(--lex-shadow-5-inset) var(--lex-shadow-5-offset-x) var(--lex-shadow-5-offset-y) var(--lex-shadow-5-blur) var(--lex-shadow-5-spread) var(--lex-shadow-5-color);
368
+ --lex-shadow-6-color: oklch(0 0 0 / 0.16);
369
+ --lex-shadow-6-offset-x: 0;
370
+ --lex-shadow-6-offset-y: 24px;
371
+ --lex-shadow-6-blur: 48px;
372
+ --lex-shadow-6-spread: 0;
373
+ --lex-shadow-6-inset: ;
374
+ --lex-shadow-6-box-shadow: var(--lex-shadow-6-inset) var(--lex-shadow-6-offset-x) var(--lex-shadow-6-offset-y) var(--lex-shadow-6-blur) var(--lex-shadow-6-spread) var(--lex-shadow-6-color);
375
+ --lex-shadow-inner-color: oklch(0 0 0 / 0.08);
376
+ --lex-shadow-inner-offset-x: 0;
377
+ --lex-shadow-inner-offset-y: 1px;
378
+ --lex-shadow-inner-blur: 2px;
379
+ --lex-shadow-inner-spread: 0;
380
+ --lex-shadow-inner-inset: inset;
381
+ --lex-shadow-inner-box-shadow: var(--lex-shadow-inner-inset) var(--lex-shadow-inner-offset-x) var(--lex-shadow-inner-offset-y) var(--lex-shadow-inner-blur) var(--lex-shadow-inner-spread) var(--lex-shadow-inner-color);
382
+ --lex-z-index-base: 0;
383
+ --lex-z-index-behind: -10;
384
+ --lex-z-index-local: 30;
385
+ --lex-z-index-raised: 10;
386
+ --lex-z-index-sticky: 100;
387
+ --lex-z-index-dropdown: 1000;
388
+ --lex-z-index-overlay: 2000;
389
+ --lex-z-index-modal: 3000;
390
+ --lex-z-index-popover: 4000;
391
+ --lex-z-index-toast: 5000;
392
+ --lex-z-index-tooltip: 6000;
393
+ --lex-z-index-max: 9999;
394
+ --lex-brand-color-primary-base: var(--lex-color-orange-600);
395
+ --lex-brand-color-primary-hover: var(--lex-color-orange-700);
396
+ --lex-brand-color-primary-active: var(--lex-color-orange-800);
397
+ --lex-brand-color-primary-disabled: var(--lex-color-neutral-300);
398
+ --lex-brand-color-accent-base: var(--lex-color-space-indigo-500);
399
+ --lex-brand-color-accent-hover: var(--lex-color-space-indigo-700);
400
+ --lex-brand-color-accent-active: var(--lex-color-space-indigo-900);
401
+ --lex-brand-color-accent-disabled: var(--lex-color-neutral-200);
402
+ --lex-typography-family-sans: var(--lex-font-family-sans);
403
+ --lex-typography-family-serif: var(--lex-font-family-serif);
404
+ --lex-typography-family-mono: var(--lex-font-family-mono);
405
+ --lex-typography-body-xs-font-family: var(--lex-typography-family-sans);
406
+ --lex-typography-body-xs-font-size: var(--lex-font-size-xs);
407
+ --lex-typography-body-xs-font-weight: var(--lex-font-weight-normal);
408
+ --lex-typography-body-xs-line-height: var(--lex-line-height-normal);
409
+ --lex-typography-body-xs-letter-spacing: var(--lex-letter-spacing-normal);
410
+ --lex-typography-body-sm-font-family: var(--lex-typography-family-sans);
411
+ --lex-typography-body-sm-font-size: var(--lex-font-size-sm);
412
+ --lex-typography-body-sm-font-weight: var(--lex-font-weight-normal);
413
+ --lex-typography-body-sm-line-height: var(--lex-line-height-normal);
414
+ --lex-typography-body-sm-letter-spacing: var(--lex-letter-spacing-normal);
415
+ --lex-typography-body-md-font-family: var(--lex-typography-family-sans);
416
+ --lex-typography-body-md-font-size: var(--lex-font-size-base);
417
+ --lex-typography-body-md-font-weight: var(--lex-font-weight-normal);
418
+ --lex-typography-body-md-line-height: var(--lex-line-height-normal);
419
+ --lex-typography-body-md-letter-spacing: var(--lex-letter-spacing-normal);
420
+ --lex-typography-body-lg-font-family: var(--lex-typography-family-sans);
421
+ --lex-typography-body-lg-font-size: var(--lex-font-size-lg);
422
+ --lex-typography-body-lg-font-weight: var(--lex-font-weight-normal);
423
+ --lex-typography-body-lg-line-height: var(--lex-line-height-relaxed);
424
+ --lex-typography-body-lg-letter-spacing: var(--lex-letter-spacing-normal);
425
+ --lex-typography-body-xl-font-family: var(--lex-typography-family-sans);
426
+ --lex-typography-body-xl-font-size: var(--lex-font-size-xl);
427
+ --lex-typography-body-xl-font-weight: var(--lex-font-weight-normal);
428
+ --lex-typography-body-xl-line-height: var(--lex-line-height-relaxed);
429
+ --lex-typography-body-xl-letter-spacing: var(--lex-letter-spacing-normal);
430
+ --lex-typography-heading-xs-font-family: var(--lex-typography-family-sans);
431
+ --lex-typography-heading-xs-font-size: var(--lex-font-size-base);
432
+ --lex-typography-heading-xs-font-weight: var(--lex-font-weight-semibold);
433
+ --lex-typography-heading-xs-line-height: var(--lex-line-height-tight);
434
+ --lex-typography-heading-xs-letter-spacing: var(--lex-letter-spacing-tight);
435
+ --lex-typography-heading-sm-font-family: var(--lex-typography-family-sans);
436
+ --lex-typography-heading-sm-font-size: var(--lex-font-size-lg);
437
+ --lex-typography-heading-sm-font-weight: var(--lex-font-weight-semibold);
438
+ --lex-typography-heading-sm-line-height: var(--lex-line-height-tight);
439
+ --lex-typography-heading-sm-letter-spacing: var(--lex-letter-spacing-tight);
440
+ --lex-typography-heading-md-font-family: var(--lex-typography-family-sans);
441
+ --lex-typography-heading-md-font-size: var(--lex-font-size-xl);
442
+ --lex-typography-heading-md-font-weight: var(--lex-font-weight-semibold);
443
+ --lex-typography-heading-md-line-height: var(--lex-line-height-tight);
444
+ --lex-typography-heading-md-letter-spacing: var(--lex-letter-spacing-tight);
445
+ --lex-typography-heading-lg-font-family: var(--lex-typography-family-sans);
446
+ --lex-typography-heading-lg-font-size: var(--lex-font-size-2xl);
447
+ --lex-typography-heading-lg-font-weight: var(--lex-font-weight-bold);
448
+ --lex-typography-heading-lg-line-height: var(--lex-line-height-tight);
449
+ --lex-typography-heading-lg-letter-spacing: var(--lex-letter-spacing-tight);
450
+ --lex-typography-heading-xl-font-family: var(--lex-typography-family-sans);
451
+ --lex-typography-heading-xl-font-size: var(--lex-font-size-3xl);
452
+ --lex-typography-heading-xl-font-weight: var(--lex-font-weight-bold);
453
+ --lex-typography-heading-xl-line-height: var(--lex-line-height-tight);
454
+ --lex-typography-heading-xl-letter-spacing: var(--lex-letter-spacing-tight);
455
+ --lex-typography-heading-2xl-font-family: var(--lex-typography-family-sans);
456
+ --lex-typography-heading-2xl-font-size: var(--lex-font-size-4xl);
457
+ --lex-typography-heading-2xl-font-weight: var(--lex-font-weight-bold);
458
+ --lex-typography-heading-2xl-line-height: var(--lex-line-height-tight);
459
+ --lex-typography-heading-2xl-letter-spacing: var(--lex-letter-spacing-tight);
460
+ --lex-typography-display-sm-font-family: var(--lex-typography-family-sans);
461
+ --lex-typography-display-sm-font-size: var(--lex-font-size-5xl);
462
+ --lex-typography-display-sm-font-weight: var(--lex-font-weight-bold);
463
+ --lex-typography-display-sm-line-height: var(--lex-line-height-none);
464
+ --lex-typography-display-sm-letter-spacing: var(--lex-letter-spacing-tight);
465
+ --lex-typography-display-md-font-family: var(--lex-typography-family-sans);
466
+ --lex-typography-display-md-font-size: var(--lex-font-size-6xl);
467
+ --lex-typography-display-md-font-weight: var(--lex-font-weight-bold);
468
+ --lex-typography-display-md-line-height: var(--lex-line-height-none);
469
+ --lex-typography-display-md-letter-spacing: var(--lex-letter-spacing-tighter);
470
+ --lex-typography-display-lg-font-family: var(--lex-typography-family-sans);
471
+ --lex-typography-display-lg-font-size: var(--lex-font-size-7xl);
472
+ --lex-typography-display-lg-font-weight: var(--lex-font-weight-extrabold);
473
+ --lex-typography-display-lg-line-height: var(--lex-line-height-none);
474
+ --lex-typography-display-lg-letter-spacing: var(--lex-letter-spacing-tighter);
475
+ --lex-typography-label-xs-font-family: var(--lex-typography-family-sans);
476
+ --lex-typography-label-xs-font-size: var(--lex-font-size-xs);
477
+ --lex-typography-label-xs-font-weight: var(--lex-font-weight-medium);
478
+ --lex-typography-label-xs-line-height: var(--lex-line-height-tight);
479
+ --lex-typography-label-xs-letter-spacing: var(--lex-letter-spacing-normal);
480
+ --lex-typography-label-sm-font-family: var(--lex-typography-family-sans);
481
+ --lex-typography-label-sm-font-size: var(--lex-font-size-sm);
482
+ --lex-typography-label-sm-font-weight: var(--lex-font-weight-medium);
483
+ --lex-typography-label-sm-line-height: var(--lex-line-height-tight);
484
+ --lex-typography-label-sm-letter-spacing: var(--lex-letter-spacing-normal);
485
+ --lex-typography-label-md-font-family: var(--lex-typography-family-sans);
486
+ --lex-typography-label-md-font-size: var(--lex-font-size-base);
487
+ --lex-typography-label-md-font-weight: var(--lex-font-weight-medium);
488
+ --lex-typography-label-md-line-height: var(--lex-line-height-snug);
489
+ --lex-typography-label-md-letter-spacing: var(--lex-letter-spacing-normal);
490
+ --lex-typography-label-lg-font-family: var(--lex-typography-family-sans);
491
+ --lex-typography-label-lg-font-size: var(--lex-font-size-lg);
492
+ --lex-typography-label-lg-font-weight: var(--lex-font-weight-medium);
493
+ --lex-typography-label-lg-line-height: var(--lex-line-height-snug);
494
+ --lex-typography-label-lg-letter-spacing: var(--lex-letter-spacing-normal);
495
+ --lex-typography-control-xs-font-family: var(--lex-typography-family-sans);
496
+ --lex-typography-control-xs-font-size: var(--lex-font-size-xs);
497
+ --lex-typography-control-xs-font-weight: var(--lex-font-weight-medium);
498
+ --lex-typography-control-xs-line-height: var(--lex-line-height-tight);
499
+ --lex-typography-control-xs-letter-spacing: var(--lex-letter-spacing-normal);
500
+ --lex-typography-control-sm-font-family: var(--lex-typography-family-sans);
501
+ --lex-typography-control-sm-font-size: var(--lex-font-size-sm);
502
+ --lex-typography-control-sm-font-weight: var(--lex-font-weight-medium);
503
+ --lex-typography-control-sm-line-height: var(--lex-line-height-tight);
504
+ --lex-typography-control-sm-letter-spacing: var(--lex-letter-spacing-normal);
505
+ --lex-typography-control-md-font-family: var(--lex-typography-family-sans);
506
+ --lex-typography-control-md-font-size: var(--lex-font-size-sm);
507
+ --lex-typography-control-md-font-weight: var(--lex-font-weight-medium);
508
+ --lex-typography-control-md-line-height: var(--lex-line-height-tight);
509
+ --lex-typography-control-md-letter-spacing: var(--lex-letter-spacing-normal);
510
+ --lex-typography-control-lg-font-family: var(--lex-typography-family-sans);
511
+ --lex-typography-control-lg-font-size: var(--lex-font-size-base);
512
+ --lex-typography-control-lg-font-weight: var(--lex-font-weight-medium);
513
+ --lex-typography-control-lg-line-height: var(--lex-line-height-snug);
514
+ --lex-typography-control-lg-letter-spacing: var(--lex-letter-spacing-normal);
515
+ --lex-typography-control-xl-font-family: var(--lex-typography-family-sans);
516
+ --lex-typography-control-xl-font-size: var(--lex-font-size-base);
517
+ --lex-typography-control-xl-font-weight: var(--lex-font-weight-medium);
518
+ --lex-typography-control-xl-line-height: var(--lex-line-height-snug);
519
+ --lex-typography-control-xl-letter-spacing: var(--lex-letter-spacing-normal);
520
+ --lex-typography-code-sm-font-family: var(--lex-typography-family-mono);
521
+ --lex-typography-code-sm-font-size: var(--lex-font-size-xs);
522
+ --lex-typography-code-sm-font-weight: var(--lex-font-weight-normal);
523
+ --lex-typography-code-sm-line-height: var(--lex-line-height-normal);
524
+ --lex-typography-code-sm-letter-spacing: var(--lex-letter-spacing-normal);
525
+ --lex-typography-code-md-font-family: var(--lex-typography-family-mono);
526
+ --lex-typography-code-md-font-size: var(--lex-font-size-sm);
527
+ --lex-typography-code-md-font-weight: var(--lex-font-weight-normal);
528
+ --lex-typography-code-md-line-height: var(--lex-line-height-normal);
529
+ --lex-typography-code-md-letter-spacing: var(--lex-letter-spacing-normal);
530
+ --lex-typography-code-lg-font-family: var(--lex-typography-family-mono);
531
+ --lex-typography-code-lg-font-size: var(--lex-font-size-base);
532
+ --lex-typography-code-lg-font-weight: var(--lex-font-weight-normal);
533
+ --lex-typography-code-lg-line-height: var(--lex-line-height-relaxed);
534
+ --lex-typography-code-lg-letter-spacing: var(--lex-letter-spacing-normal);
535
+ --lex-action-primary-base: var(--lex-brand-color-primary-base);
536
+ --lex-action-primary-hover: var(--lex-brand-color-primary-hover);
537
+ --lex-action-primary-active: var(--lex-brand-color-primary-active);
538
+ --lex-action-primary-disabled: var(--lex-brand-color-primary-disabled);
539
+ --lex-action-secondary-base: var(--lex-color-neutral-100);
540
+ --lex-action-secondary-hover: var(--lex-color-neutral-200);
541
+ --lex-action-secondary-active: var(--lex-color-neutral-300);
542
+ --lex-action-secondary-disabled: var(--lex-color-neutral-100);
543
+ --lex-action-danger-base: var(--lex-color-red-600);
544
+ --lex-action-danger-hover: var(--lex-color-red-700);
545
+ --lex-action-danger-active: var(--lex-color-red-800);
546
+ --lex-action-danger-disabled: var(--lex-color-red-300);
547
+ --lex-elevation-behind-z-index: var(--lex-z-index-behind);
548
+ --lex-elevation-backdrop-z-index: var(--lex-z-index-overlay);
549
+ --lex-elevation-handle-z-index: var(--lex-z-index-local);
550
+ --lex-elevation-layer-z-index: var(--lex-z-index-modal);
551
+ --lex-elevation-floating-z-index: var(--lex-z-index-popover);
552
+ --lex-elevation-toast-z-index: var(--lex-z-index-toast);
553
+ --lex-elevation-tooltip-z-index: var(--lex-z-index-tooltip);
554
+ --lex-elevation-shadow-floating-color: var(--lex-shadow-4-color);
555
+ --lex-elevation-shadow-floating-inset: var(--lex-shadow-4-inset);
556
+ --lex-elevation-shadow-floating-offset-x: var(--lex-shadow-4-offset-x);
557
+ --lex-elevation-shadow-floating-offset-y: var(--lex-shadow-4-offset-y);
558
+ --lex-elevation-shadow-floating-blur: var(--lex-shadow-4-blur);
559
+ --lex-elevation-shadow-floating-spread: var(--lex-shadow-4-spread);
560
+ --lex-elevation-shadow-floating-box-shadow: var(--lex-elevation-shadow-floating-inset) var(--lex-elevation-shadow-floating-offset-x) var(--lex-elevation-shadow-floating-offset-y) var(--lex-elevation-shadow-floating-blur) var(--lex-elevation-shadow-floating-spread) var(--lex-elevation-shadow-floating-color);
561
+ --lex-elevation-shadow-raised-color: var(--lex-shadow-5-color);
562
+ --lex-elevation-shadow-raised-inset: var(--lex-shadow-5-inset);
563
+ --lex-elevation-shadow-raised-offset-x: var(--lex-shadow-5-offset-x);
564
+ --lex-elevation-shadow-raised-offset-y: var(--lex-shadow-5-offset-y);
565
+ --lex-elevation-shadow-raised-blur: var(--lex-shadow-5-blur);
566
+ --lex-elevation-shadow-raised-spread: var(--lex-shadow-5-spread);
567
+ --lex-elevation-shadow-raised-box-shadow: var(--lex-elevation-shadow-raised-inset) var(--lex-elevation-shadow-raised-offset-x) var(--lex-elevation-shadow-raised-offset-y) var(--lex-elevation-shadow-raised-blur) var(--lex-elevation-shadow-raised-spread) var(--lex-elevation-shadow-raised-color);
568
+ --lex-layout-viewport-sm: var(--lex-breakpoint-sm);
569
+ --lex-layout-viewport-md: var(--lex-breakpoint-md);
570
+ --lex-layout-viewport-lg: var(--lex-breakpoint-lg);
571
+ --lex-layout-viewport-xl: var(--lex-breakpoint-xl);
572
+ --lex-layout-viewport-2xl: var(--lex-breakpoint-2xl);
573
+ --lex-layout-viewport-full: 100dvh;
574
+ --lex-layout-aspect-ratio-square: var(--lex-aspect-ratio-1-1);
575
+ --lex-layout-aspect-ratio-standard: var(--lex-aspect-ratio-4-3);
576
+ --lex-layout-aspect-ratio-photo: var(--lex-aspect-ratio-3-2);
577
+ --lex-layout-aspect-ratio-portrait: var(--lex-aspect-ratio-3-4);
578
+ --lex-layout-aspect-ratio-video: var(--lex-aspect-ratio-16-9);
579
+ --lex-layout-aspect-ratio-ultrawide: var(--lex-aspect-ratio-21-9);
580
+ --lex-accordion-background: var(--lex-color-background-surface);
581
+ --lex-accordion-foreground: var(--lex-color-text-primary);
582
+ --lex-accordion-border-color: var(--lex-border-default);
583
+ --lex-accordion-radius: var(--lex-radius-surface);
584
+ --lex-accordion-item-border-color: var(--lex-border-default);
585
+ --lex-accordion-trigger-background-hover: var(--lex-color-background-subtle);
586
+ --lex-accordion-trigger-padding-x: var(--lex-space-control-x-md);
587
+ --lex-accordion-trigger-padding-y: var(--lex-space-control-y-md);
588
+ --lex-accordion-trigger-font-family: var(--lex-typography-label-sm-font-family);
589
+ --lex-accordion-trigger-font-size: var(--lex-typography-label-sm-font-size);
590
+ --lex-accordion-trigger-font-weight: var(--lex-typography-label-sm-font-weight);
591
+ --lex-accordion-trigger-font-line-height: var(--lex-typography-label-sm-line-height);
592
+ --lex-accordion-panel-foreground: var(--lex-color-text-secondary);
593
+ --lex-accordion-panel-padding-x: var(--lex-space-control-x-md);
594
+ --lex-accordion-panel-padding-bottom: var(--lex-space-surface-sm);
595
+ --lex-accordion-panel-font-size: var(--lex-typography-body-sm-font-size);
596
+ --lex-accordion-panel-font-line-height: var(--lex-typography-body-sm-line-height);
597
+ --lex-accordion-focus-ring-color: var(--lex-border-focus);
598
+ --lex-accordion-focus-ring-width: var(--lex-outline-width-inset);
599
+ --lex-accordion-transition-duration: var(--lex-duration-control);
600
+ --lex-accordion-transition-easing: var(--lex-easing-control);
601
+ --lex-alert-dialog-backdrop-background: var(--lex-color-text-primary);
602
+ --lex-alert-dialog-backdrop-opacity: 0.56;
603
+ --lex-alert-dialog-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
604
+ --lex-alert-dialog-viewport-padding: var(--lex-space-surface-md);
605
+ --lex-alert-dialog-viewport-inset: var(--lex-space-surface-md);
606
+ --lex-alert-dialog-viewport-z-index: var(--lex-elevation-layer-z-index);
607
+ --lex-alert-dialog-popup-background: var(--lex-color-background-base);
608
+ --lex-alert-dialog-popup-foreground: var(--lex-color-text-primary);
609
+ --lex-alert-dialog-popup-border-color: var(--lex-border-default);
610
+ --lex-alert-dialog-popup-radius: var(--lex-radius-surface);
611
+ --lex-alert-dialog-popup-max-width: var(--lex-size-panel-width-lg);
612
+ --lex-alert-dialog-popup-padding: var(--lex-space-surface-md);
613
+ --lex-alert-dialog-popup-gap: var(--lex-space-surface-gap-md);
614
+ --lex-alert-dialog-popup-shadow: var(--lex-elevation-shadow-raised-box-shadow);
615
+ --lex-alert-dialog-title-foreground: var(--lex-color-text-primary);
616
+ --lex-alert-dialog-title-padding-end: var(--lex-size-control-lg);
617
+ --lex-alert-dialog-title-font-size: var(--lex-typography-heading-sm-font-size);
618
+ --lex-alert-dialog-title-font-weight: var(--lex-typography-heading-sm-font-weight);
619
+ --lex-alert-dialog-title-font-line-height: var(--lex-typography-heading-sm-line-height);
620
+ --lex-alert-dialog-description-foreground: var(--lex-color-text-secondary);
621
+ --lex-alert-dialog-description-font-size: var(--lex-typography-body-sm-font-size);
622
+ --lex-alert-dialog-description-font-weight: var(--lex-typography-body-sm-font-weight);
623
+ --lex-alert-dialog-description-font-line-height: var(--lex-typography-body-sm-line-height);
624
+ --lex-alert-dialog-trigger-background: var(--lex-action-danger-base);
625
+ --lex-alert-dialog-trigger-foreground: var(--lex-color-text-inverse);
626
+ --lex-alert-dialog-trigger-hover-background: var(--lex-action-danger-base);
627
+ --lex-alert-dialog-trigger-height: var(--lex-size-control-md);
628
+ --lex-alert-dialog-trigger-radius: var(--lex-radius-control);
629
+ --lex-alert-dialog-trigger-padding-x: var(--lex-space-control-x-md);
630
+ --lex-alert-dialog-trigger-font-size: var(--lex-typography-control-md-font-size);
631
+ --lex-alert-dialog-trigger-font-weight: var(--lex-typography-control-md-font-weight);
632
+ --lex-alert-dialog-trigger-font-line-height: var(--lex-typography-control-md-line-height);
633
+ --lex-alert-dialog-close-foreground: var(--lex-color-text-secondary);
634
+ --lex-alert-dialog-close-hover-background: var(--lex-color-background-subtle);
635
+ --lex-alert-dialog-close-size: var(--lex-size-control-sm);
636
+ --lex-alert-dialog-close-inset: var(--lex-space-control-x-sm);
637
+ --lex-alert-dialog-close-radius: var(--lex-radius-control);
638
+ --lex-alert-dialog-focus-ring-color: var(--lex-border-focus);
639
+ --lex-alert-dialog-focus-ring-offset-color: var(--lex-color-background-base);
640
+ --lex-alert-dialog-focus-ring-width: var(--lex-outline-width-focus);
641
+ --lex-alert-dialog-focus-ring-offset: var(--lex-outline-offset-focus);
642
+ --lex-alert-dialog-transition-duration: var(--lex-duration-control);
643
+ --lex-alert-dialog-transition-easing: var(--lex-easing-control);
644
+ --lex-alert-radius: var(--lex-radius-surface);
645
+ --lex-alert-padding: var(--lex-space-surface-sm);
646
+ --lex-alert-gap: var(--lex-space-surface-gap-sm);
647
+ --lex-alert-transition-duration: var(--lex-duration-surface);
648
+ --lex-alert-transition-easing: var(--lex-easing-surface);
649
+ --lex-alert-title-font-size: var(--lex-typography-label-sm-font-size);
650
+ --lex-alert-title-font-weight: var(--lex-typography-label-sm-font-weight);
651
+ --lex-alert-title-font-line-height: var(--lex-typography-label-sm-line-height);
652
+ --lex-alert-description-foreground: var(--lex-color-text-secondary);
653
+ --lex-alert-description-font-size: var(--lex-typography-body-sm-font-size);
654
+ --lex-alert-description-font-line-height: var(--lex-typography-body-sm-line-height);
655
+ --lex-alert-neutral-background: var(--lex-color-background-surface);
656
+ --lex-alert-neutral-foreground: var(--lex-color-text-primary);
657
+ --lex-alert-neutral-border-color: var(--lex-border-default);
658
+ --lex-alert-primary-background: var(--lex-color-feedback-info-background);
659
+ --lex-alert-primary-foreground: var(--lex-color-feedback-info-foreground);
660
+ --lex-alert-primary-border-color: var(--lex-color-feedback-info-foreground);
661
+ --lex-alert-danger-background: var(--lex-color-feedback-danger-background);
662
+ --lex-alert-danger-foreground: var(--lex-color-feedback-danger-foreground);
663
+ --lex-alert-danger-border-color: var(--lex-color-feedback-danger-foreground);
664
+ --lex-avatar-background: var(--lex-color-background-subtle);
665
+ --lex-avatar-foreground: var(--lex-color-text-secondary);
666
+ --lex-avatar-border-color: var(--lex-border-default);
667
+ --lex-avatar-fallback-background: var(--lex-color-background-subtle);
668
+ --lex-avatar-fallback-foreground: var(--lex-color-text-secondary);
669
+ --lex-avatar-radius-circle: var(--lex-radius-pill);
670
+ --lex-avatar-radius-square: var(--lex-radius-control);
671
+ --lex-avatar-size-sm: var(--lex-size-control-sm);
672
+ --lex-avatar-size-md: var(--lex-size-control-md);
673
+ --lex-avatar-size-lg: var(--lex-size-control-lg);
674
+ --lex-avatar-font-size-sm: var(--lex-typography-label-xs-font-size);
675
+ --lex-avatar-font-size-md: var(--lex-typography-label-sm-font-size);
676
+ --lex-avatar-font-size-lg: var(--lex-typography-label-md-font-size);
677
+ --lex-avatar-font-weight: var(--lex-typography-label-md-font-weight);
678
+ --lex-avatar-font-line-height: 1;
679
+ --lex-avatar-transition-duration: var(--lex-duration-surface);
680
+ --lex-avatar-transition-easing: var(--lex-easing-surface);
681
+ --lex-badge-radius: var(--lex-radius-control);
682
+ --lex-badge-height-sm: var(--lex-size-control-xs);
683
+ --lex-badge-height-md: var(--lex-size-control-compact);
684
+ --lex-badge-padding-x-sm: var(--lex-space-control-x-xs);
685
+ --lex-badge-padding-x-md: var(--lex-space-control-x-sm);
686
+ --lex-badge-font-size-sm: var(--lex-typography-label-xs-font-size);
687
+ --lex-badge-font-size-md: var(--lex-typography-label-sm-font-size);
688
+ --lex-badge-font-weight: var(--lex-typography-label-sm-font-weight);
689
+ --lex-badge-font-line-height: 1;
690
+ --lex-badge-transition-duration: var(--lex-duration-control);
691
+ --lex-badge-transition-easing: var(--lex-easing-control);
692
+ --lex-badge-outline-background: transparent;
693
+ --lex-badge-neutral-background: var(--lex-color-background-subtle);
694
+ --lex-badge-neutral-foreground: var(--lex-color-text-primary);
695
+ --lex-badge-neutral-border-color: var(--lex-border-default);
696
+ --lex-badge-primary-background: var(--lex-action-primary-base);
697
+ --lex-badge-primary-foreground: var(--lex-color-text-inverse);
698
+ --lex-badge-primary-border-color: var(--lex-action-primary-base);
699
+ --lex-badge-danger-background: var(--lex-action-danger-base);
700
+ --lex-badge-danger-foreground: var(--lex-color-text-inverse);
701
+ --lex-badge-danger-border-color: var(--lex-action-danger-base);
702
+ --lex-button-radius: var(--lex-radius-control);
703
+ --lex-button-focus-ring-color: var(--lex-border-focus);
704
+ --lex-button-focus-ring-offset-color: var(--lex-color-background-base);
705
+ --lex-button-focus-ring-width: var(--lex-outline-width-focus);
706
+ --lex-button-focus-ring-offset: var(--lex-outline-offset-focus);
707
+ --lex-button-primary-background: var(--lex-action-primary-base);
708
+ --lex-button-primary-foreground: var(--lex-color-text-inverse);
709
+ --lex-button-primary-hover-background: var(--lex-action-primary-hover);
710
+ --lex-button-primary-border-color: transparent;
711
+ --lex-button-secondary-background: var(--lex-color-background-subtle);
712
+ --lex-button-secondary-foreground: var(--lex-color-text-primary);
713
+ --lex-button-secondary-hover-background: var(--lex-color-background-surface);
714
+ --lex-button-secondary-border-color: var(--lex-border-default);
715
+ --lex-button-danger-background: var(--lex-action-danger-base);
716
+ --lex-button-danger-foreground: var(--lex-color-text-inverse);
717
+ --lex-button-danger-hover-background: var(--lex-action-danger-hover);
718
+ --lex-button-danger-border-color: transparent;
719
+ --lex-button-height-xs: var(--lex-size-control-xs);
720
+ --lex-button-height-sm: var(--lex-size-control-sm);
721
+ --lex-button-height-md: var(--lex-size-control-md);
722
+ --lex-button-height-lg: var(--lex-size-control-lg);
723
+ --lex-button-height-xl: var(--lex-size-control-xl);
724
+ --lex-button-padding-x-xs: var(--lex-space-control-x-xs);
725
+ --lex-button-padding-x-sm: var(--lex-space-control-x-sm);
726
+ --lex-button-padding-x-md: var(--lex-space-control-x-md);
727
+ --lex-button-padding-x-lg: var(--lex-space-control-x-lg);
728
+ --lex-button-padding-x-xl: var(--lex-space-control-x-xl);
729
+ --lex-button-font-family: var(--lex-typography-control-md-font-family);
730
+ --lex-button-font-size-xs: var(--lex-typography-control-xs-font-size);
731
+ --lex-button-font-size-sm: var(--lex-typography-control-sm-font-size);
732
+ --lex-button-font-size-md: var(--lex-typography-control-md-font-size);
733
+ --lex-button-font-size-lg: var(--lex-typography-control-lg-font-size);
734
+ --lex-button-font-size-xl: var(--lex-typography-control-xl-font-size);
735
+ --lex-button-font-weight: var(--lex-typography-control-md-font-weight);
736
+ --lex-button-font-line-height: var(--lex-typography-control-md-line-height);
737
+ --lex-button-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
738
+ --lex-button-transition-duration: var(--lex-duration-control);
739
+ --lex-button-transition-easing: var(--lex-easing-control);
740
+ --lex-card-background: var(--lex-color-background-surface);
741
+ --lex-card-foreground: var(--lex-color-text-primary);
742
+ --lex-card-border-color: var(--lex-border-default);
743
+ --lex-card-muted-background: var(--lex-color-background-subtle);
744
+ --lex-card-radius: var(--lex-radius-surface);
745
+ --lex-card-padding: var(--lex-space-surface-md);
746
+ --lex-card-gap-sm: var(--lex-space-surface-gap-sm);
747
+ --lex-card-gap-md: var(--lex-space-surface-gap-md);
748
+ --lex-card-header-padding-bottom: var(--lex-space-surface-sm);
749
+ --lex-card-title-foreground: var(--lex-color-text-primary);
750
+ --lex-card-title-font-size: var(--lex-typography-heading-sm-font-size);
751
+ --lex-card-title-font-weight: var(--lex-typography-heading-sm-font-weight);
752
+ --lex-card-title-font-line-height: var(--lex-typography-heading-sm-line-height);
753
+ --lex-card-title-font-letter-spacing: var(--lex-typography-heading-sm-letter-spacing);
754
+ --lex-card-description-foreground: var(--lex-color-text-secondary);
755
+ --lex-card-description-font-size: var(--lex-typography-body-sm-font-size);
756
+ --lex-card-description-font-line-height: var(--lex-typography-body-sm-line-height);
757
+ --lex-card-content-font-size: var(--lex-typography-body-sm-font-size);
758
+ --lex-card-content-font-line-height: var(--lex-typography-body-sm-line-height);
759
+ --lex-card-content-padding-top: 0;
760
+ --lex-card-footer-padding-top: 0;
761
+ --lex-card-transition-duration: var(--lex-duration-surface);
762
+ --lex-card-transition-easing: var(--lex-easing-surface);
763
+ --lex-checkbox-background: var(--lex-color-background-base);
764
+ --lex-checkbox-foreground: var(--lex-color-text-inverse);
765
+ --lex-checkbox-border-color: var(--lex-border-default);
766
+ --lex-checkbox-checked-background: var(--lex-action-primary-base);
767
+ --lex-checkbox-checked-border-color: var(--lex-action-primary-base);
768
+ --lex-checkbox-checked-foreground: var(--lex-color-text-inverse);
769
+ --lex-checkbox-radius: var(--lex-radius-selection);
770
+ --lex-checkbox-size-sm: var(--lex-size-selection-control-sm);
771
+ --lex-checkbox-size-md: var(--lex-size-selection-control-md);
772
+ --lex-checkbox-size-lg: var(--lex-size-selection-control-lg);
773
+ --lex-checkbox-indicator-font-size-sm: var(--lex-typography-label-xs-font-size);
774
+ --lex-checkbox-indicator-font-size-md: var(--lex-typography-label-xs-font-size);
775
+ --lex-checkbox-indicator-font-size-lg: var(--lex-typography-label-sm-font-size);
776
+ --lex-checkbox-label-gap: var(--lex-space-control-gap-md);
777
+ --lex-checkbox-label-foreground: var(--lex-color-text-primary);
778
+ --lex-checkbox-label-font-size: var(--lex-typography-label-sm-font-size);
779
+ --lex-checkbox-label-font-weight: var(--lex-typography-label-sm-font-weight);
780
+ --lex-checkbox-label-font-line-height: var(--lex-typography-label-sm-line-height);
781
+ --lex-checkbox-focus-ring-color: var(--lex-border-focus);
782
+ --lex-checkbox-focus-ring-offset-color: var(--lex-color-background-base);
783
+ --lex-checkbox-focus-ring-width: var(--lex-outline-width-focus);
784
+ --lex-checkbox-focus-ring-offset: var(--lex-outline-offset-focus);
785
+ --lex-checkbox-transition-duration: var(--lex-duration-control);
786
+ --lex-checkbox-transition-easing: var(--lex-easing-control);
787
+ --lex-collapsible-background: var(--lex-color-background-surface);
788
+ --lex-collapsible-foreground: var(--lex-color-text-primary);
789
+ --lex-collapsible-border-color: var(--lex-border-default);
790
+ --lex-collapsible-radius: var(--lex-radius-surface);
791
+ --lex-collapsible-focus-ring-color: var(--lex-border-focus);
792
+ --lex-collapsible-focus-ring-width: var(--lex-outline-width-inset);
793
+ --lex-collapsible-trigger-background-hover: var(--lex-color-background-subtle);
794
+ --lex-collapsible-trigger-gap: var(--lex-space-control-gap-sm);
795
+ --lex-collapsible-trigger-padding-x: var(--lex-space-surface-md);
796
+ --lex-collapsible-trigger-padding-y: var(--lex-space-surface-sm);
797
+ --lex-collapsible-trigger-icon-size: var(--lex-size-selection-control-md);
798
+ --lex-collapsible-trigger-font-size: var(--lex-typography-label-sm-font-size);
799
+ --lex-collapsible-trigger-font-weight: var(--lex-typography-label-sm-font-weight);
800
+ --lex-collapsible-trigger-font-line-height: var(--lex-typography-label-sm-line-height);
801
+ --lex-collapsible-panel-foreground: var(--lex-color-text-secondary);
802
+ --lex-collapsible-panel-padding-x: var(--lex-space-surface-md);
803
+ --lex-collapsible-panel-padding-bottom: var(--lex-space-surface-md);
804
+ --lex-collapsible-panel-font-size: var(--lex-typography-body-sm-font-size);
805
+ --lex-collapsible-panel-font-line-height: var(--lex-typography-body-sm-line-height);
806
+ --lex-collapsible-transition-duration: var(--lex-duration-surface);
807
+ --lex-collapsible-transition-easing: var(--lex-easing-surface);
808
+ --lex-dialog-backdrop-background: var(--lex-color-text-primary);
809
+ --lex-dialog-backdrop-opacity: 0.48;
810
+ --lex-dialog-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
811
+ --lex-dialog-viewport-padding: var(--lex-space-surface-md);
812
+ --lex-dialog-viewport-inset: var(--lex-space-surface-md);
813
+ --lex-dialog-viewport-z-index: var(--lex-elevation-layer-z-index);
814
+ --lex-dialog-popup-background: var(--lex-color-background-base);
815
+ --lex-dialog-popup-foreground: var(--lex-color-text-primary);
816
+ --lex-dialog-popup-border-color: var(--lex-border-default);
817
+ --lex-dialog-popup-radius: var(--lex-radius-surface);
818
+ --lex-dialog-popup-max-width: var(--lex-size-panel-width-lg);
819
+ --lex-dialog-popup-padding: var(--lex-space-surface-md);
820
+ --lex-dialog-popup-gap: var(--lex-space-surface-gap-md);
821
+ --lex-dialog-popup-shadow: var(--lex-elevation-shadow-raised-box-shadow);
822
+ --lex-dialog-title-foreground: var(--lex-color-text-primary);
823
+ --lex-dialog-title-padding-end: var(--lex-size-control-lg);
824
+ --lex-dialog-title-font-size: var(--lex-typography-heading-sm-font-size);
825
+ --lex-dialog-title-font-weight: var(--lex-typography-heading-sm-font-weight);
826
+ --lex-dialog-title-font-line-height: var(--lex-typography-heading-sm-line-height);
827
+ --lex-dialog-description-foreground: var(--lex-color-text-secondary);
828
+ --lex-dialog-description-font-size: var(--lex-typography-body-sm-font-size);
829
+ --lex-dialog-description-font-weight: var(--lex-typography-body-sm-font-weight);
830
+ --lex-dialog-description-font-line-height: var(--lex-typography-body-sm-line-height);
831
+ --lex-dialog-trigger-background: var(--lex-action-primary-base);
832
+ --lex-dialog-trigger-foreground: var(--lex-color-text-inverse);
833
+ --lex-dialog-trigger-hover-background: var(--lex-action-primary-hover);
834
+ --lex-dialog-trigger-height: var(--lex-size-control-md);
835
+ --lex-dialog-trigger-radius: var(--lex-radius-control);
836
+ --lex-dialog-trigger-padding-x: var(--lex-space-control-x-md);
837
+ --lex-dialog-trigger-font-size: var(--lex-typography-control-md-font-size);
838
+ --lex-dialog-trigger-font-weight: var(--lex-typography-control-md-font-weight);
839
+ --lex-dialog-trigger-font-line-height: var(--lex-typography-control-md-line-height);
840
+ --lex-dialog-close-foreground: var(--lex-color-text-secondary);
841
+ --lex-dialog-close-hover-background: var(--lex-color-background-subtle);
842
+ --lex-dialog-close-size: var(--lex-size-control-sm);
843
+ --lex-dialog-close-inset: var(--lex-space-control-x-sm);
844
+ --lex-dialog-close-radius: var(--lex-radius-control);
845
+ --lex-dialog-focus-ring-color: var(--lex-border-focus);
846
+ --lex-dialog-focus-ring-offset-color: var(--lex-color-background-base);
847
+ --lex-dialog-focus-ring-width: var(--lex-outline-width-focus);
848
+ --lex-dialog-focus-ring-offset: var(--lex-outline-offset-focus);
849
+ --lex-dialog-transition-duration: var(--lex-duration-control);
850
+ --lex-dialog-transition-easing: var(--lex-easing-control);
851
+ --lex-empty-padding: var(--lex-space-surface-md);
852
+ --lex-empty-gap: var(--lex-space-surface-gap-md);
853
+ --lex-empty-header-gap: var(--lex-space-surface-gap-sm);
854
+ --lex-empty-media-size: var(--lex-size-control-2xl);
855
+ --lex-empty-media-foreground: var(--lex-color-text-disabled);
856
+ --lex-empty-title-foreground: var(--lex-color-text-primary);
857
+ --lex-empty-title-font-size: var(--lex-typography-heading-sm-font-size);
858
+ --lex-empty-title-font-weight: var(--lex-typography-heading-sm-font-weight);
859
+ --lex-empty-title-font-line-height: var(--lex-typography-heading-sm-line-height);
860
+ --lex-empty-description-foreground: var(--lex-color-text-secondary);
861
+ --lex-empty-description-font-size: var(--lex-typography-body-sm-font-size);
862
+ --lex-empty-description-font-line-height: var(--lex-typography-body-sm-line-height);
863
+ --lex-drawer-backdrop-background: var(--lex-color-text-primary);
864
+ --lex-drawer-backdrop-opacity: 0.48;
865
+ --lex-drawer-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
866
+ --lex-drawer-indent-background: var(--lex-color-background-subtle);
867
+ --lex-drawer-indent-scale: 0.96;
868
+ --lex-drawer-indent-radius: var(--lex-radius-surface);
869
+ --lex-drawer-indent-z-index: var(--lex-elevation-behind-z-index);
870
+ --lex-drawer-viewport-padding: var(--lex-space-surface-sm);
871
+ --lex-drawer-viewport-inset: var(--lex-space-surface-sm);
872
+ --lex-drawer-viewport-max-height: var(--lex-size-overlay-viewport-max-height);
873
+ --lex-drawer-viewport-z-index: var(--lex-elevation-layer-z-index);
874
+ --lex-drawer-popup-background: var(--lex-color-background-base);
875
+ --lex-drawer-popup-foreground: var(--lex-color-text-primary);
876
+ --lex-drawer-popup-border-color: var(--lex-border-default);
877
+ --lex-drawer-popup-radius: var(--lex-radius-surface);
878
+ --lex-drawer-popup-max-width: var(--lex-size-panel-width-xl);
879
+ --lex-drawer-popup-width-sm: var(--lex-size-panel-width-sm);
880
+ --lex-drawer-popup-width-md: var(--lex-size-panel-width-md);
881
+ --lex-drawer-popup-width-lg: var(--lex-size-panel-width-lg);
882
+ --lex-drawer-popup-height-sm: var(--lex-size-panel-height-sm);
883
+ --lex-drawer-popup-height-md: var(--lex-size-panel-height-md);
884
+ --lex-drawer-popup-height-lg: var(--lex-size-panel-height-lg);
885
+ --lex-drawer-popup-shadow: var(--lex-elevation-shadow-raised-box-shadow);
886
+ --lex-drawer-content-padding: var(--lex-space-surface-md);
887
+ --lex-drawer-content-gap: var(--lex-space-surface-gap-md);
888
+ --lex-drawer-handle-background: var(--lex-border-default);
889
+ --lex-drawer-handle-width: var(--lex-size-control-lg);
890
+ --lex-drawer-handle-height: var(--lex-size-track-md);
891
+ --lex-drawer-handle-margin-top: var(--lex-space-control-y-sm);
892
+ --lex-drawer-handle-radius: var(--lex-radius-pill);
893
+ --lex-drawer-handle-z-index: var(--lex-elevation-handle-z-index);
894
+ --lex-drawer-swipe-area-size: var(--lex-size-area-swipe-sm);
895
+ --lex-drawer-title-foreground: var(--lex-color-text-primary);
896
+ --lex-drawer-title-padding-end: var(--lex-size-control-lg);
897
+ --lex-drawer-title-font-size: var(--lex-typography-heading-sm-font-size);
898
+ --lex-drawer-title-font-weight: var(--lex-typography-heading-sm-font-weight);
899
+ --lex-drawer-title-font-line-height: var(--lex-typography-heading-sm-line-height);
900
+ --lex-drawer-description-foreground: var(--lex-color-text-secondary);
901
+ --lex-drawer-description-font-size: var(--lex-typography-body-sm-font-size);
902
+ --lex-drawer-description-font-weight: var(--lex-typography-body-sm-font-weight);
903
+ --lex-drawer-description-font-line-height: var(--lex-typography-body-sm-line-height);
904
+ --lex-drawer-trigger-background: var(--lex-action-primary-base);
905
+ --lex-drawer-trigger-foreground: var(--lex-color-text-inverse);
906
+ --lex-drawer-trigger-hover-background: var(--lex-action-primary-hover);
907
+ --lex-drawer-trigger-height: var(--lex-size-control-md);
908
+ --lex-drawer-trigger-radius: var(--lex-radius-control);
909
+ --lex-drawer-trigger-padding-x: var(--lex-space-control-x-md);
910
+ --lex-drawer-trigger-font-size: var(--lex-typography-control-md-font-size);
911
+ --lex-drawer-trigger-font-weight: var(--lex-typography-control-md-font-weight);
912
+ --lex-drawer-trigger-font-line-height: var(--lex-typography-control-md-line-height);
913
+ --lex-drawer-close-foreground: var(--lex-color-text-secondary);
914
+ --lex-drawer-close-hover-background: var(--lex-color-background-subtle);
915
+ --lex-drawer-close-size: var(--lex-size-control-sm);
916
+ --lex-drawer-close-inset: var(--lex-space-control-x-sm);
917
+ --lex-drawer-close-radius: var(--lex-radius-control);
918
+ --lex-drawer-focus-ring-color: var(--lex-border-focus);
919
+ --lex-drawer-focus-ring-offset-color: var(--lex-color-background-base);
920
+ --lex-drawer-focus-ring-width: var(--lex-outline-width-focus);
921
+ --lex-drawer-focus-ring-offset: var(--lex-outline-offset-focus);
922
+ --lex-drawer-transition-duration: var(--lex-duration-control);
923
+ --lex-drawer-transition-easing: var(--lex-easing-control);
924
+ --lex-field-gap: var(--lex-space-control-gap-sm);
925
+ --lex-field-foreground: var(--lex-color-text-primary);
926
+ --lex-field-label-foreground: var(--lex-color-text-primary);
927
+ --lex-field-label-invalid-foreground: var(--lex-action-danger-base);
928
+ --lex-field-label-font-size: var(--lex-typography-label-sm-font-size);
929
+ --lex-field-label-font-weight: var(--lex-typography-label-sm-font-weight);
930
+ --lex-field-label-font-line-height: var(--lex-typography-label-sm-line-height);
931
+ --lex-field-label-font-letter-spacing: var(--lex-typography-label-sm-letter-spacing);
932
+ --lex-field-description-foreground: var(--lex-color-text-secondary);
933
+ --lex-field-description-font-size: var(--lex-typography-body-xs-font-size);
934
+ --lex-field-description-font-weight: var(--lex-typography-body-xs-font-weight);
935
+ --lex-field-description-font-line-height: var(--lex-typography-body-xs-line-height);
936
+ --lex-field-description-font-letter-spacing: var(--lex-typography-body-xs-letter-spacing);
937
+ --lex-field-error-foreground: var(--lex-action-danger-base);
938
+ --lex-field-error-font-size: var(--lex-typography-body-xs-font-size);
939
+ --lex-field-error-font-weight: var(--lex-typography-body-xs-font-weight);
940
+ --lex-field-error-font-line-height: var(--lex-typography-body-xs-line-height);
941
+ --lex-field-error-font-letter-spacing: var(--lex-typography-body-xs-letter-spacing);
942
+ --lex-field-item-gap: var(--lex-space-control-gap-sm);
943
+ --lex-field-control-background: var(--lex-color-background-base);
944
+ --lex-field-control-foreground: var(--lex-color-text-primary);
945
+ --lex-field-control-placeholder-color: var(--lex-color-text-secondary);
946
+ --lex-field-control-border-color: var(--lex-border-default);
947
+ --lex-field-control-focus-border-color: var(--lex-border-focus);
948
+ --lex-field-control-focus-ring-color: var(--lex-border-focus);
949
+ --lex-field-control-focus-ring-offset-color: var(--lex-color-background-base);
950
+ --lex-field-control-focus-ring-width: var(--lex-outline-width-focus);
951
+ --lex-field-control-focus-ring-offset: var(--lex-outline-offset-focus);
952
+ --lex-field-control-invalid-border-color: var(--lex-action-danger-base);
953
+ --lex-field-control-invalid-ring-color: var(--lex-action-danger-base);
954
+ --lex-field-control-invalid-ring-width: var(--lex-outline-width-focus);
955
+ --lex-field-control-radius: var(--lex-radius-control);
956
+ --lex-field-control-height-sm: var(--lex-size-control-sm);
957
+ --lex-field-control-height-md: var(--lex-size-control-md);
958
+ --lex-field-control-height-lg: var(--lex-size-control-lg);
959
+ --lex-field-control-padding-x-sm: var(--lex-space-control-x-sm);
960
+ --lex-field-control-padding-x-md: var(--lex-space-control-x-md);
961
+ --lex-field-control-padding-x-lg: var(--lex-space-control-x-lg);
962
+ --lex-field-control-font-family: var(--lex-typography-control-md-font-family);
963
+ --lex-field-control-font-size-sm: var(--lex-typography-control-sm-font-size);
964
+ --lex-field-control-font-size-md: var(--lex-typography-control-md-font-size);
965
+ --lex-field-control-font-size-lg: var(--lex-typography-control-lg-font-size);
966
+ --lex-field-control-font-weight: var(--lex-typography-control-md-font-weight);
967
+ --lex-field-control-font-line-height: var(--lex-typography-control-md-line-height);
968
+ --lex-field-control-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
969
+ --lex-field-transition-duration: var(--lex-duration-control);
970
+ --lex-field-transition-easing: var(--lex-easing-control);
971
+ --lex-fieldset-background: var(--lex-color-background-surface);
972
+ --lex-fieldset-foreground: var(--lex-color-text-primary);
973
+ --lex-fieldset-border-color: var(--lex-border-default);
974
+ --lex-fieldset-radius: var(--lex-radius-surface);
975
+ --lex-fieldset-padding: var(--lex-space-surface-md);
976
+ --lex-fieldset-gap: var(--lex-space-surface-gap-md);
977
+ --lex-fieldset-legend-foreground: var(--lex-color-text-primary);
978
+ --lex-fieldset-legend-margin-bottom: var(--lex-space-surface-gap-sm);
979
+ --lex-fieldset-legend-font-size: var(--lex-typography-label-md-font-size);
980
+ --lex-fieldset-legend-font-weight: var(--lex-typography-label-md-font-weight);
981
+ --lex-fieldset-legend-font-line-height: var(--lex-typography-label-md-line-height);
982
+ --lex-fieldset-legend-font-letter-spacing: var(--lex-typography-label-md-letter-spacing);
983
+ --lex-form-gap: var(--lex-space-surface-gap-md);
984
+ --lex-form-foreground: var(--lex-color-text-primary);
985
+ --lex-input-background: var(--lex-color-background-base);
986
+ --lex-input-foreground: var(--lex-color-text-primary);
987
+ --lex-input-placeholder-color: var(--lex-color-text-secondary);
988
+ --lex-input-border-color: var(--lex-border-default);
989
+ --lex-input-focus-border-color: var(--lex-border-focus);
990
+ --lex-input-focus-ring-color: var(--lex-border-focus);
991
+ --lex-input-focus-ring-offset-color: var(--lex-color-background-base);
992
+ --lex-input-focus-ring-width: var(--lex-outline-width-focus);
993
+ --lex-input-focus-ring-offset: var(--lex-outline-offset-focus);
994
+ --lex-input-invalid-border-color: var(--lex-action-danger-base);
995
+ --lex-input-invalid-ring-color: var(--lex-action-danger-base);
996
+ --lex-input-invalid-ring-width: var(--lex-outline-width-focus);
997
+ --lex-input-radius: var(--lex-radius-control);
998
+ --lex-input-height-sm: var(--lex-size-control-sm);
999
+ --lex-input-height-md: var(--lex-size-control-md);
1000
+ --lex-input-height-lg: var(--lex-size-control-lg);
1001
+ --lex-input-padding-x-sm: var(--lex-space-control-x-sm);
1002
+ --lex-input-padding-x-md: var(--lex-space-control-x-md);
1003
+ --lex-input-padding-x-lg: var(--lex-space-control-x-lg);
1004
+ --lex-input-font-family: var(--lex-typography-control-md-font-family);
1005
+ --lex-input-font-size-sm: var(--lex-typography-control-sm-font-size);
1006
+ --lex-input-font-size-md: var(--lex-typography-control-md-font-size);
1007
+ --lex-input-font-size-lg: var(--lex-typography-control-lg-font-size);
1008
+ --lex-input-font-weight: var(--lex-typography-control-md-font-weight);
1009
+ --lex-input-font-line-height: var(--lex-typography-control-md-line-height);
1010
+ --lex-input-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
1011
+ --lex-input-transition-duration: var(--lex-duration-control);
1012
+ --lex-input-transition-easing: var(--lex-easing-control);
1013
+ --lex-menu-radius: var(--lex-radius-surface);
1014
+ --lex-menu-trigger-background: var(--lex-color-background-surface);
1015
+ --lex-menu-trigger-foreground: var(--lex-color-text-primary);
1016
+ --lex-menu-trigger-border-color: var(--lex-border-default);
1017
+ --lex-menu-trigger-open-background: var(--lex-color-background-subtle);
1018
+ --lex-menu-trigger-open-border-color: var(--lex-border-focus);
1019
+ --lex-menu-trigger-gap: var(--lex-space-control-gap-sm);
1020
+ --lex-menu-trigger-radius: var(--lex-radius-control);
1021
+ --lex-menu-trigger-height: var(--lex-size-control-md);
1022
+ --lex-menu-trigger-padding-x: var(--lex-space-control-x-md);
1023
+ --lex-menu-trigger-font-size: var(--lex-typography-control-sm-font-size);
1024
+ --lex-menu-trigger-font-weight: var(--lex-typography-control-md-font-weight);
1025
+ --lex-menu-trigger-font-line-height: var(--lex-typography-control-sm-line-height);
1026
+ --lex-menu-popup-background: var(--lex-color-background-base);
1027
+ --lex-menu-popup-foreground: var(--lex-color-text-primary);
1028
+ --lex-menu-popup-border-color: var(--lex-border-default);
1029
+ --lex-menu-popup-max-width: var(--lex-size-panel-width-sm);
1030
+ --lex-menu-popup-shadow: var(--lex-elevation-shadow-floating-box-shadow);
1031
+ --lex-menu-positioner-z-index: var(--lex-elevation-floating-z-index);
1032
+ --lex-menu-positioner-side-offset: var(--lex-space-overlay-side-offset);
1033
+ --lex-menu-viewport-max-height: var(--lex-size-overlay-list-max-height);
1034
+ --lex-menu-list-gap: var(--lex-space-control-gap-sm);
1035
+ --lex-menu-list-padding: var(--lex-space-control-y-xs);
1036
+ --lex-menu-item-foreground: var(--lex-color-text-primary);
1037
+ --lex-menu-item-gap: var(--lex-space-control-gap-sm);
1038
+ --lex-menu-item-radius: var(--lex-radius-control);
1039
+ --lex-menu-item-padding-x: var(--lex-space-control-x-sm);
1040
+ --lex-menu-item-padding-y: var(--lex-space-control-y-xs);
1041
+ --lex-menu-item-font-size: var(--lex-typography-control-sm-font-size);
1042
+ --lex-menu-item-font-weight: var(--lex-typography-control-md-font-weight);
1043
+ --lex-menu-item-font-line-height: var(--lex-typography-control-sm-line-height);
1044
+ --lex-menu-item-highlight-background: var(--lex-color-background-subtle);
1045
+ --lex-menu-item-highlight-foreground: var(--lex-color-text-primary);
1046
+ --lex-menu-item-checked-background: var(--lex-action-primary-base);
1047
+ --lex-menu-item-checked-foreground: var(--lex-color-text-inverse);
1048
+ --lex-menu-item-indicator-size: var(--lex-size-selection-control-sm);
1049
+ --lex-menu-item-focus-ring-width: var(--lex-outline-width-focus);
1050
+ --lex-menu-item-focus-ring-color: var(--lex-border-focus);
1051
+ --lex-menu-item-focus-ring-offset: var(--lex-outline-offset-focus);
1052
+ --lex-menu-item-focus-ring-offset-color: var(--lex-color-background-base);
1053
+ --lex-menu-submenu-icon-size: var(--lex-size-selection-control-sm);
1054
+ --lex-menu-group-gap: var(--lex-space-control-gap-sm);
1055
+ --lex-menu-group-label-foreground: var(--lex-color-text-secondary);
1056
+ --lex-menu-group-label-padding-y: var(--lex-space-control-y-xs);
1057
+ --lex-menu-group-label-font-size: var(--lex-typography-label-xs-font-size);
1058
+ --lex-menu-group-label-font-weight: var(--lex-typography-label-xs-font-weight);
1059
+ --lex-menu-group-label-font-line-height: var(--lex-typography-label-xs-line-height);
1060
+ --lex-menu-separator-background: var(--lex-border-default);
1061
+ --lex-menu-separator-margin-y: var(--lex-space-control-y-xs);
1062
+ --lex-menu-arrow-size: var(--lex-size-selection-indicator-md);
1063
+ --lex-menu-backdrop-background: var(--lex-color-text-primary);
1064
+ --lex-menu-backdrop-opacity: 0.2;
1065
+ --lex-menu-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
1066
+ --lex-menu-focus-border-color: var(--lex-border-focus);
1067
+ --lex-menu-focus-ring-color: var(--lex-border-focus);
1068
+ --lex-menu-focus-ring-offset-color: var(--lex-color-background-base);
1069
+ --lex-menu-focus-ring-width: var(--lex-outline-width-focus);
1070
+ --lex-menu-focus-ring-offset: var(--lex-outline-offset-focus);
1071
+ --lex-menu-transition-duration: var(--lex-duration-control);
1072
+ --lex-menu-transition-easing: var(--lex-easing-control);
1073
+ --lex-meter-gap: var(--lex-space-control-gap-sm);
1074
+ --lex-meter-header-gap: var(--lex-space-control-gap-sm);
1075
+ --lex-meter-label-foreground: var(--lex-color-text-secondary);
1076
+ --lex-meter-label-font-size: var(--lex-typography-label-sm-font-size);
1077
+ --lex-meter-label-font-weight: var(--lex-typography-label-sm-font-weight);
1078
+ --lex-meter-label-font-line-height: var(--lex-typography-label-sm-line-height);
1079
+ --lex-meter-value-foreground: var(--lex-color-text-primary);
1080
+ --lex-meter-value-font-weight: var(--lex-typography-label-sm-font-weight);
1081
+ --lex-meter-track-background: var(--lex-color-background-subtle);
1082
+ --lex-meter-track-radius: var(--lex-radius-pill);
1083
+ --lex-meter-track-height-sm: var(--lex-size-track-sm);
1084
+ --lex-meter-track-height-md: var(--lex-size-track-md);
1085
+ --lex-meter-track-height-lg: var(--lex-size-track-lg);
1086
+ --lex-meter-indicator-background: var(--lex-action-primary-base);
1087
+ --lex-meter-indicator-background-complete: var(--lex-action-primary-base);
1088
+ --lex-meter-transition-duration: var(--lex-duration-surface);
1089
+ --lex-meter-transition-easing: var(--lex-easing-surface);
1090
+ --lex-number-field-gap: var(--lex-space-control-gap-sm);
1091
+ --lex-number-field-foreground: var(--lex-color-text-primary);
1092
+ --lex-number-field-background: var(--lex-color-background-base);
1093
+ --lex-number-field-border-color: var(--lex-border-default);
1094
+ --lex-number-field-radius: var(--lex-radius-control);
1095
+ --lex-number-field-height-sm: var(--lex-size-control-sm);
1096
+ --lex-number-field-height-md: var(--lex-size-control-md);
1097
+ --lex-number-field-height-lg: var(--lex-size-control-lg);
1098
+ --lex-number-field-input-foreground: var(--lex-color-text-primary);
1099
+ --lex-number-field-input-placeholder-color: var(--lex-color-text-secondary);
1100
+ --lex-number-field-input-padding-x-sm: var(--lex-space-control-x-sm);
1101
+ --lex-number-field-input-padding-x-md: var(--lex-space-control-x-md);
1102
+ --lex-number-field-input-padding-x-lg: var(--lex-space-control-x-lg);
1103
+ --lex-number-field-input-font-family: var(--lex-typography-control-md-font-family);
1104
+ --lex-number-field-input-font-size-sm: var(--lex-typography-control-sm-font-size);
1105
+ --lex-number-field-input-font-size-md: var(--lex-typography-control-md-font-size);
1106
+ --lex-number-field-input-font-size-lg: var(--lex-typography-control-lg-font-size);
1107
+ --lex-number-field-input-font-weight: var(--lex-typography-control-md-font-weight);
1108
+ --lex-number-field-input-font-line-height: var(--lex-typography-control-md-line-height);
1109
+ --lex-number-field-input-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
1110
+ --lex-number-field-stepper-background: var(--lex-color-background-subtle);
1111
+ --lex-number-field-stepper-foreground: var(--lex-color-text-primary);
1112
+ --lex-number-field-stepper-hover-background: var(--lex-color-background-subtle);
1113
+ --lex-number-field-stepper-border-color: var(--lex-border-default);
1114
+ --lex-number-field-stepper-width-sm: var(--lex-size-control-sm);
1115
+ --lex-number-field-stepper-width-md: var(--lex-size-control-md);
1116
+ --lex-number-field-stepper-width-lg: var(--lex-size-control-lg);
1117
+ --lex-number-field-stepper-font-size-sm: var(--lex-typography-control-sm-font-size);
1118
+ --lex-number-field-stepper-font-size-md: var(--lex-typography-control-md-font-size);
1119
+ --lex-number-field-stepper-font-size-lg: var(--lex-typography-control-lg-font-size);
1120
+ --lex-number-field-stepper-font-weight: var(--lex-typography-control-md-font-weight);
1121
+ --lex-number-field-focus-ring-color: var(--lex-border-focus);
1122
+ --lex-number-field-focus-ring-width: var(--lex-outline-width-inset);
1123
+ --lex-number-field-invalid-ring-color: var(--lex-action-danger-base);
1124
+ --lex-number-field-invalid-ring-width: var(--lex-outline-width-inset);
1125
+ --lex-number-field-scrub-foreground: var(--lex-color-text-secondary);
1126
+ --lex-number-field-scrub-font-size: var(--lex-typography-label-sm-font-size);
1127
+ --lex-number-field-scrub-font-weight: var(--lex-typography-label-sm-font-weight);
1128
+ --lex-number-field-scrub-cursor-background: var(--lex-action-primary-base);
1129
+ --lex-number-field-scrub-cursor-radius: var(--lex-radius-pill);
1130
+ --lex-number-field-scrub-cursor-size: var(--lex-size-selection-indicator-md);
1131
+ --lex-number-field-transition-duration: var(--lex-duration-control);
1132
+ --lex-number-field-transition-easing: var(--lex-easing-control);
1133
+ --lex-popover-backdrop-background: var(--lex-color-text-primary);
1134
+ --lex-popover-backdrop-opacity: 0.24;
1135
+ --lex-popover-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
1136
+ --lex-popover-positioner-z-index: var(--lex-elevation-floating-z-index);
1137
+ --lex-popover-positioner-side-offset: var(--lex-space-overlay-side-offset);
1138
+ --lex-popover-popup-background: var(--lex-color-background-base);
1139
+ --lex-popover-popup-foreground: var(--lex-color-text-primary);
1140
+ --lex-popover-popup-border-color: var(--lex-border-default);
1141
+ --lex-popover-popup-radius: var(--lex-radius-surface);
1142
+ --lex-popover-popup-max-width: var(--lex-size-panel-width-sm);
1143
+ --lex-popover-popup-inset: var(--lex-space-surface-md);
1144
+ --lex-popover-popup-padding: var(--lex-space-surface-md);
1145
+ --lex-popover-popup-gap: var(--lex-space-surface-gap-sm);
1146
+ --lex-popover-popup-shadow: var(--lex-elevation-shadow-floating-box-shadow);
1147
+ --lex-popover-arrow-size: var(--lex-size-selection-control-sm);
1148
+ --lex-popover-title-foreground: var(--lex-color-text-primary);
1149
+ --lex-popover-title-padding-end: var(--lex-size-control-lg);
1150
+ --lex-popover-title-font-size: var(--lex-typography-heading-xs-font-size);
1151
+ --lex-popover-title-font-weight: var(--lex-typography-heading-xs-font-weight);
1152
+ --lex-popover-title-font-line-height: var(--lex-typography-heading-xs-line-height);
1153
+ --lex-popover-description-foreground: var(--lex-color-text-secondary);
1154
+ --lex-popover-description-font-size: var(--lex-typography-body-sm-font-size);
1155
+ --lex-popover-description-font-weight: var(--lex-typography-body-sm-font-weight);
1156
+ --lex-popover-description-font-line-height: var(--lex-typography-body-sm-line-height);
1157
+ --lex-popover-trigger-background: var(--lex-color-background-base);
1158
+ --lex-popover-trigger-foreground: var(--lex-color-text-primary);
1159
+ --lex-popover-trigger-border-color: var(--lex-border-default);
1160
+ --lex-popover-trigger-hover-background: var(--lex-color-background-subtle);
1161
+ --lex-popover-trigger-height: var(--lex-size-control-md);
1162
+ --lex-popover-trigger-radius: var(--lex-radius-control);
1163
+ --lex-popover-trigger-padding-x: var(--lex-space-control-x-md);
1164
+ --lex-popover-trigger-font-size: var(--lex-typography-control-md-font-size);
1165
+ --lex-popover-trigger-font-weight: var(--lex-typography-control-md-font-weight);
1166
+ --lex-popover-trigger-font-line-height: var(--lex-typography-control-md-line-height);
1167
+ --lex-popover-close-foreground: var(--lex-color-text-secondary);
1168
+ --lex-popover-close-hover-background: var(--lex-color-background-subtle);
1169
+ --lex-popover-close-size: var(--lex-size-control-sm);
1170
+ --lex-popover-close-inset: var(--lex-space-control-x-sm);
1171
+ --lex-popover-close-radius: var(--lex-radius-control);
1172
+ --lex-popover-focus-ring-color: var(--lex-border-focus);
1173
+ --lex-popover-focus-ring-offset-color: var(--lex-color-background-base);
1174
+ --lex-popover-focus-ring-width: var(--lex-outline-width-focus);
1175
+ --lex-popover-focus-ring-offset: var(--lex-outline-offset-focus);
1176
+ --lex-popover-transition-duration: var(--lex-duration-control);
1177
+ --lex-popover-transition-easing: var(--lex-easing-control);
1178
+ --lex-progress-gap: var(--lex-space-control-gap-sm);
1179
+ --lex-progress-label-foreground: var(--lex-color-text-secondary);
1180
+ --lex-progress-label-font-size: var(--lex-typography-label-sm-font-size);
1181
+ --lex-progress-label-font-line-height: var(--lex-typography-label-sm-line-height);
1182
+ --lex-progress-track-background: var(--lex-color-background-subtle);
1183
+ --lex-progress-track-radius: var(--lex-radius-pill);
1184
+ --lex-progress-track-height-sm: var(--lex-size-track-sm);
1185
+ --lex-progress-track-height-md: var(--lex-size-track-md);
1186
+ --lex-progress-track-height-lg: var(--lex-size-track-lg);
1187
+ --lex-progress-indicator-background: var(--lex-action-primary-base);
1188
+ --lex-progress-transition-duration: var(--lex-duration-surface);
1189
+ --lex-progress-transition-easing: var(--lex-easing-surface);
1190
+ --lex-radio-group-gap: var(--lex-space-control-gap-md);
1191
+ --lex-radio-group-item-background: var(--lex-color-background-base);
1192
+ --lex-radio-group-item-foreground: var(--lex-action-primary-base);
1193
+ --lex-radio-group-item-border-color: var(--lex-border-default);
1194
+ --lex-radio-group-item-checked-border-color: var(--lex-action-primary-base);
1195
+ --lex-radio-group-item-radius: var(--lex-radius-pill);
1196
+ --lex-radio-group-item-size-sm: var(--lex-size-selection-control-sm);
1197
+ --lex-radio-group-item-size-md: var(--lex-size-selection-control-md);
1198
+ --lex-radio-group-item-size-lg: var(--lex-size-selection-control-lg);
1199
+ --lex-radio-group-indicator-size-sm: var(--lex-size-selection-indicator-sm);
1200
+ --lex-radio-group-indicator-size-md: var(--lex-size-selection-indicator-md);
1201
+ --lex-radio-group-indicator-size-lg: var(--lex-size-selection-indicator-lg);
1202
+ --lex-radio-group-label-gap: var(--lex-space-control-gap-md);
1203
+ --lex-radio-group-label-foreground: var(--lex-color-text-primary);
1204
+ --lex-radio-group-label-font-size: var(--lex-typography-label-sm-font-size);
1205
+ --lex-radio-group-label-font-weight: var(--lex-typography-label-sm-font-weight);
1206
+ --lex-radio-group-label-font-line-height: var(--lex-typography-label-sm-line-height);
1207
+ --lex-radio-group-focus-ring-color: var(--lex-border-focus);
1208
+ --lex-radio-group-focus-ring-offset-color: var(--lex-color-background-base);
1209
+ --lex-radio-group-focus-ring-width: var(--lex-outline-width-focus);
1210
+ --lex-radio-group-focus-ring-offset: var(--lex-outline-offset-focus);
1211
+ --lex-radio-group-transition-duration: var(--lex-duration-control);
1212
+ --lex-radio-group-transition-easing: var(--lex-easing-control);
1213
+ --lex-scroll-area-scrollbar-size: var(--lex-size-control-xs);
1214
+ --lex-scroll-area-scrollbar-padding: var(--lex-space-control-x-xs);
1215
+ --lex-scroll-area-thumb-background: var(--lex-border-strong);
1216
+ --lex-scroll-area-thumb-radius: var(--lex-radius-pill);
1217
+ --lex-select-background: var(--lex-color-background-base);
1218
+ --lex-select-foreground: var(--lex-color-text-primary);
1219
+ --lex-select-placeholder-color: var(--lex-color-text-secondary);
1220
+ --lex-select-border-color: var(--lex-border-default);
1221
+ --lex-select-radius: var(--lex-radius-control);
1222
+ --lex-select-height-sm: var(--lex-size-control-sm);
1223
+ --lex-select-height-md: var(--lex-size-control-md);
1224
+ --lex-select-height-lg: var(--lex-size-control-lg);
1225
+ --lex-select-padding-x-sm: var(--lex-space-control-x-sm);
1226
+ --lex-select-padding-x-md: var(--lex-space-control-x-md);
1227
+ --lex-select-padding-x-lg: var(--lex-space-control-x-lg);
1228
+ --lex-select-trigger-gap: var(--lex-space-control-gap-sm);
1229
+ --lex-select-font-family: var(--lex-typography-control-md-font-family);
1230
+ --lex-select-font-size-sm: var(--lex-typography-control-sm-font-size);
1231
+ --lex-select-font-size-md: var(--lex-typography-control-md-font-size);
1232
+ --lex-select-font-size-lg: var(--lex-typography-control-lg-font-size);
1233
+ --lex-select-font-weight: var(--lex-typography-control-md-font-weight);
1234
+ --lex-select-font-line-height: var(--lex-typography-control-md-line-height);
1235
+ --lex-select-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
1236
+ --lex-select-label-foreground: var(--lex-color-text-primary);
1237
+ --lex-select-label-font-size: var(--lex-typography-label-sm-font-size);
1238
+ --lex-select-label-font-weight: var(--lex-typography-label-sm-font-weight);
1239
+ --lex-select-label-font-line-height: var(--lex-typography-label-sm-line-height);
1240
+ --lex-select-icon-foreground: var(--lex-color-text-secondary);
1241
+ --lex-select-icon-size: var(--lex-size-selection-control-md);
1242
+ --lex-select-popup-background: var(--lex-color-background-base);
1243
+ --lex-select-popup-foreground: var(--lex-color-text-primary);
1244
+ --lex-select-popup-border-color: var(--lex-border-default);
1245
+ --lex-select-popup-max-height: var(--lex-size-overlay-list-max-height);
1246
+ --lex-select-popup-shadow: var(--lex-elevation-shadow-floating-box-shadow);
1247
+ --lex-select-positioner-z-index: var(--lex-elevation-floating-z-index);
1248
+ --lex-select-positioner-side-offset: var(--lex-space-overlay-side-offset);
1249
+ --lex-select-list-gap: var(--lex-space-control-gap-sm);
1250
+ --lex-select-list-padding: var(--lex-space-control-y-xs);
1251
+ --lex-select-item-foreground: var(--lex-color-text-primary);
1252
+ --lex-select-item-gap: var(--lex-space-control-gap-sm);
1253
+ --lex-select-item-radius: var(--lex-radius-control);
1254
+ --lex-select-item-padding-x: var(--lex-space-control-x-sm);
1255
+ --lex-select-item-padding-y: var(--lex-space-control-y-xs);
1256
+ --lex-select-item-font-size: var(--lex-typography-control-sm-font-size);
1257
+ --lex-select-item-font-weight: var(--lex-typography-control-md-font-weight);
1258
+ --lex-select-item-font-line-height: var(--lex-typography-control-sm-line-height);
1259
+ --lex-select-item-highlight-background: var(--lex-color-background-subtle);
1260
+ --lex-select-item-highlight-foreground: var(--lex-color-text-primary);
1261
+ --lex-select-item-selected-background: var(--lex-action-primary-base);
1262
+ --lex-select-item-selected-foreground: var(--lex-color-text-inverse);
1263
+ --lex-select-item-indicator-size: var(--lex-size-selection-control-sm);
1264
+ --lex-select-group-gap: var(--lex-space-control-gap-sm);
1265
+ --lex-select-group-label-foreground: var(--lex-color-text-secondary);
1266
+ --lex-select-group-label-padding-y: var(--lex-space-control-y-xs);
1267
+ --lex-select-group-label-font-size: var(--lex-typography-label-xs-font-size);
1268
+ --lex-select-group-label-font-weight: var(--lex-typography-label-xs-font-weight);
1269
+ --lex-select-group-label-font-line-height: var(--lex-typography-label-xs-line-height);
1270
+ --lex-select-arrow-size: var(--lex-size-selection-indicator-md);
1271
+ --lex-select-scroll-arrow-height: var(--lex-size-control-xs);
1272
+ --lex-select-backdrop-background: var(--lex-color-text-primary);
1273
+ --lex-select-backdrop-opacity: 0.2;
1274
+ --lex-select-backdrop-z-index: var(--lex-elevation-backdrop-z-index);
1275
+ --lex-select-focus-border-color: var(--lex-border-focus);
1276
+ --lex-select-focus-ring-color: var(--lex-border-focus);
1277
+ --lex-select-focus-ring-offset-color: var(--lex-color-background-base);
1278
+ --lex-select-focus-ring-width: var(--lex-outline-width-focus);
1279
+ --lex-select-focus-ring-offset: var(--lex-outline-offset-focus);
1280
+ --lex-select-invalid-border-color: var(--lex-action-danger-base);
1281
+ --lex-select-invalid-ring-color: var(--lex-action-danger-base);
1282
+ --lex-select-invalid-ring-width: var(--lex-outline-width-focus);
1283
+ --lex-select-transition-duration: var(--lex-duration-control);
1284
+ --lex-select-transition-easing: var(--lex-easing-control);
1285
+ --lex-separator-color: var(--lex-border-default);
1286
+ --lex-separator-thickness: 1px;
1287
+ --lex-slider-gap: var(--lex-space-control-gap-md);
1288
+ --lex-slider-control-padding-y: var(--lex-space-control-y-sm);
1289
+ --lex-slider-track-background: var(--lex-color-background-subtle);
1290
+ --lex-slider-track-radius: var(--lex-radius-pill);
1291
+ --lex-slider-track-height: var(--lex-size-track-md);
1292
+ --lex-slider-indicator-background: var(--lex-action-primary-base);
1293
+ --lex-slider-thumb-background: var(--lex-color-background-base);
1294
+ --lex-slider-thumb-border-color: var(--lex-action-primary-base);
1295
+ --lex-slider-thumb-radius: var(--lex-radius-pill);
1296
+ --lex-slider-thumb-size: var(--lex-size-thumb-md);
1297
+ --lex-slider-focus-ring-color: var(--lex-border-focus);
1298
+ --lex-slider-focus-ring-offset-color: var(--lex-color-background-base);
1299
+ --lex-slider-focus-ring-width: var(--lex-outline-width-focus);
1300
+ --lex-slider-focus-ring-offset: var(--lex-outline-offset-focus);
1301
+ --lex-slider-transition-duration: var(--lex-duration-control);
1302
+ --lex-slider-transition-easing: var(--lex-easing-control);
1303
+ --lex-switch-background: var(--lex-color-background-subtle);
1304
+ --lex-switch-checked-background: var(--lex-action-primary-base);
1305
+ --lex-switch-radius: var(--lex-radius-pill);
1306
+ --lex-switch-padding: var(--lex-space-control-y-xs);
1307
+ --lex-switch-width-sm: var(--lex-size-switch-track-width-sm);
1308
+ --lex-switch-width-md: var(--lex-size-switch-track-width-md);
1309
+ --lex-switch-width-lg: var(--lex-size-switch-track-width-lg);
1310
+ --lex-switch-height-sm: var(--lex-size-switch-track-height-sm);
1311
+ --lex-switch-height-md: var(--lex-size-switch-track-height-md);
1312
+ --lex-switch-height-lg: var(--lex-size-switch-track-height-lg);
1313
+ --lex-switch-thumb-background: var(--lex-color-background-base);
1314
+ --lex-switch-thumb-radius: var(--lex-radius-pill);
1315
+ --lex-switch-thumb-size-sm: var(--lex-size-thumb-sm);
1316
+ --lex-switch-thumb-size-md: var(--lex-size-thumb-md);
1317
+ --lex-switch-thumb-size-lg: var(--lex-size-thumb-lg);
1318
+ --lex-switch-thumb-translate-sm: var(--lex-size-thumb-sm);
1319
+ --lex-switch-thumb-translate-md: var(--lex-size-thumb-md);
1320
+ --lex-switch-thumb-translate-lg: var(--lex-size-thumb-lg);
1321
+ --lex-switch-focus-ring-color: var(--lex-border-focus);
1322
+ --lex-switch-focus-ring-offset-color: var(--lex-color-background-base);
1323
+ --lex-switch-focus-ring-width: var(--lex-outline-width-focus);
1324
+ --lex-switch-focus-ring-offset: var(--lex-outline-offset-focus);
1325
+ --lex-switch-transition-duration: var(--lex-duration-control);
1326
+ --lex-switch-transition-easing: var(--lex-easing-control);
1327
+ --lex-tabs-gap: var(--lex-space-control-gap-lg);
1328
+ --lex-tabs-list-background: var(--lex-color-background-subtle);
1329
+ --lex-tabs-list-radius: var(--lex-radius-control);
1330
+ --lex-tabs-list-padding: var(--lex-space-control-y-xs);
1331
+ --lex-tabs-tab-background: transparent;
1332
+ --lex-tabs-tab-foreground: var(--lex-color-text-secondary);
1333
+ --lex-tabs-tab-active-background: var(--lex-color-background-base);
1334
+ --lex-tabs-tab-active-foreground: var(--lex-color-text-primary);
1335
+ --lex-tabs-tab-radius: var(--lex-radius-selection);
1336
+ --lex-tabs-tab-padding-x: var(--lex-space-control-x-sm);
1337
+ --lex-tabs-tab-padding-y: var(--lex-space-control-y-xs);
1338
+ --lex-tabs-tab-font-size: var(--lex-typography-control-sm-font-size);
1339
+ --lex-tabs-tab-font-weight: var(--lex-typography-control-sm-font-weight);
1340
+ --lex-tabs-tab-font-line-height: var(--lex-typography-control-sm-line-height);
1341
+ --lex-tabs-panel-foreground: var(--lex-color-text-primary);
1342
+ --lex-tabs-panel-font-size: var(--lex-typography-body-sm-font-size);
1343
+ --lex-tabs-panel-font-line-height: var(--lex-typography-body-sm-line-height);
1344
+ --lex-tabs-focus-ring-color: var(--lex-border-focus);
1345
+ --lex-tabs-focus-ring-width: var(--lex-outline-width-inset);
1346
+ --lex-tabs-transition-duration: var(--lex-duration-control);
1347
+ --lex-tabs-transition-easing: var(--lex-easing-control);
1348
+ --lex-textarea-background: var(--lex-color-background-base);
1349
+ --lex-textarea-foreground: var(--lex-color-text-primary);
1350
+ --lex-textarea-placeholder-color: var(--lex-color-text-secondary);
1351
+ --lex-textarea-border-color: var(--lex-border-default);
1352
+ --lex-textarea-focus-border-color: var(--lex-border-focus);
1353
+ --lex-textarea-focus-ring-color: var(--lex-border-focus);
1354
+ --lex-textarea-focus-ring-offset-color: var(--lex-color-background-base);
1355
+ --lex-textarea-focus-ring-width: var(--lex-outline-width-focus);
1356
+ --lex-textarea-focus-ring-offset: var(--lex-outline-offset-focus);
1357
+ --lex-textarea-invalid-border-color: var(--lex-action-danger-base);
1358
+ --lex-textarea-invalid-ring-color: var(--lex-action-danger-base);
1359
+ --lex-textarea-invalid-ring-width: var(--lex-outline-width-focus);
1360
+ --lex-textarea-radius: var(--lex-radius-control);
1361
+ --lex-textarea-min-height-sm: var(--lex-size-control-xl);
1362
+ --lex-textarea-min-height-md: var(--lex-size-control-2xl);
1363
+ --lex-textarea-min-height-lg: var(--lex-size-control-2xl);
1364
+ --lex-textarea-padding-x-sm: var(--lex-space-control-x-sm);
1365
+ --lex-textarea-padding-x-md: var(--lex-space-control-x-md);
1366
+ --lex-textarea-padding-x-lg: var(--lex-space-control-x-lg);
1367
+ --lex-textarea-padding-y-sm: var(--lex-space-control-y-sm);
1368
+ --lex-textarea-padding-y-md: var(--lex-space-control-y-md);
1369
+ --lex-textarea-padding-y-lg: var(--lex-space-control-y-lg);
1370
+ --lex-textarea-font-family: var(--lex-typography-control-md-font-family);
1371
+ --lex-textarea-font-size-sm: var(--lex-typography-control-sm-font-size);
1372
+ --lex-textarea-font-size-md: var(--lex-typography-control-md-font-size);
1373
+ --lex-textarea-font-size-lg: var(--lex-typography-control-lg-font-size);
1374
+ --lex-textarea-font-weight: var(--lex-typography-control-md-font-weight);
1375
+ --lex-textarea-font-line-height: var(--lex-typography-control-md-line-height);
1376
+ --lex-textarea-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
1377
+ --lex-textarea-transition-duration: var(--lex-duration-control);
1378
+ --lex-textarea-transition-easing: var(--lex-easing-control);
1379
+ --lex-toast-viewport-width: var(--lex-size-panel-width-md);
1380
+ --lex-toast-viewport-max-height: var(--lex-size-overlay-viewport-max-height);
1381
+ --lex-toast-viewport-inset: var(--lex-space-surface-sm);
1382
+ --lex-toast-viewport-gap: var(--lex-space-surface-gap-sm);
1383
+ --lex-toast-viewport-gap-expanded: var(--lex-space-surface-gap-md);
1384
+ --lex-toast-viewport-padding: var(--lex-space-surface-sm);
1385
+ --lex-toast-viewport-z-index: var(--lex-elevation-toast-z-index);
1386
+ --lex-toast-background: var(--lex-color-background-base);
1387
+ --lex-toast-foreground: var(--lex-color-text-primary);
1388
+ --lex-toast-border-color: var(--lex-border-default);
1389
+ --lex-toast-shadow: var(--lex-elevation-shadow-raised-box-shadow);
1390
+ --lex-toast-success-background: var(--lex-color-feedback-success-background);
1391
+ --lex-toast-success-foreground: var(--lex-color-feedback-success-foreground);
1392
+ --lex-toast-success-border-color: var(--lex-color-feedback-success-foreground);
1393
+ --lex-toast-info-background: var(--lex-color-feedback-info-background);
1394
+ --lex-toast-info-foreground: var(--lex-color-feedback-info-foreground);
1395
+ --lex-toast-info-border-color: var(--lex-color-feedback-info-foreground);
1396
+ --lex-toast-danger-background: var(--lex-color-feedback-danger-background);
1397
+ --lex-toast-danger-foreground: var(--lex-color-feedback-danger-foreground);
1398
+ --lex-toast-danger-border-color: var(--lex-color-feedback-danger-foreground);
1399
+ --lex-toast-radius: var(--lex-radius-surface);
1400
+ --lex-toast-padding: var(--lex-space-surface-md);
1401
+ --lex-toast-padding-end: var(--lex-size-control-lg);
1402
+ --lex-toast-gap: var(--lex-space-surface-gap-sm);
1403
+ --lex-toast-content-gap: var(--lex-space-surface-gap-sm);
1404
+ --lex-toast-content-behind-opacity: 0.72;
1405
+ --lex-toast-arrow-size: var(--lex-size-selection-control-sm);
1406
+ --lex-toast-title-foreground: var(--lex-color-text-primary);
1407
+ --lex-toast-title-font-size: var(--lex-typography-heading-xs-font-size);
1408
+ --lex-toast-title-font-weight: var(--lex-typography-heading-xs-font-weight);
1409
+ --lex-toast-title-font-line-height: var(--lex-typography-heading-xs-line-height);
1410
+ --lex-toast-description-foreground: var(--lex-color-text-secondary);
1411
+ --lex-toast-description-font-size: var(--lex-typography-body-sm-font-size);
1412
+ --lex-toast-description-font-weight: var(--lex-typography-body-sm-font-weight);
1413
+ --lex-toast-description-font-line-height: var(--lex-typography-body-sm-line-height);
1414
+ --lex-toast-action-foreground: var(--lex-color-text-primary);
1415
+ --lex-toast-action-border-color: var(--lex-border-default);
1416
+ --lex-toast-action-hover-background: var(--lex-color-background-subtle);
1417
+ --lex-toast-action-height: var(--lex-size-control-sm);
1418
+ --lex-toast-action-radius: var(--lex-radius-control);
1419
+ --lex-toast-action-padding-x: var(--lex-space-control-x-sm);
1420
+ --lex-toast-action-font-size: var(--lex-typography-control-sm-font-size);
1421
+ --lex-toast-action-font-weight: var(--lex-typography-control-sm-font-weight);
1422
+ --lex-toast-action-font-line-height: var(--lex-typography-control-sm-line-height);
1423
+ --lex-toast-close-foreground: var(--lex-color-text-secondary);
1424
+ --lex-toast-close-hover-background: var(--lex-color-background-subtle);
1425
+ --lex-toast-close-size: var(--lex-size-control-sm);
1426
+ --lex-toast-close-inset: var(--lex-space-control-x-sm);
1427
+ --lex-toast-close-radius: var(--lex-radius-control);
1428
+ --lex-toast-focus-ring-color: var(--lex-border-focus);
1429
+ --lex-toast-focus-ring-width: var(--lex-outline-width-inset);
1430
+ --lex-toast-transition-duration: var(--lex-duration-control);
1431
+ --lex-toast-transition-easing: var(--lex-easing-control);
1432
+ --lex-toast-motion-offset-y: var(--lex-motion-offset-entry-y);
1433
+ --lex-toggle-background: var(--lex-color-background-base);
1434
+ --lex-toggle-foreground: var(--lex-color-text-primary);
1435
+ --lex-toggle-border-color: var(--lex-border-default);
1436
+ --lex-toggle-hover-background: var(--lex-color-background-subtle);
1437
+ --lex-toggle-pressed-background: var(--lex-action-primary-base);
1438
+ --lex-toggle-pressed-foreground: var(--lex-color-text-inverse);
1439
+ --lex-toggle-pressed-border-color: var(--lex-action-primary-base);
1440
+ --lex-toggle-radius: var(--lex-radius-control);
1441
+ --lex-toggle-height-sm: var(--lex-size-control-sm);
1442
+ --lex-toggle-height-md: var(--lex-size-control-md);
1443
+ --lex-toggle-height-lg: var(--lex-size-control-lg);
1444
+ --lex-toggle-padding-x-sm: var(--lex-space-control-x-sm);
1445
+ --lex-toggle-padding-x-md: var(--lex-space-control-x-md);
1446
+ --lex-toggle-padding-x-lg: var(--lex-space-control-x-lg);
1447
+ --lex-toggle-font-family: var(--lex-typography-control-md-font-family);
1448
+ --lex-toggle-font-size-sm: var(--lex-typography-control-sm-font-size);
1449
+ --lex-toggle-font-size-md: var(--lex-typography-control-md-font-size);
1450
+ --lex-toggle-font-size-lg: var(--lex-typography-control-lg-font-size);
1451
+ --lex-toggle-font-weight: var(--lex-typography-control-md-font-weight);
1452
+ --lex-toggle-font-line-height: var(--lex-typography-control-md-line-height);
1453
+ --lex-toggle-font-letter-spacing: var(--lex-typography-control-md-letter-spacing);
1454
+ --lex-toggle-focus-ring-color: var(--lex-border-focus);
1455
+ --lex-toggle-focus-ring-offset-color: var(--lex-color-background-base);
1456
+ --lex-toggle-focus-ring-width: var(--lex-outline-width-focus);
1457
+ --lex-toggle-focus-ring-offset: var(--lex-outline-offset-focus);
1458
+ --lex-toggle-transition-duration: var(--lex-duration-control);
1459
+ --lex-toggle-transition-easing: var(--lex-easing-control);
1460
+ --lex-toggle-group-background: var(--lex-color-background-subtle);
1461
+ --lex-toggle-group-border-color: var(--lex-border-default);
1462
+ --lex-toggle-group-radius: var(--lex-radius-control);
1463
+ --lex-toggle-group-padding: var(--lex-space-control-y-xs);
1464
+ --lex-toggle-group-gap-sm: var(--lex-space-control-gap-sm);
1465
+ --lex-toggle-group-gap-md: var(--lex-space-control-gap-sm);
1466
+ --lex-toggle-group-gap-lg: var(--lex-space-control-gap-md);
1467
+ --lex-tooltip-positioner-z-index: var(--lex-elevation-tooltip-z-index);
1468
+ --lex-tooltip-positioner-side-offset: var(--lex-space-overlay-side-offset);
1469
+ --lex-tooltip-background: var(--lex-color-text-primary);
1470
+ --lex-tooltip-foreground: var(--lex-color-background-base);
1471
+ --lex-tooltip-border-color: var(--lex-border-default);
1472
+ --lex-tooltip-radius: var(--lex-radius-control);
1473
+ --lex-tooltip-shadow: var(--lex-elevation-shadow-floating-box-shadow);
1474
+ --lex-tooltip-padding-x: var(--lex-space-control-x-xs);
1475
+ --lex-tooltip-padding-y: var(--lex-space-control-y-xs);
1476
+ --lex-tooltip-font-size: var(--lex-typography-label-xs-font-size);
1477
+ --lex-tooltip-font-weight: var(--lex-typography-label-xs-font-weight);
1478
+ --lex-tooltip-font-line-height: var(--lex-typography-label-xs-line-height);
1479
+ --lex-tooltip-transition-duration: var(--lex-duration-control);
1480
+ --lex-tooltip-transition-easing: var(--lex-easing-control);
1445
1481
  }