@cascivo/tokens 0.1.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +51 -5
  2. package/package.json +12 -5
  3. package/readme.body.md +35 -1
  4. package/src/functions.css +1 -1
  5. package/src/index.css +21 -3
  6. package/src/tokens.d.ts +371 -0
  7. package/tokens.json +1621 -0
package/README.md CHANGED
@@ -1,12 +1,56 @@
1
1
  <!-- generated by scripts/readme/generate.ts — edit readme.body.md, not this file -->
2
2
 
3
- # @cascivo/tokens
3
+ <div align="center">
4
+ <a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="72" height="72" alt="cascivo logo"></a>
5
+ <h1>@cascivo/tokens</h1>
6
+ <p><strong>Three-level CSS design tokens (primitive → semantic → component)</strong></p>
4
7
 
5
- > Three-level CSS design tokens (primitive → semantic → component)
8
+ [![npm](https://img.shields.io/npm/v/%40cascivo%2Ftokens?style=flat-square&color=0079bf)](https://www.npmjs.com/package/@cascivo/tokens)
9
+ [![downloads](https://img.shields.io/npm/dm/%40cascivo%2Ftokens?style=flat-square&color=0079bf)](https://www.npmjs.com/package/@cascivo/tokens)
10
+ [![license](https://img.shields.io/npm/l/%40cascivo%2Ftokens?style=flat-square&color=0079bf)](https://github.com/cascivo/cascivo/blob/main/LICENSE)
11
+ ![types](https://img.shields.io/badge/types-included-0079bf?style=flat-square&logo=typescript&logoColor=white)
6
12
 
7
- [cascivo.com](https://cascivo.com) · [Docs](https://docs.cascivo.com) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/urbanisierung/cascivo)
13
+ [npm](https://www.npmjs.com/package/@cascivo/tokens) · [cascivo.com](https://cascivo.com) · [Docs](https://docs.cascivo.com) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo)
8
14
 
9
- CSS design tokens for cascade — primitive, semantic, and component-level custom properties in a three-level system. Primitive tokens define the raw scale; semantic tokens map intent (`--cascivo-color-accent`); component tokens map usage (`--cascivo-button-bg`).
15
+ </div>
16
+
17
+ ---
18
+
19
+ A three-level system of CSS custom properties that every cascivo component, theme, and chart reads from.
20
+
21
+ ```
22
+ Primitive --cascivo-color-blue-500: #3b82f6 the raw scale
23
+ ↓
24
+ Semantic --cascivo-color-accent: var(--…-blue-500) intent (themes remap this layer)
25
+ ↓
26
+ Component --cascivo-button-bg: var(--…-accent) usage (override per-brand)
27
+ ```
28
+
29
+ ## Usage
30
+
31
+ Import once at your app entry — or get tokens for free via `@cascivo/themes`, which self-imports this package:
32
+
33
+ ```ts
34
+ import '@cascivo/tokens'
35
+ ```
36
+
37
+ Then reference tokens anywhere in your CSS:
38
+
39
+ ```css
40
+ .cta {
41
+ background: var(--cascivo-color-accent);
42
+ padding-block: var(--cascivo-space-3);
43
+ border-radius: var(--cascivo-radius-md);
44
+ }
45
+ ```
46
+
47
+ ## How the layers compose
48
+
49
+ - **Primitive** tokens define the raw palette, spacing, radius, and type scales. They never change between themes.
50
+ - **Semantic** tokens map intent (`--cascivo-color-accent`, `--cascivo-color-surface`). [`@cascivo/themes`](https://github.com/cascivo/cascivo/tree/main/packages/themes) overrides **only** this layer via `data-theme`.
51
+ - **Component** tokens map usage (`--cascivo-button-bg`). Override these to adapt a single component to your brand — no rebuild, no theme fork.
52
+
53
+ A machine-readable catalog of every token, its layer, and its resolved default ships as `tokens.catalog.json`, so AI agents select from a closed set rather than inventing values.
10
54
 
11
55
  ## Install
12
56
 
@@ -16,4 +60,6 @@ pnpm add @cascivo/tokens
16
60
 
17
61
  ---
18
62
 
19
- [cascivo.com](https://cascivo.com) · [Docs](https://docs.cascivo.com) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/urbanisierung/cascivo) · AI agents: use [`@cascivo/mcp`](https://github.com/urbanisierung/cascivo/tree/main/packages/mcp) and [`registry.json`](https://github.com/urbanisierung/cascivo/blob/main/registry.json) · MIT
63
+ [cascivo.com](https://cascivo.com) · [Docs](https://docs.cascivo.com) · [Storybook](https://storybook.cascivo.com) · [GitHub](https://github.com/cascivo/cascivo) · AI agents: use [`@cascivo/mcp`](https://github.com/cascivo/cascivo/tree/main/packages/mcp) and [`registry.json`](https://github.com/cascivo/cascivo/blob/main/registry.json) · MIT
64
+
65
+ <div align="center"><a href="https://cascivo.com"><img src="https://cascivo.com/favicon.svg" width="28" height="28" alt="cascivo"></a></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cascivo/tokens",
3
- "version": "0.1.0",
3
+ "version": "0.3.0",
4
4
  "private": false,
5
5
  "description": "Three-level CSS design tokens (primitive → semantic → component)",
6
6
  "keywords": [
@@ -13,23 +13,30 @@
13
13
  "react",
14
14
  "signals"
15
15
  ],
16
- "homepage": "https://github.com/urbanisierung/cascivo/tree/main/packages/tokens#readme",
17
- "bugs": "https://github.com/urbanisierung/cascivo/issues",
16
+ "homepage": "https://github.com/cascivo/cascivo/tree/main/packages/tokens#readme",
17
+ "bugs": "https://github.com/cascivo/cascivo/issues",
18
18
  "license": "MIT",
19
19
  "author": "urbanisierung",
20
20
  "repository": {
21
21
  "type": "git",
22
- "url": "git+https://github.com/urbanisierung/cascivo.git",
22
+ "url": "git+https://github.com/cascivo/cascivo.git",
23
23
  "directory": "packages/tokens"
24
24
  },
25
25
  "files": [
26
26
  "src/**/*.css",
27
27
  "src/**/*.ts",
28
+ "tokens.json",
28
29
  "!src/**/*.test.ts"
29
30
  ],
30
31
  "exports": {
31
32
  ".": "./src/index.css",
32
- "./screens": "./src/screens.ts"
33
+ "./functions": "./src/functions.css",
34
+ "./functions.css": "./src/functions.css",
35
+ "./screens": "./src/screens.ts",
36
+ "./tokens.json": "./tokens.json",
37
+ "./tokens": {
38
+ "types": "./src/tokens.d.ts"
39
+ }
33
40
  },
34
41
  "publishConfig": {
35
42
  "access": "public",
package/readme.body.md CHANGED
@@ -1 +1,35 @@
1
- CSS design tokens for cascade — primitive, semantic, and component-level custom properties in a three-level system. Primitive tokens define the raw scale; semantic tokens map intent (`--cascivo-color-accent`); component tokens map usage (`--cascivo-button-bg`).
1
+ A three-level system of CSS custom properties that every cascivo component, theme, and chart reads from.
2
+
3
+ ```
4
+ Primitive --cascivo-color-blue-500: #3b82f6 the raw scale
5
+ ↓
6
+ Semantic --cascivo-color-accent: var(--…-blue-500) intent (themes remap this layer)
7
+ ↓
8
+ Component --cascivo-button-bg: var(--…-accent) usage (override per-brand)
9
+ ```
10
+
11
+ ## Usage
12
+
13
+ Import once at your app entry — or get tokens for free via `@cascivo/themes`, which self-imports this package:
14
+
15
+ ```ts
16
+ import '@cascivo/tokens'
17
+ ```
18
+
19
+ Then reference tokens anywhere in your CSS:
20
+
21
+ ```css
22
+ .cta {
23
+ background: var(--cascivo-color-accent);
24
+ padding-block: var(--cascivo-space-3);
25
+ border-radius: var(--cascivo-radius-md);
26
+ }
27
+ ```
28
+
29
+ ## How the layers compose
30
+
31
+ - **Primitive** tokens define the raw palette, spacing, radius, and type scales. They never change between themes.
32
+ - **Semantic** tokens map intent (`--cascivo-color-accent`, `--cascivo-color-surface`). [`@cascivo/themes`](https://github.com/cascivo/cascivo/tree/main/packages/themes) overrides **only** this layer via `data-theme`.
33
+ - **Component** tokens map usage (`--cascivo-button-bg`). Override these to adapt a single component to your brand — no rebuild, no theme fork.
34
+
35
+ A machine-readable catalog of every token, its layer, and its resolved default ships as `tokens.catalog.json`, so AI agents select from a closed set rather than inventing values.
package/src/functions.css CHANGED
@@ -15,7 +15,7 @@
15
15
  * - No variable-spreading (not yet supported).
16
16
  */
17
17
 
18
- @layer cascade.functions {
18
+ @layer cascivo.functions {
19
19
  @function --cascivo-step(--n <number>, --base: 0.25rem) {
20
20
  result: calc(var(--base) * var(--n));
21
21
  }
package/src/index.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /* packages/tokens/src/index.css */
2
- /* Cascade Design System — Primitive Tokens */
2
+ /* cascivo Design System — Primitive Tokens */
3
3
  /* These are raw values. Never use directly in components. Use semantic tokens. */
4
4
 
5
- @layer cascade.tokens {
5
+ @layer cascivo.tokens {
6
6
  :root {
7
7
  /* ── Color Primitives ─────────────────────────────── */
8
8
 
@@ -97,6 +97,11 @@
97
97
  --cascivo-font-sans:
98
98
  ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
99
99
  --cascivo-font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;
100
+ /* Display = the headline/brand face a theme may override (terminal, brutalist,
101
+ arcade …). Defaults to the sans stack, so themes that do not override it look
102
+ unchanged. sans/mono remain the body/code defaults. Per-theme overrides live in
103
+ each theme file (declared in all themes to satisfy token parity). */
104
+ --cascivo-font-display: var(--cascivo-font-sans);
100
105
 
101
106
  --cascivo-text-xs: 0.75rem; /* 12px */
102
107
  --cascivo-text-sm: 0.875rem; /* 14px */
@@ -105,6 +110,7 @@
105
110
  --cascivo-text-xl: 1.25rem; /* 20px */
106
111
  --cascivo-text-2xl: 1.5rem; /* 24px */
107
112
  --cascivo-text-3xl: 1.875rem; /* 30px */
113
+ --cascivo-text-4xl: 2.25rem; /* 36px */
108
114
 
109
115
  --cascivo-font-normal: 400;
110
116
  --cascivo-font-medium: 500;
@@ -139,6 +145,10 @@
139
145
  --cascivo-radius-overlay: calc(var(--cascivo-radius-base) * 2); /* ~12px modals/popovers */
140
146
  --cascivo-radius-indicator: calc(var(--cascivo-radius-base) / 2);
141
147
 
148
+ /* ── Interaction state opacity (HeroUI layout-token parity; themes may retune) ── */
149
+ --cascivo-disabled-opacity: 0.5;
150
+ --cascivo-hover-opacity: 0.8;
151
+
142
152
  /* ── Shadows — rationed: surfaces flat/xs, floating layers get ONE soft shadow ── */
143
153
  --cascivo-shadow-xs: 0 1px 2px oklch(0 0 0 / 0.05);
144
154
  --cascivo-shadow-sm: 0 1px 3px oklch(0 0 0 / 0.07), 0 1px 2px oklch(0 0 0 / 0.04);
@@ -245,6 +255,7 @@
245
255
  /* clamp(min, vw-slope, max) where max = current fixed value so desktop ceiling is frozen. */
246
256
  --cascivo-text-2xl-fluid: clamp(1.25rem, 1rem + 1.25vw, 1.5rem); /* 20→24px */
247
257
  --cascivo-text-3xl-fluid: clamp(1.5rem, 1.125rem + 1.875vw, 1.875rem); /* 24→30px */
258
+ --cascivo-text-4xl-fluid: clamp(1.875rem, 1.5rem + 1.875vw, 2.25rem); /* 30→36px */
248
259
 
249
260
  /* ── Coarse-pointer touch target ─────────────────── */
250
261
  /* Controls should reach this minimum under @media (pointer: coarse) — added in v20-t3. */
@@ -266,4 +277,11 @@
266
277
  }
267
278
  }
268
279
 
269
- @import './functions.css';
280
+ /*
281
+ * CSS @function helpers (--cascivo-step / --cascivo-scale) are NOT imported here.
282
+ * They are a Chrome-133+ progressive-enhancement pilot and are unparseable by
283
+ * current CSS minifiers (lightningcss / Tailwind v4), which choke on `@function`
284
+ * and drop the rule. Every call site ships a static fallback, so omitting them is
285
+ * always correct. Opt in explicitly if your build pipeline supports @function:
286
+ * import '@cascivo/tokens/functions.css'
287
+ */
package/src/tokens.d.ts ADDED
@@ -0,0 +1,371 @@
1
+ // AUTO-GENERATED by scripts/tokens/generate-manifest.mjs — do not edit by hand.
2
+ // Run `pnpm tokens:generate` (or `pnpm regen`) to refresh.
3
+
4
+ /** Every `--cascivo-*` custom property cascivo ships (primitive + semantic). */
5
+ export type CascivoToken =
6
+ | '--cascivo-blue-100'
7
+ | '--cascivo-blue-200'
8
+ | '--cascivo-blue-300'
9
+ | '--cascivo-blue-400'
10
+ | '--cascivo-blue-50'
11
+ | '--cascivo-blue-500'
12
+ | '--cascivo-blue-600'
13
+ | '--cascivo-blue-700'
14
+ | '--cascivo-blue-800'
15
+ | '--cascivo-blue-900'
16
+ | '--cascivo-blue-950'
17
+ | '--cascivo-border-default'
18
+ | '--cascivo-border-strong'
19
+ | '--cascivo-border-subtle'
20
+ | '--cascivo-brand-accent'
21
+ | '--cascivo-brand-gradient-end'
22
+ | '--cascivo-brand-gradient-start'
23
+ | '--cascivo-brand-ink'
24
+ | '--cascivo-brand-paper'
25
+ | '--cascivo-brand-primary'
26
+ | '--cascivo-chart-1'
27
+ | '--cascivo-chart-2'
28
+ | '--cascivo-chart-3'
29
+ | '--cascivo-chart-4'
30
+ | '--cascivo-chart-5'
31
+ | '--cascivo-chart-6'
32
+ | '--cascivo-chart-7'
33
+ | '--cascivo-chart-8'
34
+ | '--cascivo-chart-axis'
35
+ | '--cascivo-chart-grid'
36
+ | '--cascivo-color-accent'
37
+ | '--cascivo-color-accent-active'
38
+ | '--cascivo-color-accent-content'
39
+ | '--cascivo-color-accent-foreground'
40
+ | '--cascivo-color-accent-hover'
41
+ | '--cascivo-color-accent-muted'
42
+ | '--cascivo-color-accent-subtle'
43
+ | '--cascivo-color-active-bg'
44
+ | '--cascivo-color-background'
45
+ | '--cascivo-color-bg'
46
+ | '--cascivo-color-bg-subtle'
47
+ | '--cascivo-color-border'
48
+ | '--cascivo-color-border-strong'
49
+ | '--cascivo-color-destructive'
50
+ | '--cascivo-color-destructive-content'
51
+ | '--cascivo-color-destructive-foreground'
52
+ | '--cascivo-color-destructive-hover'
53
+ | '--cascivo-color-destructive-subtle'
54
+ | '--cascivo-color-error'
55
+ | '--cascivo-color-error-content'
56
+ | '--cascivo-color-focus-ring'
57
+ | '--cascivo-color-foreground'
58
+ | '--cascivo-color-foreground-muted'
59
+ | '--cascivo-color-info'
60
+ | '--cascivo-color-info-content'
61
+ | '--cascivo-color-info-subtle'
62
+ | '--cascivo-color-primary'
63
+ | '--cascivo-color-primary-active'
64
+ | '--cascivo-color-primary-content'
65
+ | '--cascivo-color-primary-fg'
66
+ | '--cascivo-color-primary-hover'
67
+ | '--cascivo-color-secondary'
68
+ | '--cascivo-color-secondary-content'
69
+ | '--cascivo-color-secondary-hover'
70
+ | '--cascivo-color-secondary-subtle'
71
+ | '--cascivo-color-success'
72
+ | '--cascivo-color-success-content'
73
+ | '--cascivo-color-success-foreground'
74
+ | '--cascivo-color-success-subtle'
75
+ | '--cascivo-color-surface'
76
+ | '--cascivo-color-surface-2'
77
+ | '--cascivo-color-surface-overlay'
78
+ | '--cascivo-color-surface-raised'
79
+ | '--cascivo-color-text'
80
+ | '--cascivo-color-text-muted'
81
+ | '--cascivo-color-text-on-accent'
82
+ | '--cascivo-color-text-on-destructive'
83
+ | '--cascivo-color-text-subtle'
84
+ | '--cascivo-color-warning'
85
+ | '--cascivo-color-warning-content'
86
+ | '--cascivo-color-warning-foreground'
87
+ | '--cascivo-color-warning-subtle'
88
+ | '--cascivo-control-height-lg'
89
+ | '--cascivo-control-height-md'
90
+ | '--cascivo-control-height-sm'
91
+ | '--cascivo-disabled-opacity'
92
+ | '--cascivo-duration-100'
93
+ | '--cascivo-duration-150'
94
+ | '--cascivo-duration-200'
95
+ | '--cascivo-duration-300'
96
+ | '--cascivo-duration-500'
97
+ | '--cascivo-duration-75'
98
+ | '--cascivo-ease-in'
99
+ | '--cascivo-ease-in-out'
100
+ | '--cascivo-ease-out'
101
+ | '--cascivo-focus-ring'
102
+ | '--cascivo-font-bold'
103
+ | '--cascivo-font-display'
104
+ | '--cascivo-font-medium'
105
+ | '--cascivo-font-mono'
106
+ | '--cascivo-font-normal'
107
+ | '--cascivo-font-sans'
108
+ | '--cascivo-font-semibold'
109
+ | '--cascivo-gray-0'
110
+ | '--cascivo-gray-100'
111
+ | '--cascivo-gray-200'
112
+ | '--cascivo-gray-300'
113
+ | '--cascivo-gray-400'
114
+ | '--cascivo-gray-50'
115
+ | '--cascivo-gray-500'
116
+ | '--cascivo-gray-600'
117
+ | '--cascivo-gray-700'
118
+ | '--cascivo-gray-800'
119
+ | '--cascivo-gray-900'
120
+ | '--cascivo-gray-950'
121
+ | '--cascivo-green-100'
122
+ | '--cascivo-green-200'
123
+ | '--cascivo-green-400'
124
+ | '--cascivo-green-50'
125
+ | '--cascivo-green-500'
126
+ | '--cascivo-green-600'
127
+ | '--cascivo-green-700'
128
+ | '--cascivo-green-900'
129
+ | '--cascivo-hover-opacity'
130
+ | '--cascivo-leading-none'
131
+ | '--cascivo-leading-normal'
132
+ | '--cascivo-leading-relaxed'
133
+ | '--cascivo-leading-snug'
134
+ | '--cascivo-leading-tight'
135
+ | '--cascivo-motion-emphasis'
136
+ | '--cascivo-motion-enter'
137
+ | '--cascivo-motion-exit'
138
+ | '--cascivo-orange-100'
139
+ | '--cascivo-orange-400'
140
+ | '--cascivo-orange-50'
141
+ | '--cascivo-orange-500'
142
+ | '--cascivo-orange-600'
143
+ | '--cascivo-radius-2xl'
144
+ | '--cascivo-radius-badge'
145
+ | '--cascivo-radius-base'
146
+ | '--cascivo-radius-button'
147
+ | '--cascivo-radius-card'
148
+ | '--cascivo-radius-component'
149
+ | '--cascivo-radius-control'
150
+ | '--cascivo-radius-field'
151
+ | '--cascivo-radius-full'
152
+ | '--cascivo-radius-indicator'
153
+ | '--cascivo-radius-input'
154
+ | '--cascivo-radius-item'
155
+ | '--cascivo-radius-lg'
156
+ | '--cascivo-radius-md'
157
+ | '--cascivo-radius-modal'
158
+ | '--cascivo-radius-none'
159
+ | '--cascivo-radius-overlay'
160
+ | '--cascivo-radius-sm'
161
+ | '--cascivo-radius-surface'
162
+ | '--cascivo-radius-xl'
163
+ | '--cascivo-red-100'
164
+ | '--cascivo-red-200'
165
+ | '--cascivo-red-400'
166
+ | '--cascivo-red-50'
167
+ | '--cascivo-red-500'
168
+ | '--cascivo-red-600'
169
+ | '--cascivo-red-700'
170
+ | '--cascivo-red-900'
171
+ | '--cascivo-ring-color'
172
+ | '--cascivo-ring-offset'
173
+ | '--cascivo-ring-width'
174
+ | '--cascivo-screen-lg'
175
+ | '--cascivo-screen-md'
176
+ | '--cascivo-screen-sm'
177
+ | '--cascivo-screen-xl'
178
+ | '--cascivo-shadow-lg'
179
+ | '--cascivo-shadow-md'
180
+ | '--cascivo-shadow-overlay'
181
+ | '--cascivo-shadow-sm'
182
+ | '--cascivo-shadow-xl'
183
+ | '--cascivo-shadow-xs'
184
+ | '--cascivo-shell-aside-inline-size'
185
+ | '--cascivo-shell-header-block-size'
186
+ | '--cascivo-shell-panel-inline-size'
187
+ | '--cascivo-space-0'
188
+ | '--cascivo-space-1'
189
+ | '--cascivo-space-10'
190
+ | '--cascivo-space-12'
191
+ | '--cascivo-space-16'
192
+ | '--cascivo-space-2'
193
+ | '--cascivo-space-20'
194
+ | '--cascivo-space-24'
195
+ | '--cascivo-space-3'
196
+ | '--cascivo-space-4'
197
+ | '--cascivo-space-5'
198
+ | '--cascivo-space-6'
199
+ | '--cascivo-space-8'
200
+ | '--cascivo-target-min-coarse'
201
+ | '--cascivo-text-2xl'
202
+ | '--cascivo-text-2xl-fluid'
203
+ | '--cascivo-text-3xl'
204
+ | '--cascivo-text-3xl-fluid'
205
+ | '--cascivo-text-4xl'
206
+ | '--cascivo-text-4xl-fluid'
207
+ | '--cascivo-text-base'
208
+ | '--cascivo-text-lg'
209
+ | '--cascivo-text-sm'
210
+ | '--cascivo-text-xl'
211
+ | '--cascivo-text-xs'
212
+ | '--cascivo-tracking-normal'
213
+ | '--cascivo-tracking-tight'
214
+ | '--cascivo-tracking-wide'
215
+ | '--cascivo-warm-100'
216
+ | '--cascivo-warm-200'
217
+ | '--cascivo-warm-300'
218
+ | '--cascivo-warm-400'
219
+ | '--cascivo-warm-50'
220
+ | '--cascivo-warm-500'
221
+ | '--cascivo-warm-600'
222
+ | '--cascivo-warm-700'
223
+ | '--cascivo-warm-800'
224
+ | '--cascivo-warm-900'
225
+ | '--cascivo-yellow-100'
226
+ | '--cascivo-yellow-400'
227
+ | '--cascivo-yellow-50'
228
+ | '--cascivo-yellow-500'
229
+ | '--cascivo-z-base'
230
+ | '--cascivo-z-dropdown'
231
+ | '--cascivo-z-modal'
232
+ | '--cascivo-z-overlay'
233
+ | '--cascivo-z-raised'
234
+ | '--cascivo-z-toast'
235
+ | '--cascivo-z-tooltip'
236
+
237
+ /** The subset of {@link CascivoToken} in the color category. */
238
+ export type CascivoColorToken =
239
+ | '--cascivo-blue-100'
240
+ | '--cascivo-blue-200'
241
+ | '--cascivo-blue-300'
242
+ | '--cascivo-blue-400'
243
+ | '--cascivo-blue-50'
244
+ | '--cascivo-blue-500'
245
+ | '--cascivo-blue-600'
246
+ | '--cascivo-blue-700'
247
+ | '--cascivo-blue-800'
248
+ | '--cascivo-blue-900'
249
+ | '--cascivo-blue-950'
250
+ | '--cascivo-border-default'
251
+ | '--cascivo-border-strong'
252
+ | '--cascivo-border-subtle'
253
+ | '--cascivo-brand-accent'
254
+ | '--cascivo-brand-gradient-end'
255
+ | '--cascivo-brand-gradient-start'
256
+ | '--cascivo-brand-ink'
257
+ | '--cascivo-brand-paper'
258
+ | '--cascivo-brand-primary'
259
+ | '--cascivo-chart-1'
260
+ | '--cascivo-chart-2'
261
+ | '--cascivo-chart-3'
262
+ | '--cascivo-chart-4'
263
+ | '--cascivo-chart-5'
264
+ | '--cascivo-chart-6'
265
+ | '--cascivo-chart-7'
266
+ | '--cascivo-chart-8'
267
+ | '--cascivo-chart-axis'
268
+ | '--cascivo-chart-grid'
269
+ | '--cascivo-color-accent'
270
+ | '--cascivo-color-accent-active'
271
+ | '--cascivo-color-accent-content'
272
+ | '--cascivo-color-accent-foreground'
273
+ | '--cascivo-color-accent-hover'
274
+ | '--cascivo-color-accent-muted'
275
+ | '--cascivo-color-accent-subtle'
276
+ | '--cascivo-color-active-bg'
277
+ | '--cascivo-color-background'
278
+ | '--cascivo-color-bg'
279
+ | '--cascivo-color-bg-subtle'
280
+ | '--cascivo-color-border'
281
+ | '--cascivo-color-border-strong'
282
+ | '--cascivo-color-destructive'
283
+ | '--cascivo-color-destructive-content'
284
+ | '--cascivo-color-destructive-foreground'
285
+ | '--cascivo-color-destructive-hover'
286
+ | '--cascivo-color-destructive-subtle'
287
+ | '--cascivo-color-error'
288
+ | '--cascivo-color-error-content'
289
+ | '--cascivo-color-focus-ring'
290
+ | '--cascivo-color-foreground'
291
+ | '--cascivo-color-foreground-muted'
292
+ | '--cascivo-color-info'
293
+ | '--cascivo-color-info-content'
294
+ | '--cascivo-color-info-subtle'
295
+ | '--cascivo-color-primary'
296
+ | '--cascivo-color-primary-active'
297
+ | '--cascivo-color-primary-content'
298
+ | '--cascivo-color-primary-fg'
299
+ | '--cascivo-color-primary-hover'
300
+ | '--cascivo-color-secondary'
301
+ | '--cascivo-color-secondary-content'
302
+ | '--cascivo-color-secondary-hover'
303
+ | '--cascivo-color-secondary-subtle'
304
+ | '--cascivo-color-success'
305
+ | '--cascivo-color-success-content'
306
+ | '--cascivo-color-success-foreground'
307
+ | '--cascivo-color-success-subtle'
308
+ | '--cascivo-color-surface'
309
+ | '--cascivo-color-surface-2'
310
+ | '--cascivo-color-surface-overlay'
311
+ | '--cascivo-color-surface-raised'
312
+ | '--cascivo-color-text'
313
+ | '--cascivo-color-text-muted'
314
+ | '--cascivo-color-text-on-accent'
315
+ | '--cascivo-color-text-on-destructive'
316
+ | '--cascivo-color-text-subtle'
317
+ | '--cascivo-color-warning'
318
+ | '--cascivo-color-warning-content'
319
+ | '--cascivo-color-warning-foreground'
320
+ | '--cascivo-color-warning-subtle'
321
+ | '--cascivo-focus-ring'
322
+ | '--cascivo-gray-0'
323
+ | '--cascivo-gray-100'
324
+ | '--cascivo-gray-200'
325
+ | '--cascivo-gray-300'
326
+ | '--cascivo-gray-400'
327
+ | '--cascivo-gray-50'
328
+ | '--cascivo-gray-500'
329
+ | '--cascivo-gray-600'
330
+ | '--cascivo-gray-700'
331
+ | '--cascivo-gray-800'
332
+ | '--cascivo-gray-900'
333
+ | '--cascivo-gray-950'
334
+ | '--cascivo-green-100'
335
+ | '--cascivo-green-200'
336
+ | '--cascivo-green-400'
337
+ | '--cascivo-green-50'
338
+ | '--cascivo-green-500'
339
+ | '--cascivo-green-600'
340
+ | '--cascivo-green-700'
341
+ | '--cascivo-green-900'
342
+ | '--cascivo-orange-100'
343
+ | '--cascivo-orange-400'
344
+ | '--cascivo-orange-50'
345
+ | '--cascivo-orange-500'
346
+ | '--cascivo-orange-600'
347
+ | '--cascivo-red-100'
348
+ | '--cascivo-red-200'
349
+ | '--cascivo-red-400'
350
+ | '--cascivo-red-50'
351
+ | '--cascivo-red-500'
352
+ | '--cascivo-red-600'
353
+ | '--cascivo-red-700'
354
+ | '--cascivo-red-900'
355
+ | '--cascivo-ring-color'
356
+ | '--cascivo-ring-offset'
357
+ | '--cascivo-ring-width'
358
+ | '--cascivo-warm-100'
359
+ | '--cascivo-warm-200'
360
+ | '--cascivo-warm-300'
361
+ | '--cascivo-warm-400'
362
+ | '--cascivo-warm-50'
363
+ | '--cascivo-warm-500'
364
+ | '--cascivo-warm-600'
365
+ | '--cascivo-warm-700'
366
+ | '--cascivo-warm-800'
367
+ | '--cascivo-warm-900'
368
+ | '--cascivo-yellow-100'
369
+ | '--cascivo-yellow-400'
370
+ | '--cascivo-yellow-50'
371
+ | '--cascivo-yellow-500'