Design Tokens
458 DTCG-konforme Tokens aus tokens/*.json
458 von 458 Tokens
| CSS Variable | Gruppe | Typ | Light | Dark | |
|---|---|---|---|---|---|
| --background | colors | color | var(--color-neutral-50) | var(--color-neutral-950) | |
| --foreground | colors | color | var(--color-neutral-800) | var(--color-neutral-100) | |
| --card | colors | color | oklch(1 0 0) | oklch(0.205 0 0) | |
| --card-foreground | colors | color | oklch(0.145 0 0) | oklch(0.985 0 0) | |
| --popover | colors | color | oklch(1 0 0) | oklch(0.205 0 0) | |
| --popover-foreground | colors | color | oklch(0.145 0 0) | oklch(0.985 0 0) | |
| --primary | colors | color | oklch(68.02% 0.09992 165.947) | oklch(0.9167 0.1329 160.61) | |
| --primary-foreground | colors | color | oklch(0.98 0.02 166) | var(--color-neutral-700) | |
| --secondary | colors | color | var(--color-zinc-600) | --alpha(var(--color-neutral-700) / 60%) | |
| --secondary-foreground | colors | color | var(--background) | var(--color-neutral-400) | |
| --info | colors | color | var(--color-blue-500) | --alpha(var(--color-blue-700) / 40%) | |
| --info-foreground | colors | color | var(--background) | var(--color-blue-400) | |
| --success | colors | color | var(--color-emerald-500) | --alpha(var(--color-emerald-700) / 40%) | |
| --success-foreground | colors | color | var(--background) | var(--color-emerald-400) | |
| --warning | colors | color | var(--color-amber-500) | --alpha(var(--color-amber-600) / 40%) | |
| --warning-foreground | colors | color | var(--background) | var(--color-amber-500) | |
| --destructive | colors | color | var(--color-rose-500) | --alpha(var(--color-rose-700) / 40%) | |
| --destructive-foreground | colors | color | var(--background) | var(--color-rose-500) | |
| --muted | colors | color | oklch(0.97 0 0) | oklch(0.269 0 0) | |
| --muted-foreground | colors | color | oklch(0.556 0 0) | oklch(0.708 0 0) | |
| --accent | colors | color | var(--color-neutral-400) | oklch(0.371 0 0) | |
| --accent-foreground | colors | color | var(--background) | oklch(0.985 0 0) | |
| --border | colors | color | oklch(0.922 0 0) | oklch(1 0 0 / 10%) | |
| --input | colors | color | oklch(0.922 0 0) | oklch(1 0 0 / 15%) | |
| --ring | colors | color | oklch(0.708 0 0) | oklch(0.556 0 0) | |
| --chart-1 | colors | color | oklch(0.85 0.13 165) | oklch(0.85 0.13 165) | |
| --chart-2 | colors | color | oklch(0.77 0.15 163) | oklch(0.77 0.15 163) | |
| --chart-3 | colors | color | oklch(0.70 0.15 162) | oklch(0.70 0.15 162) | |
| --chart-4 | colors | color | oklch(0.60 0.13 163) | oklch(0.60 0.13 163) | |
| --chart-5 | colors | color | oklch(0.51 0.10 166) | oklch(0.51 0.10 166) | |
| --sidebar | colors | color | oklch(0.985 0 0) | oklch(0.205 0 0) | |
| --sidebar-foreground | colors | color | oklch(0.145 0 0) | oklch(0.985 0 0) | |
| --sidebar-primary | colors | color | oklch(0.60 0.13 163) | oklch(0.77 0.15 163) | |
| --sidebar-primary-foreground | colors | color | oklch(0.98 0.02 166) | oklch(0.26 0.05 173) | |
| --sidebar-accent | colors | color | oklch(0.97 0 0) | oklch(0.269 0 0) | |
| --sidebar-accent-foreground | colors | color | oklch(0.205 0 0) | oklch(0.985 0 0) | |
| --sidebar-border | colors | color | oklch(0.922 0 0) | oklch(1 0 0 / 10%) | |
| --sidebar-ring | colors | color | oklch(0.708 0 0) | oklch(0.556 0 0) | |
| --spacing-s-xs | spacing | dimension | calc(var(--spacing) * 6) | — | |
| --spacing-s-sm | spacing | dimension | calc(var(--spacing) * 7.5) | — | |
| --spacing-s-md | spacing | dimension | calc(var(--spacing) * 9) | — | |
| --spacing-s-lg | spacing | dimension | calc(var(--spacing) * 12) | — | |
| --spacing-s-xl | spacing | dimension | calc(var(--spacing) * 16) | — | |
| --size-xl | sizes | dimension | 48rem | — | |
| --size-lg | sizes | dimension | 32rem | — | |
| --size-md | sizes | dimension | 24rem | — | |
| --radius | sizes | dimension | 0.625rem | — | |
| --radius-sm | sizes | dimension | calc(var(--radius) - 4px) | — | |
| --radius-md | sizes | dimension | calc(var(--radius) - 2px) | — | |
| --radius-lg | sizes | dimension | var(--radius) | — | |
| --radius-xl | sizes | dimension | calc(var(--radius) + 4px) | — | |
| --radius-2xl | sizes | dimension | calc(var(--radius) + 8px) | — | |
| --radius-3xl | sizes | dimension | calc(var(--radius) + 12px) | — | |
| --radius-4xl | sizes | dimension | calc(var(--radius) + 16px) | — | |
| --font-sans | sizes | fontFamily | 'Inter Variable', sans-serif | — | |
| --semantic-size-xs | sizes | dimension | calc(var(--spacing) * 6.5) | — | |
| --semantic-size-sm | sizes | dimension | calc(var(--spacing) * 7.5) | — | |
| --semantic-size-md | sizes | dimension | calc(var(--spacing) * 9) | — | |
| --semantic-size-lg | sizes | dimension | calc(var(--spacing) * 11) | — | |
| --semantic-size-xl | sizes | dimension | calc(var(--spacing) * 14) | — | |
| --semantic-size-xxl | sizes | dimension | calc(var(--spacing) * 18) | — | |
| --semantic-padding-xs | sizes | dimension | calc(var(--spacing) * 2) | — | |
| --semantic-padding-sm | sizes | dimension | calc(var(--spacing) * 4) | — | |
| --semantic-padding-md | sizes | dimension | calc(var(--spacing) * 4) | — | |
| --semantic-padding-lg | sizes | dimension | calc(var(--spacing) * 5) | — | |
| --semantic-padding-xl | sizes | dimension | calc(var(--spacing) * 8) | — | |
| --semantic-padding-xxl | sizes | dimension | calc(var(--spacing) * 2) | — | |
| --spacing | breakpoints | dimension | 0.25rem | — | |
| --breakpoint-sm | breakpoints | dimension | 40rem | — | |
| --breakpoint-md | breakpoints | dimension | 48rem | — | |
| --breakpoint-lg | breakpoints | dimension | 64rem | — | |
| --breakpoint-xl | breakpoints | dimension | 80rem | — | |
| --breakpoint-2xl | breakpoints | dimension | 96rem | — | |
| --container-8xl | breakpoints | dimension | 96rem | — | |
| --container-9xl | breakpoints | dimension | 128rem | — | |
| --font-serif | typography | fontFamily | ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif | — | |
| --font-sans | typography | fontFamily | ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' | — | |
| --font-mono | typography | fontFamily | ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace | — | |
| --fontSize-xs | typography | dimension | 0.75rem | — | |
| --fontSize-sm | typography | dimension | 0.875rem | — | |
| --fontSize-base | typography | dimension | 1rem | — | |
| --fontSize-lg | typography | dimension | 1.125rem | — | |
| --fontSize-xl | typography | dimension | 1.25rem | — | |
| --fontSize-2xl | typography | dimension | 1.5rem | — | |
| --fontSize-3xl | typography | dimension | 1.875rem | — | |
| --fontSize-4xl | typography | dimension | 2.25rem | — | |
| --fontSize-5xl | typography | dimension | 3rem | — | |
| --fontSize-6xl | typography | dimension | 3.75rem | — | |
| --fontSize-7xl | typography | dimension | 4.5rem | — | |
| --fontSize-8xl | typography | dimension | 6rem | — | |
| --fontSize-9xl | typography | dimension | 8rem | — | |
| --lineHeight-xs | typography | number | calc(1 / 0.75) | — | |
| --lineHeight-sm | typography | number | calc(1.25 / 0.875) | — | |
| --lineHeight-base | typography | number | calc(1.5 / 1) | — | |
| --lineHeight-lg | typography | number | calc(1.75 / 1.125) | — | |
| --lineHeight-xl | typography | number | calc(1.75 / 1.25) | — | |
| --lineHeight-2xl | typography | number | calc(2 / 1.5) | — | |
| --lineHeight-3xl | typography | number | calc(2.25 / 1.875) | — | |
| --lineHeight-4xl | typography | number | calc(2.5 / 2.25) | — | |
| --lineHeight-5xl | typography | number | 1 | — | |
| --lineHeight-6xl | typography | number | 1 | — | |
| --lineHeight-7xl | typography | number | 1 | — | |
| --lineHeight-8xl | typography | number | 1 | — | |
| --lineHeight-9xl | typography | number | 1 | — | |
| --fontWeight-thin | typography | fontWeight | 100 | — | |
| --fontWeight-extralight | typography | fontWeight | 200 | — | |
| --fontWeight-light | typography | fontWeight | 300 | — | |
| --fontWeight-normal | typography | fontWeight | 400 | — | |
| --fontWeight-medium | typography | fontWeight | 500 | — | |
| --fontWeight-semibold | typography | fontWeight | 600 | — | |
| --fontWeight-bold | typography | fontWeight | 700 | — | |
| --fontWeight-extrabold | typography | fontWeight | 800 | — | |
| --fontWeight-black | typography | fontWeight | 900 | — | |
| --tracking-tighter | typography | dimension | -0.05em | — | |
| --tracking-tight | typography | dimension | -0.025em | — | |
| --tracking-normal | typography | dimension | 0em | — | |
| --tracking-wide | typography | dimension | 0.025em | — | |
| --tracking-wider | typography | dimension | 0.05em | — | |
| --tracking-widest | typography | dimension | 0.1em | — | |
| --leading-tight | typography | number | 1.25 | — | |
| --leading-snug | typography | number | 1.375 | — | |
| --leading-normal | typography | number | 1.5 | — | |
| --leading-relaxed | typography | number | 1.625 | — | |
| --leading-loose | typography | number | 2 | — | |
| --box-2xs | shadows | shadow | 0 1px rgb(0 0 0 / 0.05) | — | |
| --box-xs | shadows | shadow | 0 1px 2px 0 rgb(0 0 0 / 0.05) | — | |
| --box-sm | shadows | shadow | 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) | — | |
| --box-md | shadows | shadow | 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) | — | |
| --box-lg | shadows | shadow | 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) | — | |
| --box-xl | shadows | shadow | 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) | — | |
| --box-2xl | shadows | shadow | 0 25px 50px -12px rgb(0 0 0 / 0.25) | — | |
| --box-shadow | shadows | shadow | 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) | — | |
| --box-inner | shadows | shadow | inset 0 2px 4px 0 rgb(0 0 0 / 0.05) | — | |
| --box-drop-shadow | shadows | shadow | 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06) | — | |
| --inset-2xs | shadows | shadow | inset 0 1px rgb(0 0 0 / 0.05) | — | |
| --inset-xs | shadows | shadow | inset 0 1px 1px rgb(0 0 0 / 0.05) | — | |
| --inset-sm | shadows | shadow | inset 0 2px 4px rgb(0 0 0 / 0.05) | — | |
| --drop-xs | shadows | shadow | 0 1px 1px rgb(0 0 0 / 0.05) | — | |
| --drop-sm | shadows | shadow | 0 1px 2px rgb(0 0 0 / 0.15) | — | |
| --drop-md | shadows | shadow | 0 3px 3px rgb(0 0 0 / 0.12) | — | |
| --drop-lg | shadows | shadow | 0 4px 4px rgb(0 0 0 / 0.15) | — | |
| --drop-xl | shadows | shadow | 0 9px 7px rgb(0 0 0 / 0.1) | — | |
| --drop-2xl | shadows | shadow | 0 25px 25px rgb(0 0 0 / 0.15) | — | |
| --text-2xs | shadows | shadow | 0px 1px 0px rgb(0 0 0 / 0.15) | — | |
| --text-xs | shadows | shadow | 0px 1px 1px rgb(0 0 0 / 0.2) | — | |
| --text-sm | shadows | shadow | 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075) | — | |
| --text-md | shadows | shadow | 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1) | — | |
| --text-lg | shadows | shadow | 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1) | — | |
| --easing-in | motion | cubicBezier | cubic-bezier(0.4, 0, 1, 1) | — | |
| --easing-out | motion | cubicBezier | cubic-bezier(0, 0, 0.2, 1) | — | |
| --easing-in-out | motion | cubicBezier | cubic-bezier(0.4, 0, 0.2, 1) | — | |
| --animation-spin | motion | string | spin 1s linear infinite | — | |
| --animation-ping | motion | string | ping 1s cubic-bezier(0, 0, 0.2, 1) infinite | — | |
| --animation-pulse | motion | string | pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite | — | |
| --animation-bounce | motion | string | bounce 1s infinite | — | |
| --transition-duration | motion | duration | 150ms | — | |
| --transition-timingFunction | motion | cubicBezier | cubic-bezier(0.4, 0, 0.2, 1) | — | |
| --blur-xs | effects | dimension | 4px | — | |
| --blur-sm | effects | dimension | 8px | — | |
| --blur-md | effects | dimension | 12px | — | |
| --blur-lg | effects | dimension | 16px | — | |
| --blur-xl | effects | dimension | 24px | — | |
| --blur-2xl | effects | dimension | 40px | — | |
| --blur-3xl | effects | dimension | 64px | — | |
| --perspective-dramatic | effects | dimension | 100px | — | |
| --perspective-near | effects | dimension | 300px | — | |
| --perspective-normal | effects | dimension | 500px | — | |
| --perspective-midrange | effects | dimension | 800px | — | |
| --perspective-distant | effects | dimension | 1200px | — | |
| --aspect-video | effects | string | 16 / 9 | — | |
| --red-50 | palette | color | oklch(97.1% 0.013 17.38) | — | |
| --red-100 | palette | color | oklch(93.6% 0.032 17.717) | — | |
| --red-200 | palette | color | oklch(88.5% 0.062 18.334) | — | |
| --red-300 | palette | color | oklch(80.8% 0.114 19.571) | — | |
| --red-400 | palette | color | oklch(70.4% 0.191 22.216) | — | |
| --red-500 | palette | color | oklch(63.7% 0.237 25.331) | — | |
| --red-600 | palette | color | oklch(57.7% 0.245 27.325) | — | |
| --red-700 | palette | color | oklch(50.5% 0.213 27.518) | — | |
| --red-800 | palette | color | oklch(44.4% 0.177 26.899) | — | |
| --red-900 | palette | color | oklch(39.6% 0.141 25.723) | — | |
| --red-950 | palette | color | oklch(25.8% 0.092 26.042) | — | |
| --orange-50 | palette | color | oklch(98% 0.016 73.684) | — | |
| --orange-100 | palette | color | oklch(95.4% 0.038 75.164) | — | |
| --orange-200 | palette | color | oklch(90.1% 0.076 70.697) | — | |
| --orange-300 | palette | color | oklch(83.7% 0.128 66.29) | — | |
| --orange-400 | palette | color | oklch(75% 0.183 55.934) | — | |
| --orange-500 | palette | color | oklch(70.5% 0.213 47.604) | — | |
| --orange-600 | palette | color | oklch(64.6% 0.222 41.116) | — | |
| --orange-700 | palette | color | oklch(55.3% 0.195 38.402) | — | |
| --orange-800 | palette | color | oklch(47% 0.157 37.304) | — | |
| --orange-900 | palette | color | oklch(40.8% 0.123 38.172) | — | |
| --orange-950 | palette | color | oklch(26.6% 0.079 36.259) | — | |
| --amber-50 | palette | color | oklch(98.7% 0.022 95.277) | — | |
| --amber-100 | palette | color | oklch(96.2% 0.059 95.617) | — | |
| --amber-200 | palette | color | oklch(92.4% 0.12 95.746) | — | |
| --amber-300 | palette | color | oklch(87.9% 0.169 91.605) | — | |
| --amber-400 | palette | color | oklch(82.8% 0.189 84.429) | — | |
| --amber-500 | palette | color | oklch(76.9% 0.188 70.08) | — | |
| --amber-600 | palette | color | oklch(66.6% 0.179 58.318) | — | |
| --amber-700 | palette | color | oklch(55.5% 0.163 48.998) | — | |
| --amber-800 | palette | color | oklch(47.3% 0.137 46.201) | — | |
| --amber-900 | palette | color | oklch(41.4% 0.112 45.904) | — | |
| --amber-950 | palette | color | oklch(27.9% 0.077 45.635) | — | |
| --yellow-50 | palette | color | oklch(98.7% 0.026 102.212) | — | |
| --yellow-100 | palette | color | oklch(97.3% 0.071 103.193) | — | |
| --yellow-200 | palette | color | oklch(94.5% 0.129 101.54) | — | |
| --yellow-300 | palette | color | oklch(90.5% 0.182 98.111) | — | |
| --yellow-400 | palette | color | oklch(85.2% 0.199 91.936) | — | |
| --yellow-500 | palette | color | oklch(79.5% 0.184 86.047) | — | |
| --yellow-600 | palette | color | oklch(68.1% 0.162 75.834) | — | |
| --yellow-700 | palette | color | oklch(55.4% 0.135 66.442) | — | |
| --yellow-800 | palette | color | oklch(47.6% 0.114 61.907) | — | |
| --yellow-900 | palette | color | oklch(42.1% 0.095 57.708) | — | |
| --yellow-950 | palette | color | oklch(28.6% 0.066 53.813) | — | |
| --lime-50 | palette | color | oklch(98.6% 0.031 120.757) | — | |
| --lime-100 | palette | color | oklch(96.7% 0.067 122.328) | — | |
| --lime-200 | palette | color | oklch(93.8% 0.127 124.321) | — | |
| --lime-300 | palette | color | oklch(89.7% 0.196 126.665) | — | |
| --lime-400 | palette | color | oklch(84.1% 0.238 128.85) | — | |
| --lime-500 | palette | color | oklch(76.8% 0.233 130.85) | — | |
| --lime-600 | palette | color | oklch(64.8% 0.2 131.684) | — | |
| --lime-700 | palette | color | oklch(53.2% 0.157 131.589) | — | |
| --lime-800 | palette | color | oklch(45.3% 0.124 130.933) | — | |
| --lime-900 | palette | color | oklch(40.5% 0.101 131.063) | — | |
| --lime-950 | palette | color | oklch(27.4% 0.072 132.109) | — | |
| --green-50 | palette | color | oklch(98.2% 0.018 155.826) | — | |
| --green-100 | palette | color | oklch(96.2% 0.044 156.743) | — | |
| --green-200 | palette | color | oklch(92.5% 0.084 155.995) | — | |
| --green-300 | palette | color | oklch(87.1% 0.15 154.449) | — | |
| --green-400 | palette | color | oklch(79.2% 0.209 151.711) | — | |
| --green-500 | palette | color | oklch(72.3% 0.219 149.579) | — | |
| --green-600 | palette | color | oklch(62.7% 0.194 149.214) | — | |
| --green-700 | palette | color | oklch(52.7% 0.154 150.069) | — | |
| --green-800 | palette | color | oklch(44.8% 0.119 151.328) | — | |
| --green-900 | palette | color | oklch(39.3% 0.095 152.535) | — | |
| --green-950 | palette | color | oklch(26.6% 0.065 152.934) | — | |
| --emerald-50 | palette | color | oklch(97.9% 0.021 166.113) | — | |
| --emerald-100 | palette | color | oklch(95% 0.052 163.051) | — | |
| --emerald-200 | palette | color | oklch(90.5% 0.093 164.15) | — | |
| --emerald-300 | palette | color | oklch(84.5% 0.143 164.978) | — | |
| --emerald-400 | palette | color | oklch(76.5% 0.177 163.223) | — | |
| --emerald-500 | palette | color | oklch(69.6% 0.17 162.48) | — | |
| --emerald-600 | palette | color | oklch(59.6% 0.145 163.225) | — | |
| --emerald-700 | palette | color | oklch(50.8% 0.118 165.612) | — | |
| --emerald-800 | palette | color | oklch(43.2% 0.095 166.913) | — | |
| --emerald-900 | palette | color | oklch(37.8% 0.077 168.94) | — | |
| --emerald-950 | palette | color | oklch(26.2% 0.051 172.552) | — | |
| --teal-50 | palette | color | oklch(98.4% 0.014 180.72) | — | |
| --teal-100 | palette | color | oklch(95.3% 0.051 180.801) | — | |
| --teal-200 | palette | color | oklch(91% 0.096 180.426) | — | |
| --teal-300 | palette | color | oklch(85.5% 0.138 181.071) | — | |
| --teal-400 | palette | color | oklch(77.7% 0.152 181.912) | — | |
| --teal-500 | palette | color | oklch(70.4% 0.14 182.503) | — | |
| --teal-600 | palette | color | oklch(60% 0.118 184.704) | — | |
| --teal-700 | palette | color | oklch(51.1% 0.096 186.391) | — | |
| --teal-800 | palette | color | oklch(43.7% 0.078 188.216) | — | |
| --teal-900 | palette | color | oklch(38.6% 0.063 188.416) | — | |
| --teal-950 | palette | color | oklch(27.7% 0.046 192.524) | — | |
| --cyan-50 | palette | color | oklch(98.4% 0.019 200.873) | — | |
| --cyan-100 | palette | color | oklch(95.6% 0.045 203.388) | — | |
| --cyan-200 | palette | color | oklch(91.7% 0.08 205.041) | — | |
| --cyan-300 | palette | color | oklch(86.5% 0.127 207.078) | — | |
| --cyan-400 | palette | color | oklch(78.9% 0.154 211.53) | — | |
| --cyan-500 | palette | color | oklch(71.5% 0.143 215.221) | — | |
| --cyan-600 | palette | color | oklch(60.9% 0.126 221.723) | — | |
| --cyan-700 | palette | color | oklch(52% 0.105 223.128) | — | |
| --cyan-800 | palette | color | oklch(45% 0.085 224.283) | — | |
| --cyan-900 | palette | color | oklch(39.8% 0.07 227.392) | — | |
| --cyan-950 | palette | color | oklch(30.2% 0.056 229.695) | — | |
| --sky-50 | palette | color | oklch(97.7% 0.013 236.62) | — | |
| --sky-100 | palette | color | oklch(95.1% 0.026 236.824) | — | |
| --sky-200 | palette | color | oklch(90.1% 0.058 230.902) | — | |
| --sky-300 | palette | color | oklch(82.8% 0.111 230.318) | — | |
| --sky-400 | palette | color | oklch(74.6% 0.16 232.661) | — | |
| --sky-500 | palette | color | oklch(68.5% 0.169 237.323) | — | |
| --sky-600 | palette | color | oklch(58.8% 0.158 241.966) | — | |
| --sky-700 | palette | color | oklch(50% 0.134 242.749) | — | |
| --sky-800 | palette | color | oklch(44.3% 0.11 240.79) | — | |
| --sky-900 | palette | color | oklch(39.1% 0.09 240.876) | — | |
| --sky-950 | palette | color | oklch(29.3% 0.066 243.157) | — | |
| --blue-50 | palette | color | oklch(97% 0.014 254.604) | — | |
| --blue-100 | palette | color | oklch(93.2% 0.032 255.585) | — | |
| --blue-200 | palette | color | oklch(88.2% 0.059 254.128) | — | |
| --blue-300 | palette | color | oklch(80.9% 0.105 251.813) | — | |
| --blue-400 | palette | color | oklch(70.7% 0.165 254.624) | — | |
| --blue-500 | palette | color | oklch(62.3% 0.214 259.815) | — | |
| --blue-600 | palette | color | oklch(54.6% 0.245 262.881) | — | |
| --blue-700 | palette | color | oklch(48.8% 0.243 264.376) | — | |
| --blue-800 | palette | color | oklch(42.4% 0.199 265.638) | — | |
| --blue-900 | palette | color | oklch(37.9% 0.146 265.522) | — | |
| --blue-950 | palette | color | oklch(28.2% 0.091 267.935) | — | |
| --indigo-50 | palette | color | oklch(96.2% 0.018 272.314) | — | |
| --indigo-100 | palette | color | oklch(93% 0.034 272.788) | — | |
| --indigo-200 | palette | color | oklch(87% 0.065 274.039) | — | |
| --indigo-300 | palette | color | oklch(78.5% 0.115 274.713) | — | |
| --indigo-400 | palette | color | oklch(67.3% 0.182 276.935) | — | |
| --indigo-500 | palette | color | oklch(58.5% 0.233 277.117) | — | |
| --indigo-600 | palette | color | oklch(51.1% 0.262 276.966) | — | |
| --indigo-700 | palette | color | oklch(45.7% 0.24 277.023) | — | |
| --indigo-800 | palette | color | oklch(39.8% 0.195 277.366) | — | |
| --indigo-900 | palette | color | oklch(35.9% 0.144 278.697) | — | |
| --indigo-950 | palette | color | oklch(25.7% 0.09 281.288) | — | |
| --violet-50 | palette | color | oklch(96.9% 0.016 293.756) | — | |
| --violet-100 | palette | color | oklch(94.3% 0.029 294.588) | — | |
| --violet-200 | palette | color | oklch(89.4% 0.057 293.283) | — | |
| --violet-300 | palette | color | oklch(81.1% 0.111 293.571) | — | |
| --violet-400 | palette | color | oklch(70.2% 0.183 293.541) | — | |
| --violet-500 | palette | color | oklch(60.6% 0.25 292.717) | — | |
| --violet-600 | palette | color | oklch(54.1% 0.281 293.009) | — | |
| --violet-700 | palette | color | oklch(49.1% 0.27 292.581) | — | |
| --violet-800 | palette | color | oklch(43.2% 0.232 292.759) | — | |
| --violet-900 | palette | color | oklch(38% 0.189 293.745) | — | |
| --violet-950 | palette | color | oklch(28.3% 0.141 291.089) | — | |
| --purple-50 | palette | color | oklch(97.7% 0.014 308.299) | — | |
| --purple-100 | palette | color | oklch(94.6% 0.033 307.174) | — | |
| --purple-200 | palette | color | oklch(90.2% 0.063 306.703) | — | |
| --purple-300 | palette | color | oklch(82.7% 0.119 306.383) | — | |
| --purple-400 | palette | color | oklch(71.4% 0.203 305.504) | — | |
| --purple-500 | palette | color | oklch(62.7% 0.265 303.9) | — | |
| --purple-600 | palette | color | oklch(55.8% 0.288 302.321) | — | |
| --purple-700 | palette | color | oklch(49.6% 0.265 301.924) | — | |
| --purple-800 | palette | color | oklch(43.8% 0.218 303.724) | — | |
| --purple-900 | palette | color | oklch(38.1% 0.176 304.987) | — | |
| --purple-950 | palette | color | oklch(29.1% 0.149 302.717) | — | |
| --fuchsia-50 | palette | color | oklch(97.7% 0.017 320.058) | — | |
| --fuchsia-100 | palette | color | oklch(95.2% 0.037 318.852) | — | |
| --fuchsia-200 | palette | color | oklch(90.3% 0.076 319.62) | — | |
| --fuchsia-300 | palette | color | oklch(83.3% 0.145 321.434) | — | |
| --fuchsia-400 | palette | color | oklch(74% 0.238 322.16) | — | |
| --fuchsia-500 | palette | color | oklch(66.7% 0.295 322.15) | — | |
| --fuchsia-600 | palette | color | oklch(59.1% 0.293 322.896) | — | |
| --fuchsia-700 | palette | color | oklch(51.8% 0.253 323.949) | — | |
| --fuchsia-800 | palette | color | oklch(45.2% 0.211 324.591) | — | |
| --fuchsia-900 | palette | color | oklch(40.1% 0.17 325.612) | — | |
| --fuchsia-950 | palette | color | oklch(29.3% 0.136 325.661) | — | |
| --pink-50 | palette | color | oklch(97.1% 0.014 343.198) | — | |
| --pink-100 | palette | color | oklch(94.8% 0.028 342.258) | — | |
| --pink-200 | palette | color | oklch(89.9% 0.061 343.231) | — | |
| --pink-300 | palette | color | oklch(82.3% 0.12 346.018) | — | |
| --pink-400 | palette | color | oklch(71.8% 0.202 349.761) | — | |
| --pink-500 | palette | color | oklch(65.6% 0.241 354.308) | — | |
| --pink-600 | palette | color | oklch(59.2% 0.249 0.584) | — | |
| --pink-700 | palette | color | oklch(52.5% 0.223 3.958) | — | |
| --pink-800 | palette | color | oklch(45.9% 0.187 3.815) | — | |
| --pink-900 | palette | color | oklch(40.8% 0.153 2.432) | — | |
| --pink-950 | palette | color | oklch(28.4% 0.109 3.907) | — | |
| --rose-50 | palette | color | oklch(96.9% 0.015 12.422) | — | |
| --rose-100 | palette | color | oklch(94.1% 0.03 12.58) | — | |
| --rose-200 | palette | color | oklch(89.2% 0.058 10.001) | — | |
| --rose-300 | palette | color | oklch(81% 0.117 11.638) | — | |
| --rose-400 | palette | color | oklch(71.2% 0.194 13.428) | — | |
| --rose-500 | palette | color | oklch(64.5% 0.246 16.439) | — | |
| --rose-600 | palette | color | oklch(58.6% 0.253 17.585) | — | |
| --rose-700 | palette | color | oklch(51.4% 0.222 16.935) | — | |
| --rose-800 | palette | color | oklch(45.5% 0.188 13.697) | — | |
| --rose-900 | palette | color | oklch(41% 0.159 10.272) | — | |
| --rose-950 | palette | color | oklch(27.1% 0.105 12.094) | — | |
| --slate-50 | palette | color | oklch(98.4% 0.003 247.858) | — | |
| --slate-100 | palette | color | oklch(96.8% 0.007 247.896) | — | |
| --slate-200 | palette | color | oklch(92.9% 0.013 255.508) | — | |
| --slate-300 | palette | color | oklch(86.9% 0.022 252.894) | — | |
| --slate-400 | palette | color | oklch(70.4% 0.04 256.788) | — | |
| --slate-500 | palette | color | oklch(55.4% 0.046 257.417) | — | |
| --slate-600 | palette | color | oklch(44.6% 0.043 257.281) | — | |
| --slate-700 | palette | color | oklch(37.2% 0.044 257.287) | — | |
| --slate-800 | palette | color | oklch(27.9% 0.041 260.031) | — | |
| --slate-900 | palette | color | oklch(20.8% 0.042 265.755) | — | |
| --slate-950 | palette | color | oklch(12.9% 0.042 264.695) | — | |
| --gray-50 | palette | color | oklch(98.5% 0.002 247.839) | — | |
| --gray-100 | palette | color | oklch(96.7% 0.003 264.542) | — | |
| --gray-200 | palette | color | oklch(92.8% 0.006 264.531) | — | |
| --gray-300 | palette | color | oklch(87.2% 0.01 258.338) | — | |
| --gray-400 | palette | color | oklch(70.7% 0.022 261.325) | — | |
| --gray-500 | palette | color | oklch(55.1% 0.027 264.364) | — | |
| --gray-600 | palette | color | oklch(44.6% 0.03 256.802) | — | |
| --gray-700 | palette | color | oklch(37.3% 0.034 259.733) | — | |
| --gray-800 | palette | color | oklch(27.8% 0.033 256.848) | — | |
| --gray-900 | palette | color | oklch(21% 0.034 264.665) | — | |
| --gray-950 | palette | color | oklch(13% 0.028 261.692) | — | |
| --zinc-50 | palette | color | oklch(98.5% 0 0) | — | |
| --zinc-100 | palette | color | oklch(96.7% 0.001 286.375) | — | |
| --zinc-200 | palette | color | oklch(92% 0.004 286.32) | — | |
| --zinc-300 | palette | color | oklch(87.1% 0.006 286.286) | — | |
| --zinc-400 | palette | color | oklch(70.5% 0.015 286.067) | — | |
| --zinc-500 | palette | color | oklch(55.2% 0.016 285.938) | — | |
| --zinc-600 | palette | color | oklch(44.2% 0.017 285.786) | — | |
| --zinc-700 | palette | color | oklch(37% 0.013 285.805) | — | |
| --zinc-800 | palette | color | oklch(27.4% 0.006 286.033) | — | |
| --zinc-900 | palette | color | oklch(21% 0.006 285.885) | — | |
| --zinc-950 | palette | color | oklch(14.1% 0.005 285.823) | — | |
| --neutral-50 | palette | color | oklch(98.5% 0 0) | — | |
| --neutral-100 | palette | color | oklch(97% 0 0) | — | |
| --neutral-200 | palette | color | oklch(92.2% 0 0) | — | |
| --neutral-300 | palette | color | oklch(87% 0 0) | — | |
| --neutral-400 | palette | color | oklch(70.8% 0 0) | — | |
| --neutral-500 | palette | color | oklch(55.6% 0 0) | — | |
| --neutral-600 | palette | color | oklch(43.9% 0 0) | — | |
| --neutral-700 | palette | color | oklch(37.1% 0 0) | — | |
| --neutral-800 | palette | color | oklch(26.9% 0 0) | — | |
| --neutral-900 | palette | color | oklch(20.5% 0 0) | — | |
| --neutral-950 | palette | color | oklch(14.5% 0 0) | — | |
| --stone-50 | palette | color | oklch(98.5% 0.001 106.423) | — | |
| --stone-100 | palette | color | oklch(97% 0.001 106.424) | — | |
| --stone-200 | palette | color | oklch(92.3% 0.003 48.717) | — | |
| --stone-300 | palette | color | oklch(86.9% 0.005 56.366) | — | |
| --stone-400 | palette | color | oklch(70.9% 0.01 56.259) | — | |
| --stone-500 | palette | color | oklch(55.3% 0.013 58.071) | — | |
| --stone-600 | palette | color | oklch(44.4% 0.011 73.639) | — | |
| --stone-700 | palette | color | oklch(37.4% 0.01 67.558) | — | |
| --stone-800 | palette | color | oklch(26.8% 0.007 34.298) | — | |
| --stone-900 | palette | color | oklch(21.6% 0.006 56.043) | — | |
| --stone-950 | palette | color | oklch(14.7% 0.004 49.25) | — | |
| --black | palette | color | #000 | — | |
| --white | palette | color | #fff | — | |
| --mauve-50 | palette | color | oklch(98.5% 0 0) | — | |
| --mauve-100 | palette | color | oklch(96% 0.003 325.6) | — | |
| --mauve-200 | palette | color | oklch(92.2% 0.005 325.62) | — | |
| --mauve-300 | palette | color | oklch(86.5% 0.012 325.68) | — | |
| --mauve-400 | palette | color | oklch(71.1% 0.019 323.02) | — | |
| --mauve-500 | palette | color | oklch(54.2% 0.034 322.5) | — | |
| --mauve-600 | palette | color | oklch(43.5% 0.029 321.78) | — | |
| --mauve-700 | palette | color | oklch(36.4% 0.029 323.89) | — | |
| --mauve-800 | palette | color | oklch(26.3% 0.024 320.12) | — | |
| --mauve-900 | palette | color | oklch(21.2% 0.019 322.12) | — | |
| --mauve-950 | palette | color | oklch(14.5% 0.008 326) | — | |
| --olive-50 | palette | color | oklch(98.8% 0.003 106.5) | — | |
| --olive-100 | palette | color | oklch(96.6% 0.005 106.5) | — | |
| --olive-200 | palette | color | oklch(93% 0.007 106.5) | — | |
| --olive-300 | palette | color | oklch(88% 0.011 106.6) | — | |
| --olive-400 | palette | color | oklch(73.7% 0.021 106.9) | — | |
| --olive-500 | palette | color | oklch(58% 0.031 107.3) | — | |
| --olive-600 | palette | color | oklch(46.6% 0.025 107.3) | — | |
| --olive-700 | palette | color | oklch(39.4% 0.023 107.4) | — | |
| --olive-800 | palette | color | oklch(28.6% 0.016 107.4) | — | |
| --olive-900 | palette | color | oklch(22.8% 0.013 107.4) | — | |
| --olive-950 | palette | color | oklch(15.3% 0.006 107.1) | — | |
| --mist-50 | palette | color | oklch(98.7% 0.002 197.1) | — | |
| --mist-100 | palette | color | oklch(96.3% 0.002 197.1) | — | |
| --mist-200 | palette | color | oklch(92.5% 0.005 214.3) | — | |
| --mist-300 | palette | color | oklch(87.2% 0.007 219.6) | — | |
| --mist-400 | palette | color | oklch(72.3% 0.014 214.4) | — | |
| --mist-500 | palette | color | oklch(56% 0.021 213.5) | — | |
| --mist-600 | palette | color | oklch(45% 0.017 213.2) | — | |
| --mist-700 | palette | color | oklch(37.8% 0.015 216) | — | |
| --mist-800 | palette | color | oklch(27.5% 0.011 216.9) | — | |
| --mist-900 | palette | color | oklch(21.8% 0.008 223.9) | — | |
| --mist-950 | palette | color | oklch(14.8% 0.004 228.8) | — | |
| --taupe-50 | palette | color | oklch(98.6% 0.002 67.8) | — | |
| --taupe-100 | palette | color | oklch(96% 0.002 17.2) | — | |
| --taupe-200 | palette | color | oklch(92.2% 0.005 34.3) | — | |
| --taupe-300 | palette | color | oklch(86.8% 0.007 39.5) | — | |
| --taupe-400 | palette | color | oklch(71.4% 0.014 41.2) | — | |
| --taupe-500 | palette | color | oklch(54.7% 0.021 43.1) | — | |
| --taupe-600 | palette | color | oklch(43.8% 0.017 39.3) | — | |
| --taupe-700 | palette | color | oklch(36.7% 0.016 35.7) | — | |
| --taupe-800 | palette | color | oklch(26.8% 0.011 36.5) | — | |
| --taupe-900 | palette | color | oklch(21.4% 0.009 43.1) | — | |
| --taupe-950 | palette | color | oklch(14.7% 0.004 49.3) | — |