Interactive playground
Themvora Playground
Everything below runs on Themvora's real runtime — the same store, history, and resolver that ships in the library. Switch a family or mode, explore the token tree, audit contrast, run a transition, and watch CSS variables update live.
themvora-default-light
7/9 AA
Theme presets
Compact grid of every preset family. Search, filter by style, or mark favorites. Each card previews its own family with a local light/dark toggle — Apply switches the whole site to that preview.
Site mode
Themvora
themvora
18.4
Oat
oat
15.2
Berry
berry
15.6
Mint
mint
15.2
Citrus
citrus
15.6
Cocoa
cocoa
14.7
Plum
plum
14.7
Iris
iris
15.4
Sky
sky
15.2
Graphite
graphite
15.8
Apple
apple
15.1
GitHub
github
15.1
Vercel
vercel
15.8
Slack
slack
15.3
Discord
discord
15.3
Theme Scope
Sandbox any subtree with its own theme — independent of the global runtime.
Component-Scoped Themes
Each card below uses a different scoped theme, independent of the global theme.
Slack Dark (scoped)
This card always uses the Slack Dark color palette regardless of the global theme.
Plum Dark (scoped)
This card always uses the plum color palette regardless of the global theme.
Global Theme (no scope)
This card follows the global theme and changes when you toggle.
Live previews
Six pre-made interfaces — a dashboard, analytics, settings, a storefront, a docs layout and a component gallery — rendered with the theme you pick here. Switch a family or mode in the workspace bar and every preview restyles live.
Open the showcaseHistory & time travel
Every theme change is recorded as a snapshot. Click any entry to jump to that point in time.
1 snapshot · capped at 50 · themvora-default-light is current
Interactive token tree
Click groups to expand. Click any value or swatch to copy it. Search to filter.
- colors21
- background
- foreground
- card
- cardForeground
- popover
- popoverForeground
- primary
- primaryForeground
- secondary
- secondaryForeground
- muted
- mutedForeground
- accent
- accentForeground
- destructive
- destructiveForeground
- success
- successForeground
- border
- input
- ring
- radius1
- lg
- code19
- background
- foreground
- comment
- keyword
- string
- number
- function
- variable
- type
- property
- operator
- punctuation
- tag
- attribute
- lineNumber
- selection
- highlight
- gutter
- border
3 groups · 41 tokens · showing all
Values are resolved runtime tokens
Multi-window sync
Theme selections sync across tabs and windows in real time via BroadcastChannel (with SharedWorker and StorageEvent fallbacks).
UnavailableTransport: none
This tablive runtime
Theme: themvora-default-light
Family / mode: themvora / light
Other tabsimulated
Changes made here flow over the channel to every real tab open on this site — exactly what a second browser tab would do.
0remote changes
0windows opened
—last sync
No cross-tab sync method is available in this browser.
Scheduled themes · solar time
Run the real useThemeSchedule() controller: enable the schedule to flip the whole site between light and dark at sunrise/sunset. Leave it on Auto to use your own detected timezone — no coordinates needed — or pick any timezone in the world and watch the sun path follow it. See the Sunrise & Sunset page for per-framework setup.
Schedule offApplied now: themvora-default-light
Sunrise
—:—
Sunset
—:—
Next transition
—:—
Scheduled themes
/
This runs the real useThemeSchedule() controller against the site runtime, switching the whole page between light and dark at sunrise/sunset. With Auto selected, your own timezone is detected — no coordinates needed, anywhere in the world. Pick a timezone below to reposition the schedule, or drag the lat/lon sliders for a manual preview.
Sunrise
—:—
Now
—:—
Sunset
—:—
Sun path today
…Sunrise —:—0%Sunset —:—
Sun position now — pick a timezone above or drag the sliders to move around the world.
Themvora computes NOAA-style solar times via calculateSunTimes(date, lat, lon) — with no coordinates it auto-detects the visitor's timezone — and can auto-switch between light and dark at sunrise/sunset with the scheduled runtime option. Current site mode: light.
Animation & transition lab
Run the real transition pipeline — createThemeDiff, createTransitionPlan and runThemeAnimation — and tune duration, easing and presets live.
brand.appA
Get started
400ms
Easing
Preset
createScopedThemeBinding runs the real pipeline → createThemeDiff → createTransitionPlan → runThemeAnimation (smooth preset) → coordinating 400ms cubic-bezier(0.4, 0, 0.2, 1) on matched properties.
Scoped / nested region — transitions independentlyscope-light
Feature tileScoped via
createScopedThemeBinding — runs its own transition while the rest of the page is untouched.Active theme: scope-lightThis subtree runs the real themvora animation pipeline (createThemeDiff → createTransitionPlan → runThemeAnimation). Its transition timeline is independent of the page-level theme — click Restyle region and watch only this card animate while the page stays put.
Custom scrollbar
The real overlay engine, integrated on this site — scroll the panel to see the theme-colored strip replace the native bar. For per-framework setup, see Custom Scrollbar.
Live — themed data table18 rows
| ID | Name | Role | Status |
|---|---|---|---|
| usr_001 | Ada Lovelace | Admin | Active |
| usr_002 | Alan Turing | Developer | Active |
| usr_003 | Grace Hopper | Admin | Active |
| usr_004 | Linus Torvalds | Developer | Away |
| usr_005 | Margaret Hamilton | Lead | Active |
| usr_006 | Dennis Ritchie | Developer | Inactive |
| usr_007 | Barbara Liskov | Lead | Active |
| usr_008 | Ken Thompson | Developer | Active |
| usr_009 | Radia Perlman | Admin | Away |
| usr_010 | Donald Knuth | Developer | Active |
| usr_011 | Hedy Lamarr | Lead | Active |
| usr_012 | Tim Berners-Lee | Admin | Active |
| usr_013 | Guido van Rossum | Developer | Away |
| usr_014 | Brendan Eich | Lead | Active |
| usr_015 | John Carmack | Developer | Active |
| usr_016 | Fei-Fei Li | Lead | Active |
| usr_017 | James Gosling | Developer | Inactive |
| usr_018 | Anders Hejlsberg | Lead | Active |
This panel's scrollbar — like every scrollbar on this site — is drawn by the single site-wide ThemeScrollbar overlay, so it re-themes with whatever family or mode you pick above. The component is configurable: thickness, auto-hide, arrow buttons, track visibility, radius, and a scope to limit which containers it takes over. The code panel below shows the per-framework setup, and the Custom Scrollbar guide documents every option.
Accessibility lab
Check WCAG contrast on any pair, simulate color-vision deficiency, and audit the active theme's semantic pairs.
Contrast checker
Pick any two colors and check WCAG AA/AAA compliance instantly.
This tool evaluates color contrast against WCAG 2.1 standards. It does not certify your entire application for WCAG conformance.
WCAG 2.1 AA/AAA thresholds: AA 4.5:1 (normal) / 3:1 (large); AAA 7:1 (normal) / 4.5:1 (large)
foreground
background
Aaratio 17.85 : 1
AA NormalPASS
AA LargePASS
AAA NormalPASS
AAA LargePASS
This pair passes AA for normal text.
Live theme audit · themvora-default-light
FAIL7 / 9 pass AA· worst 3.30:1
validateThemeContrast() run against the active theme's semantic pairs.
This tool checks all semantic color pairs in the theme. Passing AA for normal text means the theme is generally accessible for standard content.
foreground on background18.37 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalPASS
AAA LargePASS
cardForeground on card19.00 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalPASS
AAA LargePASS
popoverForeground on popover19.00 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalPASS
AAA LargePASS
primaryForeground on primary5.41 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalFAIL
AAA LargePASS
secondaryForeground on secondary15.11 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalPASS
AAA LargePASS
mutedForeground on muted5.61 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalFAIL
AAA LargePASS
accentForeground on accent5.63 : 1AA
AA NormalPASS
AA LargePASS
AAA NormalFAIL
AAA LargePASS
destructiveForeground on destructive3.76 : 1AA
AA NormalFAIL
AA LargePASS
AAA NormalFAIL
AAA LargeFAIL
successForeground on success3.30 : 1AA
AA NormalFAIL
AA LargePASS
AAA NormalFAIL
AAA LargeFAIL
Non-text UI componentsWCAG 2.1 §1.4.11 · 3:1 minimum
border on background1.20 : 13:1
border on card1.24 : 13:1
input on background1.20 : 13:1
input on card1.24 : 13:1
ring on background5.24 : 13:1
ring on card5.41 : 13:1
Color vision deficiency simulation
simulateCVD() of the active primary (#5b54e8).
Re-themes the site with every color run through simulateThemeForCVD() so you can check readability exactly as a user with that condition sees it.
Accessibility profiles
Ready-made high-contrast and large-text themes shipped in getBuiltInThemes().
High Contrast · Light
Maximum contrast for readability.
High Contrast · Dark
Maximum contrast on dark backgrounds.
Large Text · Light
Enlarged type on light backgrounds.
Large Text · Dark
Enlarged type on dark backgrounds.
The accessibility plugin — reacting to violations
createAccessibilityPlugin() audits every applied theme at WCAG AA and fires onViolation when a theme breaks the configured requirements. This is that callback, live.
Try it: a “low-contrast-demo” theme (white foreground on white background) is handed to the plugin's onAfterThemeChange hook — exactly what happens when such a theme is applied to a runtime.
Theme studio
Generate a full light/dark pair from a seed with generateTheme(), choose a visual style, preview it, and apply it to this site live.
Visual styleControls the visual language — how saturated, contrasted, and styled the generated palette is.
Indigo Lightindigo-light
A
Generated light theme
Derived from your seed in OKLCH
Indigo Darkindigo-dark
A
Generated dark theme
Derived from your seed in OKLCH
{
"light": {
"name": "indigo-light",
"meta": {
"family": "indigo",
"mode": "light",
"label": "Indigo Light",
"order": 10,
"generation": {
"kind": "generated",
"algorithm": "semantic-v2",
"seed": "#6366f1",
"contrast": {
"text": 4.5,
"largeText": 3,
"ui": 3
},
"style": "balanced"
}
},
"tokens": {
"colors": {
"background": "#f1f1f6",
"foreground": "#191a1f",
"muted": "#e7e7ec",
"mutedForeground": "#646569",
"card": "#fafbff",
"cardForeground": "#191a1f",
"popover": "#f5f6fb",
"popoverForeground": "#191a1f",
"primary": "#5d5fea",
"primaryForeground": "#fbfbff",
"secondary": "#e2e3ea",
"secondaryForeground": "#232428",
"accent": "#a563d4",
"accentForeground": "#101116",
"destructive": "#bb0916",
"destructiveForeground": "#fbfbff",
"success": "#00782d",
"successForeground": "#fbfbff",
"border": "#d8d9de",
"input": "#86878c",
"ring": "#6366f1"
},
"radius": {
"lg": "8px"
}
}
},
"dark": {
"name": "indigo-dark",
"meta": {
"family": "indigo",
"mode": "dark",
"label": "Indigo Dark",
"order": 20,
"generation": {
"kind": "generated",
"algorithm": "semantic-v2",
"seed": "#6366f1",
"contrast": {
"text": 4.5,
"largeText": 3,
"ui": 3
},
"style": "balanced"
}
},
"tokens": {
"colors": {
"background": "#0d0d10",
"foreground": "#edeef3",
"muted": "#232427",
"mutedForeground": "#a3a4a8",
"card": "#1a1a1d",
"cardForeground": "#edeef3",
"popover": "#1e1f22",
"popoverForeground": "#edeef3",
"primary": "#808aff",
"primaryForeground": "#101116",
"secondary": "#26272c",
"secondaryForeground": "#e7e7ec",
"accent": "#b37ddc",
"accentForeground": "#101116",
"destructive": "#d01d21",
"destructiveForeground": "#fbfbff",
"success": "#008332",
"successForeground": "#fbfbff",
"border": "#323337",
"input": "#696a6e",
"ring": "#808aff"
},
"radius": {
"lg": "8px"
}
}
}
}import { generateTheme } from "@themvora/core";
/**
* One seed, two themes. Every colour below is derived — secondary, muted,
* accent, card, popover, input, border and ring included. Nothing is authored,
* so nothing drifts out of contrast with anything else.
*/
export const { light: indigoLight, dark: indigoDark } = generateTheme({
seed: "#6366f1",
family: "indigo",
});
// Hand the pair straight to the provider:
export const themes = [indigoLight, indigoDark];
/* Light theme */
:root {
--theme-color-background: #f1f1f6;
--theme-color-foreground: #191a1f;
--theme-color-muted: #e7e7ec;
--theme-color-mutedForeground: #646569;
--theme-color-card: #fafbff;
--theme-color-cardForeground: #191a1f;
--theme-color-popover: #f5f6fb;
--theme-color-popoverForeground: #191a1f;
--theme-color-primary: #5d5fea;
--theme-color-primaryForeground: #fbfbff;
--theme-color-secondary: #e2e3ea;
--theme-color-secondaryForeground: #232428;
--theme-color-accent: #a563d4;
--theme-color-accentForeground: #101116;
--theme-color-destructive: #bb0916;
--theme-color-destructiveForeground: #fbfbff;
--theme-color-success: #00782d;
--theme-color-successForeground: #fbfbff;
--theme-color-border: #d8d9de;
--theme-color-input: #86878c;
--theme-color-ring: #6366f1;
--theme-radius-lg: 8px;
}
/* Dark theme */
.dark {
--theme-color-background: #0d0d10;
--theme-color-foreground: #edeef3;
--theme-color-muted: #232427;
--theme-color-mutedForeground: #a3a4a8;
--theme-color-card: #1a1a1d;
--theme-color-cardForeground: #edeef3;
--theme-color-popover: #1e1f22;
--theme-color-popoverForeground: #edeef3;
--theme-color-primary: #808aff;
--theme-color-primaryForeground: #101116;
--theme-color-secondary: #26272c;
--theme-color-secondaryForeground: #e7e7ec;
--theme-color-accent: #b37ddc;
--theme-color-accentForeground: #101116;
--theme-color-destructive: #d01d21;
--theme-color-destructiveForeground: #fbfbff;
--theme-color-success: #008332;
--theme-color-successForeground: #fbfbff;
--theme-color-border: #323337;
--theme-color-input: #696a6e;
--theme-color-ring: #808aff;
--theme-radius-lg: 8px;
}SSR & zero-flash
The zero-flash pipeline, live: inspect what this page's own bootstrap published on <html>, and generate the real blocking script an app would inline in <head>.
This page — read off
<html> by readBootstrapState()Reading the bootstrap state off the document…
83.9 KB · unminified, as shipped
(function(){try{function getCookie(n){var m=document.cookie.match(new RegExp('(^|; )'+n+'=([^;]+)'));if(!m)return null;try{return decodeURIComponent(m[2])}catch(e){return null}}var mode0=getCookie("theme-mode");var fam0=getCookie("theme-family");var fp=getCookie("theme-fingerprint");if(fp&&fp!=="themvora-default-light|apple-dark,apple-light,berry-dark,berry-light,citrus-dark,citrus-light,cocoa-dark,cocoa-light,dark,discord-dark,discord-light,github-dark,github-light,graphite-dark,graphite-light,high-contrast-dark,high-contrast-light,iris-dark,iris-light,lab-dark,lab-light,large-text-dark,large-text-light,light,mint-dark,mint-light,oat-dark,oat-light,plum-dark,plum-light,scope-dark,scope-light,sky-dark,sky-light,slack-dark,slack-light,themvora-default-dark,themvora-default-light,vercel-dark,vercel-light"){mode0=null;fam0=null;}var hasMode=mode0==='light'||mode0==='dark'||mode0==='system';var mode=hasMode?mode0:"system";var fams=["default","oat","berry","mint","citrus","cocoa","plum","iris","sky","graphite","apple","github","vercel","slack","discord","themvora","lab","scope"];var family=fams?(fams.indexOf(fam0)!==-1?fam0:"themvora"):(fam0||"themvora");var sysDark=!!(window.matchMedia&&window.matchMedia('(prefers-color-scheme: dark)').matches);var eff=mode==='dark'||(mode==='system'&&sysDark)?'dark':'light';var map={"light":{"--theme-color-background":"#eff0f1","--theme-color-foreground":"#1a1b1c","--theme-color-muted":"#e5e6e7","--theme-color-mutedForeground":"#636465","--theme-color-card":"#f9f9fb","--theme-color-cardForeground":"#1a1b1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1b1c","--theme-color-primary":"#0d162e","--theme-color-primaryForeground":"#fbfcfd","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#232425","--theme-color-accent":"#897fa7","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#0d162e","--theme-spacing-0":"0px","--theme-spacing-1":"4px","--theme-spacing-2":"8px","--theme-spacing-3":"12px","--theme-spacing-4":"16px","--theme-spacing-5":"20px","--theme-spacing-6":"24px","--theme-spacing-7":"28px","--theme-spacing-8":"32px","--theme-spacing-9":"36px","--theme-spacing-10":"40px","--theme-spacing-11":"44px","--theme-spacing-12":"48px","--theme-spacing-14":"56px","--theme-spacing-16":"64px","--theme-spacing-20":"80px","--theme-spacing-24":"96px","--theme-spacing-px":"1px","--theme-spacing-0.5":"2px","--theme-spacing-1.5":"6px","--theme-spacing-2.5":"10px","--theme-spacing-3.5":"14px","--theme-radius-sm":"4px","--theme-radius-md":"8px","--theme-radius-lg":"12px","--theme-radius-xl":"16px","--theme-radius-2xl":"24px","--theme-radius-full":"9999px","--theme-shadow-xs":"0 1px 2px rgba(0,0,0,0.05)","--theme-shadow-sm":"0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06)","--theme-shadow-md":"0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)","--theme-shadow-lg":"0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05)","--theme-shadow-xl":"0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04)","--theme-shadow-2xl":"0 25px 50px rgba(0,0,0,0.25)","--theme-border-width-0":"0px","--theme-border-width-1":"1px","--theme-border-width-2":"2px","--theme-border-width-4":"4px","--theme-border-width-8":"8px","--theme-z-index-0":"0","--theme-z-index-10":"10","--theme-z-index-20":"20","--theme-z-index-30":"30","--theme-z-index-40":"40","--theme-z-index-50":"50","--theme-z-index-auto":"auto","--theme-breakpoint-sm":"640px","--theme-breakpoint-md":"768px","--theme-breakpoint-lg":"1024px","--theme-breakpoint-xl":"1280px","--theme-breakpoint-2xl":"1536px","--theme-typography-font-family-sans":"ui-sans-serif, system-ui, sans-serif","--theme-typography-font-family-serif":"ui-serif, Georgia, serif","--theme-typography-font-family-mono":"ui-monospace, SFMono-Regular, Menlo, monospace","--theme-typography-font-size-xs":"0.75rem","--theme-typography-font-size-sm":"0.875rem","--theme-typography-font-size-base":"1rem","--theme-typography-font-size-lg":"1.125rem","--theme-typography-font-size-xl":"1.25rem","--theme-typography-font-size-2xl":"1.5rem","--theme-typography-font-size-3xl":"1.875rem","--theme-typography-font-size-4xl":"2.25rem","--theme-typography-font-size-5xl":"3rem","--theme-typography-line-height-none":"1","--theme-typography-line-height-tight":"1.25","--theme-typography-line-height-snug":"1.375","--theme-typography-line-height-normal":"1.5","--theme-typography-line-height-relaxed":"1.625","--theme-typography-line-height-loose":"2","--theme-code-background":"#f1f5f9","--theme-code-foreground":"#0f172a","--theme-code-comment":"#64748b","--theme-code-keyword":"#dc2626","--theme-code-string":"#0891b2","--theme-code-number":"#c2410c","--theme-code-function":"#7c3aed","--theme-code-variable":"#0f172a","--theme-code-type":"#0369a1","--theme-code-property":"#0369a1","--theme-code-operator":"#dc2626","--theme-code-punctuation":"#475569","--theme-code-tag":"#dc2626","--theme-code-attribute":"#0369a1","--theme-code-lineNumber":"#94a3b8","--theme-code-selection":"rgba(15, 23, 42, 0.12)","--theme-code-highlight":"rgba(15, 23, 42, 0.06)","--theme-code-gutter":"#f1f5f9","--theme-code-border":"#e2e8f0"},"dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#eeeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a4a6","--theme-color-card":"#161617","--theme-color-cardForeground":"#eeeef0","--theme-color-popover":"#1a1a1b","--theme-color-popoverForeground":"#eeeef0","--theme-color-primary":"#96a5c5","--theme-color-primaryForeground":"#111213","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#9b91ba","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#666768","--theme-color-ring":"#96a5c5","--theme-spacing-0":"0px","--theme-spacing-1":"4px","--theme-spacing-2":"8px","--theme-spacing-3":"12px","--theme-spacing-4":"16px","--theme-spacing-5":"20px","--theme-spacing-6":"24px","--theme-spacing-7":"28px","--theme-spacing-8":"32px","--theme-spacing-9":"36px","--theme-spacing-10":"40px","--theme-spacing-11":"44px","--theme-spacing-12":"48px","--theme-spacing-14":"56px","--theme-spacing-16":"64px","--theme-spacing-20":"80px","--theme-spacing-24":"96px","--theme-spacing-px":"1px","--theme-spacing-0.5":"2px","--theme-spacing-1.5":"6px","--theme-spacing-2.5":"10px","--theme-spacing-3.5":"14px","--theme-radius-sm":"4px","--theme-radius-md":"8px","--theme-radius-lg":"12px","--theme-radius-xl":"16px","--theme-radius-2xl":"24px","--theme-radius-full":"9999px","--theme-shadow-xs":"0 1px 2px rgba(0,0,0,0.05)","--theme-shadow-sm":"0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06)","--theme-shadow-md":"0 4px 6px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.06)","--theme-shadow-lg":"0 10px 15px rgba(0,0,0,0.1), 0 4px 6px rgba(0,0,0,0.05)","--theme-shadow-xl":"0 20px 25px rgba(0,0,0,0.1), 0 10px 10px rgba(0,0,0,0.04)","--theme-shadow-2xl":"0 25px 50px rgba(0,0,0,0.25)","--theme-border-width-0":"0px","--theme-border-width-1":"1px","--theme-border-width-2":"2px","--theme-border-width-4":"4px","--theme-border-width-8":"8px","--theme-z-index-0":"0","--theme-z-index-10":"10","--theme-z-index-20":"20","--theme-z-index-30":"30","--theme-z-index-40":"40","--theme-z-index-50":"50","--theme-z-index-auto":"auto","--theme-breakpoint-sm":"640px","--theme-breakpoint-md":"768px","--theme-breakpoint-lg":"1024px","--theme-breakpoint-xl":"1280px","--theme-breakpoint-2xl":"1536px","--theme-typography-font-family-sans":"ui-sans-serif, system-ui, sans-serif","--theme-typography-font-family-serif":"ui-serif, Georgia, serif","--theme-typography-font-family-mono":"ui-monospace, SFMono-Regular, Menlo, monospace","--theme-typography-font-size-xs":"0.75rem","--theme-typography-font-size-sm":"0.875rem","--theme-typography-font-size-base":"1rem","--theme-typography-font-size-lg":"1.125rem","--theme-typography-font-size-xl":"1.25rem","--theme-typography-font-size-2xl":"1.5rem","--theme-typography-font-size-3xl":"1.875rem","--theme-typography-font-size-4xl":"2.25rem","--theme-typography-font-size-5xl":"3rem","--theme-typography-line-height-none":"1","--theme-typography-line-height-tight":"1.25","--theme-typography-line-height-snug":"1.375","--theme-typography-line-height-normal":"1.5","--theme-typography-line-height-relaxed":"1.625","--theme-typography-line-height-loose":"2","--theme-code-background":"#1e293b","--theme-code-foreground":"#e2e8f0","--theme-code-comment":"#64748b","--theme-code-keyword":"#f87171","--theme-code-string":"#67e8f9","--theme-code-number":"#fbbf24","--theme-code-function":"#c4b5fd","--theme-code-variable":"#e2e8f0","--theme-code-type":"#7dd3fc","--theme-code-property":"#7dd3fc","--theme-code-operator":"#f87171","--theme-code-punctuation":"#94a3b8","--theme-code-tag":"#f87171","--theme-code-attribute":"#7dd3fc","--theme-code-lineNumber":"#475569","--theme-code-selection":"rgba(248, 250, 252, 0.16)","--theme-code-highlight":"rgba(248, 250, 252, 0.08)","--theme-code-gutter":"#1e293b","--theme-code-border":"#334155"},"oat-light":{"--theme-color-background":"#f7eee9","--theme-color-foreground":"#221813","--theme-color-muted":"#ede4df","--theme-color-mutedForeground":"#6a625e","--theme-color-card":"#fff8f4","--theme-color-cardForeground":"#221813","--theme-color-popover":"#fcf3ee","--theme-color-popoverForeground":"#221813","--theme-color-primary":"#ab5a28","--theme-color-primaryForeground":"#fffbf8","--theme-color-secondary":"#f4ddd1","--theme-color-secondaryForeground":"#2a221e","--theme-color-accent":"#a97d34","--theme-color-accentForeground":"#180f0b","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#e2d7d1","--theme-color-input":"#8e847f","--theme-color-ring":"#ab5a28","--theme-radius-lg":"12px"},"oat:light":{"--theme-color-background":"#f7eee9","--theme-color-foreground":"#221813","--theme-color-muted":"#ede4df","--theme-color-mutedForeground":"#6a625e","--theme-color-card":"#fff8f4","--theme-color-cardForeground":"#221813","--theme-color-popover":"#fcf3ee","--theme-color-popoverForeground":"#221813","--theme-color-primary":"#ab5a28","--theme-color-primaryForeground":"#fffbf8","--theme-color-secondary":"#f4ddd1","--theme-color-secondaryForeground":"#2a221e","--theme-color-accent":"#a97d34","--theme-color-accentForeground":"#180f0b","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#e2d7d1","--theme-color-input":"#8e847f","--theme-color-ring":"#ab5a28","--theme-radius-lg":"12px"},"oat-dark":{"--theme-color-background":"#1b1511","--theme-color-foreground":"#f6ece8","--theme-color-muted":"#332c29","--theme-color-mutedForeground":"#aba39e","--theme-color-card":"#29221f","--theme-color-cardForeground":"#f6ece8","--theme-color-popover":"#2e2723","--theme-color-popoverForeground":"#f6ece8","--theme-color-primary":"#de8e62","--theme-color-primaryForeground":"#180f0b","--theme-color-secondary":"#3e2d24","--theme-color-secondaryForeground":"#efe6e1","--theme-color-accent":"#ba9050","--theme-color-accentForeground":"#180f0b","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#008332","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#413834","--theme-color-input":"#796f6a","--theme-color-ring":"#de8e62","--theme-radius-lg":"12px"},"oat:dark":{"--theme-color-background":"#1b1511","--theme-color-foreground":"#f6ece8","--theme-color-muted":"#332c29","--theme-color-mutedForeground":"#aba39e","--theme-color-card":"#29221f","--theme-color-cardForeground":"#f6ece8","--theme-color-popover":"#2e2723","--theme-color-popoverForeground":"#f6ece8","--theme-color-primary":"#de8e62","--theme-color-primaryForeground":"#180f0b","--theme-color-secondary":"#3e2d24","--theme-color-secondaryForeground":"#efe6e1","--theme-color-accent":"#ba9050","--theme-color-accentForeground":"#180f0b","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#008332","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#413834","--theme-color-input":"#796f6a","--theme-color-ring":"#de8e62","--theme-radius-lg":"12px"},"berry-light":{"--theme-color-background":"#f7f2f3","--theme-color-foreground":"#1f191a","--theme-color-muted":"#ede8e9","--theme-color-mutedForeground":"#696566","--theme-color-card":"#fffcfc","--theme-color-cardForeground":"#1f191a","--theme-color-popover":"#fcf6f8","--theme-color-popoverForeground":"#1f191a","--theme-color-primary":"#dc0073","--theme-color-primaryForeground":"#fffafb","--theme-color-secondary":"#efe1e5","--theme-color-secondaryForeground":"#272324","--theme-color-accent":"#00a14c","--theme-color-accentForeground":"#151011","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffafb","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffafb","--theme-color-border":"#ddd6d8","--theme-color-input":"#8d8688","--theme-color-ring":"#e30076","--theme-radius-lg":"16px"},"berry:light":{"--theme-color-background":"#f7f2f3","--theme-color-foreground":"#1f191a","--theme-color-muted":"#ede8e9","--theme-color-mutedForeground":"#696566","--theme-color-card":"#fffcfc","--theme-color-cardForeground":"#1f191a","--theme-color-popover":"#fcf6f8","--theme-color-popoverForeground":"#1f191a","--theme-color-primary":"#dc0073","--theme-color-primaryForeground":"#fffafb","--theme-color-secondary":"#efe1e5","--theme-color-secondaryForeground":"#272324","--theme-color-accent":"#00a14c","--theme-color-accentForeground":"#151011","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffafb","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffafb","--theme-color-border":"#ddd6d8","--theme-color-input":"#8d8688","--theme-color-ring":"#e30076","--theme-radius-lg":"16px"},"berry-dark":{"--theme-color-background":"#0e0a0b","--theme-color-foreground":"#f2edee","--theme-color-muted":"#242021","--theme-color-mutedForeground":"#a8a3a4","--theme-color-card":"#1b1718","--theme-color-cardForeground":"#f2edee","--theme-color-popover":"#1f1b1c","--theme-color-popoverForeground":"#f2edee","--theme-color-primary":"#fb358b","--theme-color-primaryForeground":"#151011","--theme-color-secondary":"#2c2225","--theme-color-secondaryForeground":"#ece6e7","--theme-color-accent":"#00b657","--theme-color-accentForeground":"#151011","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffafb","--theme-color-success":"#008332","--theme-color-successForeground":"#fffafb","--theme-color-border":"#383334","--theme-color-input":"#6d6768","--theme-color-ring":"#fb358b","--theme-radius-lg":"16px"},"berry:dark":{"--theme-color-background":"#0e0a0b","--theme-color-foreground":"#f2edee","--theme-color-muted":"#242021","--theme-color-mutedForeground":"#a8a3a4","--theme-color-card":"#1b1718","--theme-color-cardForeground":"#f2edee","--theme-color-popover":"#1f1b1c","--theme-color-popoverForeground":"#f2edee","--theme-color-primary":"#fb358b","--theme-color-primaryForeground":"#151011","--theme-color-secondary":"#2c2225","--theme-color-secondaryForeground":"#ece6e7","--theme-color-accent":"#00b657","--theme-color-accentForeground":"#151011","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffafb","--theme-color-success":"#008332","--theme-color-successForeground":"#fffafb","--theme-color-border":"#383334","--theme-color-input":"#6d6768","--theme-color-ring":"#fb358b","--theme-radius-lg":"16px"},"mint-light":{"--theme-color-background":"#e9f3ee","--theme-color-foreground":"#131d18","--theme-color-muted":"#dfe9e4","--theme-color-mutedForeground":"#5e6662","--theme-color-card":"#f3fcf7","--theme-color-cardForeground":"#131d18","--theme-color-popover":"#eef7f2","--theme-color-popoverForeground":"#131d18","--theme-color-primary":"#32936c","--theme-color-primaryForeground":"#0a140f","--theme-color-secondary":"#d1e9dd","--theme-color-secondaryForeground":"#1e2622","--theme-color-accent":"#319894","--theme-color-accentForeground":"#0a140f","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#f5fef9","--theme-color-success":"#00782d","--theme-color-successForeground":"#f5fef9","--theme-color-border":"#d1dcd6","--theme-color-input":"#7e8983","--theme-color-ring":"#2b8d67","--theme-radius-lg":"18px"},"mint:light":{"--theme-color-background":"#e9f3ee","--theme-color-foreground":"#131d18","--theme-color-muted":"#dfe9e4","--theme-color-mutedForeground":"#5e6662","--theme-color-card":"#f3fcf7","--theme-color-cardForeground":"#131d18","--theme-color-popover":"#eef7f2","--theme-color-popoverForeground":"#131d18","--theme-color-primary":"#32936c","--theme-color-primaryForeground":"#0a140f","--theme-color-secondary":"#d1e9dd","--theme-color-secondaryForeground":"#1e2622","--theme-color-accent":"#319894","--theme-color-accentForeground":"#0a140f","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#f5fef9","--theme-color-success":"#00782d","--theme-color-successForeground":"#f5fef9","--theme-color-border":"#d1dcd6","--theme-color-input":"#7e8983","--theme-color-ring":"#2b8d67","--theme-radius-lg":"18px"},"mint-dark":{"--theme-color-background":"#111814","--theme-color-foreground":"#e8f1ec","--theme-color-muted":"#29302c","--theme-color-mutedForeground":"#9ea7a2","--theme-color-card":"#1f2622","--theme-color-cardForeground":"#e8f1ec","--theme-color-popover":"#232a27","--theme-color-popoverForeground":"#e8f1ec","--theme-color-primary":"#65b893","--theme-color-primaryForeground":"#0a140f","--theme-color-secondary":"#23362d","--theme-color-secondaryForeground":"#e1eae5","--theme-color-accent":"#51a9a5","--theme-color-accentForeground":"#0a140f","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#f5fef9","--theme-color-success":"#008332","--theme-color-successForeground":"#f5fef9","--theme-color-border":"#333c38","--theme-color-input":"#6a746f","--theme-color-ring":"#65b893","--theme-radius-lg":"18px"},"mint:dark":{"--theme-color-background":"#111814","--theme-color-foreground":"#e8f1ec","--theme-color-muted":"#29302c","--theme-color-mutedForeground":"#9ea7a2","--theme-color-card":"#1f2622","--theme-color-cardForeground":"#e8f1ec","--theme-color-popover":"#232a27","--theme-color-popoverForeground":"#e8f1ec","--theme-color-primary":"#65b893","--theme-color-primaryForeground":"#0a140f","--theme-color-secondary":"#23362d","--theme-color-secondaryForeground":"#e1eae5","--theme-color-accent":"#51a9a5","--theme-color-accentForeground":"#0a140f","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#f5fef9","--theme-color-success":"#008332","--theme-color-successForeground":"#f5fef9","--theme-color-border":"#333c38","--theme-color-input":"#6a746f","--theme-color-ring":"#65b893","--theme-radius-lg":"18px"},"citrus-light":{"--theme-color-background":"#f7f2ef","--theme-color-foreground":"#1e1a16","--theme-color-muted":"#ede8e5","--theme-color-mutedForeground":"#696562","--theme-color-card":"#fffcf9","--theme-color-cardForeground":"#1e1a16","--theme-color-popover":"#fcf7f4","--theme-color-popoverForeground":"#1e1a16","--theme-color-primary":"#ce7000","--theme-color-primaryForeground":"#15110d","--theme-color-secondary":"#eee3db","--theme-color-secondaryForeground":"#272320","--theme-color-accent":"#0097a8","--theme-color-accentForeground":"#15110d","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#dcd7d3","--theme-color-input":"#8c8784","--theme-color-ring":"#c06800","--theme-radius-lg":"18px"},"citrus:light":{"--theme-color-background":"#f7f2ef","--theme-color-foreground":"#1e1a16","--theme-color-muted":"#ede8e5","--theme-color-mutedForeground":"#696562","--theme-color-card":"#fffcf9","--theme-color-cardForeground":"#1e1a16","--theme-color-popover":"#fcf7f4","--theme-color-popoverForeground":"#1e1a16","--theme-color-primary":"#ce7000","--theme-color-primaryForeground":"#15110d","--theme-color-secondary":"#eee3db","--theme-color-secondaryForeground":"#272320","--theme-color-accent":"#0097a8","--theme-color-accentForeground":"#15110d","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#00782d","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#dcd7d3","--theme-color-input":"#8c8784","--theme-color-ring":"#c06800","--theme-radius-lg":"18px"},"citrus-dark":{"--theme-color-background":"#0d0b09","--theme-color-foreground":"#f2edea","--theme-color-muted":"#24211f","--theme-color-mutedForeground":"#a8a4a1","--theme-color-card":"#1b1815","--theme-color-cardForeground":"#f2edea","--theme-color-popover":"#1f1c1a","--theme-color-popoverForeground":"#f2edea","--theme-color-primary":"#da7700","--theme-color-primaryForeground":"#15110d","--theme-color-secondary":"#2b231e","--theme-color-secondaryForeground":"#ebe7e4","--theme-color-accent":"#00acbe","--theme-color-accentForeground":"#15110d","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#008332","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#373331","--theme-color-input":"#6c6864","--theme-color-ring":"#da7700","--theme-radius-lg":"18px"},"citrus:dark":{"--theme-color-background":"#0d0b09","--theme-color-foreground":"#f2edea","--theme-color-muted":"#24211f","--theme-color-mutedForeground":"#a8a4a1","--theme-color-card":"#1b1815","--theme-color-cardForeground":"#f2edea","--theme-color-popover":"#1f1c1a","--theme-color-popoverForeground":"#f2edea","--theme-color-primary":"#da7700","--theme-color-primaryForeground":"#15110d","--theme-color-secondary":"#2b231e","--theme-color-secondaryForeground":"#ebe7e4","--theme-color-accent":"#00acbe","--theme-color-accentForeground":"#15110d","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fffbf8","--theme-color-success":"#008332","--theme-color-successForeground":"#fffbf8","--theme-color-border":"#373331","--theme-color-input":"#6c6864","--theme-color-ring":"#da7700","--theme-radius-lg":"18px"},"cocoa-light":{"--theme-color-background":"#eeeceb","--theme-color-foreground":"#1c1a19","--theme-color-muted":"#e4e2e1","--theme-color-mutedForeground":"#636261","--theme-color-card":"#f7f6f5","--theme-color-cardForeground":"#1c1a19","--theme-color-popover":"#f3f1f0","--theme-color-popoverForeground":"#1c1a19","--theme-color-primary":"#904216","--theme-color-primaryForeground":"#fdfbfa","--theme-color-secondary":"#e1dedd","--theme-color-secondaryForeground":"#252423","--theme-color-accent":"#3392b5","--theme-color-accentForeground":"#131110","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fdfbfa","--theme-color-success":"#00782d","--theme-color-successForeground":"#fdfbfa","--theme-color-border":"#d0cdcc","--theme-color-input":"#858382","--theme-color-ring":"#904216","--theme-radius-lg":"14px"},"cocoa:light":{"--theme-color-background":"#eeeceb","--theme-color-foreground":"#1c1a19","--theme-color-muted":"#e4e2e1","--theme-color-mutedForeground":"#636261","--theme-color-card":"#f7f6f5","--theme-color-cardForeground":"#1c1a19","--theme-color-popover":"#f3f1f0","--theme-color-popoverForeground":"#1c1a19","--theme-color-primary":"#904216","--theme-color-primaryForeground":"#fdfbfa","--theme-color-secondary":"#e1dedd","--theme-color-secondaryForeground":"#252423","--theme-color-accent":"#3392b5","--theme-color-accentForeground":"#131110","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fdfbfa","--theme-color-success":"#00782d","--theme-color-successForeground":"#fdfbfa","--theme-color-border":"#d0cdcc","--theme-color-input":"#858382","--theme-color-ring":"#904216","--theme-radius-lg":"14px"},"cocoa-dark":{"--theme-color-background":"#080707","--theme-color-foreground":"#f0eeed","--theme-color-muted":"#1e1d1c","--theme-color-mutedForeground":"#a6a4a3","--theme-color-card":"#151313","--theme-color-cardForeground":"#f0eeed","--theme-color-popover":"#191717","--theme-color-popoverForeground":"#f0eeed","--theme-color-primary":"#bc704b","--theme-color-primaryForeground":"#131110","--theme-color-secondary":"#22201f","--theme-color-secondaryForeground":"#e9e7e6","--theme-color-accent":"#52a4c4","--theme-color-accentForeground":"#131110","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fdfbfa","--theme-color-success":"#008332","--theme-color-successForeground":"#fdfbfa","--theme-color-border":"#373534","--theme-color-input":"#676564","--theme-color-ring":"#bc704b","--theme-radius-lg":"14px"},"cocoa:dark":{"--theme-color-background":"#080707","--theme-color-foreground":"#f0eeed","--theme-color-muted":"#1e1d1c","--theme-color-mutedForeground":"#a6a4a3","--theme-color-card":"#151313","--theme-color-cardForeground":"#f0eeed","--theme-color-popover":"#191717","--theme-color-popoverForeground":"#f0eeed","--theme-color-primary":"#bc704b","--theme-color-primaryForeground":"#131110","--theme-color-secondary":"#22201f","--theme-color-secondaryForeground":"#e9e7e6","--theme-color-accent":"#52a4c4","--theme-color-accentForeground":"#131110","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fdfbfa","--theme-color-success":"#008332","--theme-color-successForeground":"#fdfbfa","--theme-color-border":"#373534","--theme-color-input":"#676564","--theme-color-ring":"#bc704b","--theme-radius-lg":"14px"},"plum-light":{"--theme-color-background":"#edecee","--theme-color-foreground":"#1b1a1c","--theme-color-muted":"#e3e2e4","--theme-color-mutedForeground":"#626263","--theme-color-card":"#f6f6f8","--theme-color-cardForeground":"#1b1a1c","--theme-color-popover":"#f1f1f3","--theme-color-popoverForeground":"#1b1a1c","--theme-color-primary":"#7538df","--theme-color-primaryForeground":"#fcfbfd","--theme-color-secondary":"#dfdee1","--theme-color-secondaryForeground":"#242425","--theme-color-accent":"#878e00","--theme-color-accentForeground":"#121113","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfbfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfbfd","--theme-color-border":"#ceced0","--theme-color-input":"#848385","--theme-color-ring":"#7538df","--theme-radius-lg":"18px"},"plum:light":{"--theme-color-background":"#edecee","--theme-color-foreground":"#1b1a1c","--theme-color-muted":"#e3e2e4","--theme-color-mutedForeground":"#626263","--theme-color-card":"#f6f6f8","--theme-color-cardForeground":"#1b1a1c","--theme-color-popover":"#f1f1f3","--theme-color-popoverForeground":"#1b1a1c","--theme-color-primary":"#7538df","--theme-color-primaryForeground":"#fcfbfd","--theme-color-secondary":"#dfdee1","--theme-color-secondaryForeground":"#242425","--theme-color-accent":"#878e00","--theme-color-accentForeground":"#121113","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfbfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfbfd","--theme-color-border":"#ceced0","--theme-color-input":"#848385","--theme-color-ring":"#7538df","--theme-radius-lg":"18px"},"plum-dark":{"--theme-color-background":"#070708","--theme-color-foreground":"#eeeef0","--theme-color-muted":"#1d1d1e","--theme-color-mutedForeground":"#a4a4a6","--theme-color-card":"#141415","--theme-color-cardForeground":"#eeeef0","--theme-color-popover":"#181819","--theme-color-popoverForeground":"#eeeef0","--theme-color-primary":"#9062f9","--theme-color-primaryForeground":"#121113","--theme-color-secondary":"#202022","--theme-color-secondaryForeground":"#e8e7e9","--theme-color-accent":"#9aa100","--theme-color-accentForeground":"#121113","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfbfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfbfd","--theme-color-border":"#353537","--theme-color-input":"#666567","--theme-color-ring":"#8f62f9","--theme-radius-lg":"18px"},"plum:dark":{"--theme-color-background":"#070708","--theme-color-foreground":"#eeeef0","--theme-color-muted":"#1d1d1e","--theme-color-mutedForeground":"#a4a4a6","--theme-color-card":"#141415","--theme-color-cardForeground":"#eeeef0","--theme-color-popover":"#181819","--theme-color-popoverForeground":"#eeeef0","--theme-color-primary":"#9062f9","--theme-color-primaryForeground":"#121113","--theme-color-secondary":"#202022","--theme-color-secondaryForeground":"#e8e7e9","--theme-color-accent":"#9aa100","--theme-color-accentForeground":"#121113","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfbfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfbfd","--theme-color-border":"#353537","--theme-color-input":"#666567","--theme-color-ring":"#8f62f9","--theme-radius-lg":"18px"},"iris-light":{"--theme-color-background":"#f1f1f6","--theme-color-foreground":"#191a1f","--theme-color-muted":"#e7e7ec","--theme-color-mutedForeground":"#646569","--theme-color-card":"#fafbff","--theme-color-cardForeground":"#191a1f","--theme-color-popover":"#f5f6fb","--theme-color-popoverForeground":"#191a1f","--theme-color-primary":"#5d5fea","--theme-color-primaryForeground":"#fbfbff","--theme-color-secondary":"#e2e3ea","--theme-color-secondaryForeground":"#232428","--theme-color-accent":"#a563d4","--theme-color-accentForeground":"#101116","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfbff","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfbff","--theme-color-border":"#d8d9de","--theme-color-input":"#86878c","--theme-color-ring":"#6366f1","--theme-radius-lg":"16px"},"iris:light":{"--theme-color-background":"#f1f1f6","--theme-color-foreground":"#191a1f","--theme-color-muted":"#e7e7ec","--theme-color-mutedForeground":"#646569","--theme-color-card":"#fafbff","--theme-color-cardForeground":"#191a1f","--theme-color-popover":"#f5f6fb","--theme-color-popoverForeground":"#191a1f","--theme-color-primary":"#5d5fea","--theme-color-primaryForeground":"#fbfbff","--theme-color-secondary":"#e2e3ea","--theme-color-secondaryForeground":"#232428","--theme-color-accent":"#a563d4","--theme-color-accentForeground":"#101116","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfbff","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfbff","--theme-color-border":"#d8d9de","--theme-color-input":"#86878c","--theme-color-ring":"#6366f1","--theme-radius-lg":"16px"},"iris-dark":{"--theme-color-background":"#0d0d10","--theme-color-foreground":"#edeef3","--theme-color-muted":"#232427","--theme-color-mutedForeground":"#a3a4a8","--theme-color-card":"#1a1a1d","--theme-color-cardForeground":"#edeef3","--theme-color-popover":"#1e1f22","--theme-color-popoverForeground":"#edeef3","--theme-color-primary":"#808aff","--theme-color-primaryForeground":"#101116","--theme-color-secondary":"#26272c","--theme-color-secondaryForeground":"#e7e7ec","--theme-color-accent":"#b37ddc","--theme-color-accentForeground":"#101116","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfbff","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfbff","--theme-color-border":"#323337","--theme-color-input":"#696a6e","--theme-color-ring":"#808aff","--theme-radius-lg":"16px"},"iris:dark":{"--theme-color-background":"#0d0d10","--theme-color-foreground":"#edeef3","--theme-color-muted":"#232427","--theme-color-mutedForeground":"#a3a4a8","--theme-color-card":"#1a1a1d","--theme-color-cardForeground":"#edeef3","--theme-color-popover":"#1e1f22","--theme-color-popoverForeground":"#edeef3","--theme-color-primary":"#808aff","--theme-color-primaryForeground":"#101116","--theme-color-secondary":"#26272c","--theme-color-secondaryForeground":"#e7e7ec","--theme-color-accent":"#b37ddc","--theme-color-accentForeground":"#101116","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfbff","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfbff","--theme-color-border":"#323337","--theme-color-input":"#696a6e","--theme-color-ring":"#808aff","--theme-radius-lg":"16px"},"sky-light":{"--theme-color-background":"#e9f2f7","--theme-color-foreground":"#131c22","--theme-color-muted":"#dfe8ed","--theme-color-mutedForeground":"#5e656a","--theme-color-card":"#f3fbff","--theme-color-cardForeground":"#131c22","--theme-color-popover":"#eef6fc","--theme-color-popoverForeground":"#131c22","--theme-color-primary":"#3ba3dc","--theme-color-primaryForeground":"#0a1319","--theme-color-secondary":"#d1e6f4","--theme-color-secondaryForeground":"#1e252a","--theme-color-accent":"#6784c7","--theme-color-accentForeground":"#0a1319","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#f8fcff","--theme-color-success":"#00782d","--theme-color-successForeground":"#f8fcff","--theme-color-border":"#d1dbe2","--theme-color-input":"#7e878e","--theme-color-ring":"#0c85bc","--theme-radius-lg":"18px"},"sky:light":{"--theme-color-background":"#e9f2f7","--theme-color-foreground":"#131c22","--theme-color-muted":"#dfe8ed","--theme-color-mutedForeground":"#5e656a","--theme-color-card":"#f3fbff","--theme-color-cardForeground":"#131c22","--theme-color-popover":"#eef6fc","--theme-color-popoverForeground":"#131c22","--theme-color-primary":"#3ba3dc","--theme-color-primaryForeground":"#0a1319","--theme-color-secondary":"#d1e6f4","--theme-color-secondaryForeground":"#1e252a","--theme-color-accent":"#6784c7","--theme-color-accentForeground":"#0a1319","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#f8fcff","--theme-color-success":"#00782d","--theme-color-successForeground":"#f8fcff","--theme-color-border":"#d1dbe2","--theme-color-input":"#7e878e","--theme-color-ring":"#0c85bc","--theme-radius-lg":"18px"},"sky-dark":{"--theme-color-background":"#11171b","--theme-color-foreground":"#e7f0f6","--theme-color-muted":"#282f33","--theme-color-mutedForeground":"#9ea6ab","--theme-color-card":"#1f2529","--theme-color-cardForeground":"#e7f0f6","--theme-color-popover":"#23292e","--theme-color-popoverForeground":"#e7f0f6","--theme-color-primary":"#55afe4","--theme-color-primaryForeground":"#0a1319","--theme-color-secondary":"#23343f","--theme-color-secondaryForeground":"#e1e9ef","--theme-color-accent":"#7b97d5","--theme-color-accentForeground":"#0a1319","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#f8fcff","--theme-color-success":"#008332","--theme-color-successForeground":"#f8fcff","--theme-color-border":"#333b41","--theme-color-input":"#6a7379","--theme-color-ring":"#55afe4","--theme-radius-lg":"18px"},"sky:dark":{"--theme-color-background":"#11171b","--theme-color-foreground":"#e7f0f6","--theme-color-muted":"#282f33","--theme-color-mutedForeground":"#9ea6ab","--theme-color-card":"#1f2529","--theme-color-cardForeground":"#e7f0f6","--theme-color-popover":"#23292e","--theme-color-popoverForeground":"#e7f0f6","--theme-color-primary":"#55afe4","--theme-color-primaryForeground":"#0a1319","--theme-color-secondary":"#23343f","--theme-color-secondaryForeground":"#e1e9ef","--theme-color-accent":"#7b97d5","--theme-color-accentForeground":"#0a1319","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#f8fcff","--theme-color-success":"#008332","--theme-color-successForeground":"#f8fcff","--theme-color-border":"#333b41","--theme-color-input":"#6a7379","--theme-color-ring":"#55afe4","--theme-radius-lg":"18px"},"graphite-light":{"--theme-color-background":"#f5f5f5","--theme-color-foreground":"#1b1b1b","--theme-color-muted":"#ebebeb","--theme-color-mutedForeground":"#676767","--theme-color-card":"#fefefe","--theme-color-cardForeground":"#1b1b1b","--theme-color-popover":"#fafafa","--theme-color-popoverForeground":"#1b1b1b","--theme-color-primary":"#525258","--theme-color-primaryForeground":"#fcfcfc","--theme-color-secondary":"#e7e7e7","--theme-color-secondaryForeground":"#242424","--theme-color-accent":"#917ca2","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#dedede","--theme-color-input":"#898989","--theme-color-ring":"#525258","--theme-radius-lg":"14px"},"graphite:light":{"--theme-color-background":"#f5f5f5","--theme-color-foreground":"#1b1b1b","--theme-color-muted":"#ebebeb","--theme-color-mutedForeground":"#676767","--theme-color-card":"#fefefe","--theme-color-cardForeground":"#1b1b1b","--theme-color-popover":"#fafafa","--theme-color-popoverForeground":"#1b1b1b","--theme-color-primary":"#525258","--theme-color-primaryForeground":"#fcfcfc","--theme-color-secondary":"#e7e7e7","--theme-color-secondaryForeground":"#242424","--theme-color-accent":"#917ca2","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#dedede","--theme-color-input":"#898989","--theme-color-ring":"#525258","--theme-radius-lg":"14px"},"graphite-dark":{"--theme-color-background":"#0f0f0f","--theme-color-foreground":"#eeeeee","--theme-color-muted":"#262626","--theme-color-mutedForeground":"#a4a4a4","--theme-color-card":"#1d1d1d","--theme-color-cardForeground":"#eeeeee","--theme-color-popover":"#212121","--theme-color-popoverForeground":"#eeeeee","--theme-color-primary":"#9e9ea3","--theme-color-primaryForeground":"#121212","--theme-color-secondary":"#2a2a2a","--theme-color-secondaryForeground":"#e8e8e8","--theme-color-accent":"#a48eb5","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#323232","--theme-color-input":"#6c6c6c","--theme-color-ring":"#9e9ea3","--theme-radius-lg":"14px"},"graphite:dark":{"--theme-color-background":"#0f0f0f","--theme-color-foreground":"#eeeeee","--theme-color-muted":"#262626","--theme-color-mutedForeground":"#a4a4a4","--theme-color-card":"#1d1d1d","--theme-color-cardForeground":"#eeeeee","--theme-color-popover":"#212121","--theme-color-popoverForeground":"#eeeeee","--theme-color-primary":"#9e9ea3","--theme-color-primaryForeground":"#121212","--theme-color-secondary":"#2a2a2a","--theme-color-secondaryForeground":"#e8e8e8","--theme-color-accent":"#a48eb5","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#323232","--theme-color-input":"#6c6c6c","--theme-color-ring":"#9e9ea3","--theme-radius-lg":"14px"},"apple-light":{"--theme-color-background":"#eff0f1","--theme-color-foreground":"#1a1b1c","--theme-color-muted":"#e5e6e7","--theme-color-mutedForeground":"#636465","--theme-color-card":"#f8f9fb","--theme-color-cardForeground":"#1a1b1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1b1c","--theme-color-primary":"#007aff","--theme-color-primaryForeground":"#111213","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#232425","--theme-color-accent":"#836eed","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#0078fb","--theme-radius-lg":"14px"},"apple:light":{"--theme-color-background":"#eff0f1","--theme-color-foreground":"#1a1b1c","--theme-color-muted":"#e5e6e7","--theme-color-mutedForeground":"#636465","--theme-color-card":"#f8f9fb","--theme-color-cardForeground":"#1a1b1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1b1c","--theme-color-primary":"#007aff","--theme-color-primaryForeground":"#111213","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#232425","--theme-color-accent":"#836eed","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#0078fb","--theme-radius-lg":"14px"},"apple-dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#edeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a5a6","--theme-color-card":"#151617","--theme-color-cardForeground":"#edeef0","--theme-color-popover":"#191a1b","--theme-color-popoverForeground":"#edeef0","--theme-color-primary":"#007aff","--theme-color-primaryForeground":"#111213","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#948be1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#666768","--theme-color-ring":"#66a5ff","--theme-radius-lg":"14px"},"apple:dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#edeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a5a6","--theme-color-card":"#151617","--theme-color-cardForeground":"#edeef0","--theme-color-popover":"#191a1b","--theme-color-popoverForeground":"#edeef0","--theme-color-primary":"#007aff","--theme-color-primaryForeground":"#111213","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#948be1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#666768","--theme-color-ring":"#66a5ff","--theme-radius-lg":"14px"},"github-light":{"--theme-color-background":"#eff0f1","--theme-color-foreground":"#1a1b1c","--theme-color-muted":"#e5e6e7","--theme-color-mutedForeground":"#636465","--theme-color-card":"#f8f9fb","--theme-color-cardForeground":"#1a1b1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1b1c","--theme-color-primary":"#0969da","--theme-color-primaryForeground":"#fbfcfd","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#232425","--theme-color-accent":"#8372e1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#0969da","--theme-radius-lg":"6px"},"github:light":{"--theme-color-background":"#eff0f1","--theme-color-foreground":"#1a1b1c","--theme-color-muted":"#e5e6e7","--theme-color-mutedForeground":"#636465","--theme-color-card":"#f8f9fb","--theme-color-cardForeground":"#1a1b1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1b1c","--theme-color-primary":"#0969da","--theme-color-primaryForeground":"#fbfcfd","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#232425","--theme-color-accent":"#8372e1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#0969da","--theme-radius-lg":"6px"},"github-dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#edeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a5a6","--theme-color-card":"#151617","--theme-color-cardForeground":"#edeef0","--theme-color-popover":"#191a1b","--theme-color-popoverForeground":"#edeef0","--theme-color-primary":"#0969da","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#948be1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#666768","--theme-color-ring":"#66a5ff","--theme-radius-lg":"6px"},"github:dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#edeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a5a6","--theme-color-card":"#151617","--theme-color-cardForeground":"#edeef0","--theme-color-popover":"#191a1b","--theme-color-popoverForeground":"#edeef0","--theme-color-primary":"#0969da","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#948be1","--theme-color-accentForeground":"#111213","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#666768","--theme-color-ring":"#66a5ff","--theme-radius-lg":"6px"},"vercel-light":{"--theme-color-background":"#f5f5f5","--theme-color-foreground":"#1b1b1b","--theme-color-muted":"#ebebeb","--theme-color-mutedForeground":"#676767","--theme-color-card":"#fefefe","--theme-color-cardForeground":"#1b1b1b","--theme-color-popover":"#fafafa","--theme-color-popoverForeground":"#1b1b1b","--theme-color-primary":"#000000","--theme-color-primaryForeground":"#fcfcfc","--theme-color-secondary":"#e7e7e7","--theme-color-secondaryForeground":"#242424","--theme-color-accent":"#a87875","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#dedede","--theme-color-input":"#898989","--theme-color-ring":"#4d4d4d","--theme-radius-lg":"12px"},"vercel:light":{"--theme-color-background":"#f5f5f5","--theme-color-foreground":"#1b1b1b","--theme-color-muted":"#ebebeb","--theme-color-mutedForeground":"#676767","--theme-color-card":"#fefefe","--theme-color-cardForeground":"#1b1b1b","--theme-color-popover":"#fafafa","--theme-color-popoverForeground":"#1b1b1b","--theme-color-primary":"#000000","--theme-color-primaryForeground":"#fcfcfc","--theme-color-secondary":"#e7e7e7","--theme-color-secondaryForeground":"#242424","--theme-color-accent":"#a87875","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#dedede","--theme-color-input":"#898989","--theme-color-ring":"#4d4d4d","--theme-radius-lg":"12px"},"vercel-dark":{"--theme-color-background":"#0f0f0f","--theme-color-foreground":"#eeeeee","--theme-color-muted":"#262626","--theme-color-mutedForeground":"#a4a4a4","--theme-color-card":"#1d1d1d","--theme-color-cardForeground":"#eeeeee","--theme-color-popover":"#212121","--theme-color-popoverForeground":"#eeeeee","--theme-color-primary":"#ffffff","--theme-color-primaryForeground":"#121212","--theme-color-secondary":"#2a2a2a","--theme-color-secondaryForeground":"#e8e8e8","--theme-color-accent":"#bb8a86","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#323232","--theme-color-input":"#6c6c6c","--theme-color-ring":"#9e9e9e","--theme-radius-lg":"12px"},"vercel:dark":{"--theme-color-background":"#0f0f0f","--theme-color-foreground":"#eeeeee","--theme-color-muted":"#262626","--theme-color-mutedForeground":"#a4a4a4","--theme-color-card":"#1d1d1d","--theme-color-cardForeground":"#eeeeee","--theme-color-popover":"#212121","--theme-color-popoverForeground":"#eeeeee","--theme-color-primary":"#ffffff","--theme-color-primaryForeground":"#121212","--theme-color-secondary":"#2a2a2a","--theme-color-secondaryForeground":"#e8e8e8","--theme-color-accent":"#bb8a86","--theme-color-accentForeground":"#121212","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfcfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfcfc","--theme-color-border":"#323232","--theme-color-input":"#6c6c6c","--theme-color-ring":"#9e9e9e","--theme-radius-lg":"12px"},"slack-light":{"--theme-color-background":"#f1f0f1","--theme-color-foreground":"#1b1a1b","--theme-color-muted":"#e7e6e7","--theme-color-mutedForeground":"#656465","--theme-color-card":"#faf9fa","--theme-color-cardForeground":"#1b1a1b","--theme-color-popover":"#f5f4f5","--theme-color-popoverForeground":"#1b1a1b","--theme-color-primary":"#4a154b","--theme-color-primaryForeground":"#fcfbfc","--theme-color-secondary":"#e3e1e3","--theme-color-secondaryForeground":"#252425","--theme-color-accent":"#b36e87","--theme-color-accentForeground":"#121112","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfbfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfbfc","--theme-color-border":"#dad8da","--theme-color-input":"#878587","--theme-color-ring":"#4a154b","--theme-radius-lg":"12px"},"slack:light":{"--theme-color-background":"#f1f0f1","--theme-color-foreground":"#1b1a1b","--theme-color-muted":"#e7e6e7","--theme-color-mutedForeground":"#656465","--theme-color-card":"#faf9fa","--theme-color-cardForeground":"#1b1a1b","--theme-color-popover":"#f5f4f5","--theme-color-popoverForeground":"#1b1a1b","--theme-color-primary":"#4a154b","--theme-color-primaryForeground":"#fcfbfc","--theme-color-secondary":"#e3e1e3","--theme-color-secondaryForeground":"#252425","--theme-color-accent":"#b36e87","--theme-color-accentForeground":"#121112","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fcfbfc","--theme-color-success":"#00782d","--theme-color-successForeground":"#fcfbfc","--theme-color-border":"#dad8da","--theme-color-input":"#878587","--theme-color-ring":"#4a154b","--theme-radius-lg":"12px"},"slack-dark":{"--theme-color-background":"#0a0909","--theme-color-foreground":"#efeeef","--theme-color-muted":"#201f20","--theme-color-mutedForeground":"#a5a4a5","--theme-color-card":"#161616","--theme-color-cardForeground":"#efeeef","--theme-color-popover":"#1b1a1b","--theme-color-popoverForeground":"#efeeef","--theme-color-primary":"#4a154b","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#242224","--theme-color-secondaryForeground":"#e8e7e8","--theme-color-accent":"#c38299","--theme-color-accentForeground":"#121112","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfbfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfbfc","--theme-color-border":"#2b2a2b","--theme-color-input":"#686768","--theme-color-ring":"#c68ec5","--theme-radius-lg":"12px"},"slack:dark":{"--theme-color-background":"#0a0909","--theme-color-foreground":"#efeeef","--theme-color-muted":"#201f20","--theme-color-mutedForeground":"#a5a4a5","--theme-color-card":"#161616","--theme-color-cardForeground":"#efeeef","--theme-color-popover":"#1b1a1b","--theme-color-popoverForeground":"#efeeef","--theme-color-primary":"#4a154b","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#242224","--theme-color-secondaryForeground":"#e8e7e8","--theme-color-accent":"#c38299","--theme-color-accentForeground":"#121112","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fcfbfc","--theme-color-success":"#008332","--theme-color-successForeground":"#fcfbfc","--theme-color-border":"#2b2a2b","--theme-color-input":"#686768","--theme-color-ring":"#c68ec5","--theme-radius-lg":"12px"},"discord-light":{"--theme-color-background":"#f0f0f1","--theme-color-foreground":"#1a1a1c","--theme-color-muted":"#e6e6e7","--theme-color-mutedForeground":"#646465","--theme-color-card":"#f9f9fb","--theme-color-cardForeground":"#1a1a1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1a1c","--theme-color-primary":"#5865f2","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#242425","--theme-color-accent":"#9e65dc","--theme-color-accentForeground":"#111113","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#5865f2","--theme-radius-lg":"16px"},"discord:light":{"--theme-color-background":"#f0f0f1","--theme-color-foreground":"#1a1a1c","--theme-color-muted":"#e6e6e7","--theme-color-mutedForeground":"#646465","--theme-color-card":"#f9f9fb","--theme-color-cardForeground":"#1a1a1c","--theme-color-popover":"#f4f5f6","--theme-color-popoverForeground":"#1a1a1c","--theme-color-primary":"#5865f2","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#e1e2e4","--theme-color-secondaryForeground":"#242425","--theme-color-accent":"#9e65dc","--theme-color-accentForeground":"#111113","--theme-color-destructive":"#bb0916","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#00782d","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#d8d9db","--theme-color-input":"#858687","--theme-color-ring":"#5865f2","--theme-radius-lg":"16px"},"discord-dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#eeeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a4a6","--theme-color-card":"#161617","--theme-color-cardForeground":"#eeeef0","--theme-color-popover":"#1a1a1b","--theme-color-popoverForeground":"#eeeef0","--theme-color-primary":"#5865f2","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#a984d7","--theme-color-accentForeground":"#111113","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#676768","--theme-color-ring":"#889cff","--theme-radius-lg":"16px"},"discord:dark":{"--theme-color-background":"#09090a","--theme-color-foreground":"#eeeef0","--theme-color-muted":"#1f1f20","--theme-color-mutedForeground":"#a4a4a6","--theme-color-card":"#161617","--theme-color-cardForeground":"#eeeef0","--theme-color-popover":"#1a1a1b","--theme-color-popoverForeground":"#eeeef0","--theme-color-primary":"#5865f2","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#222324","--theme-color-secondaryForeground":"#e7e8e9","--theme-color-accent":"#a984d7","--theme-color-accentForeground":"#111113","--theme-color-destructive":"#d01d21","--theme-color-destructiveForeground":"#fbfcfd","--theme-color-success":"#008332","--theme-color-successForeground":"#fbfcfd","--theme-color-border":"#2a2b2c","--theme-color-input":"#676768","--theme-color-ring":"#889cff","--theme-radius-lg":"16px"},"high-contrast-light":{"--theme-color-background":"#ffffff","--theme-color-foreground":"#000000","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#000000","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#000000","--theme-color-primary":"#0000ee","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#e0e0e0","--theme-color-secondaryForeground":"#000000","--theme-color-muted":"#e0e0e0","--theme-color-mutedForeground":"#111111","--theme-color-accent":"#0000ee","--theme-color-accentForeground":"#ffffff","--theme-color-destructive":"#cc0000","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#008000","--theme-color-successForeground":"#ffffff","--theme-color-border":"#000000","--theme-color-input":"#000000","--theme-color-ring":"#0000ee","--theme-radius-lg":"4px"},"high-contrast-dark":{"--theme-color-background":"#000000","--theme-color-foreground":"#ffffff","--theme-color-card":"#000000","--theme-color-cardForeground":"#ffffff","--theme-color-popover":"#000000","--theme-color-popoverForeground":"#ffffff","--theme-color-primary":"#4488ff","--theme-color-primaryForeground":"#000000","--theme-color-secondary":"#333333","--theme-color-secondaryForeground":"#ffffff","--theme-color-muted":"#333333","--theme-color-mutedForeground":"#eeeeee","--theme-color-accent":"#4488ff","--theme-color-accentForeground":"#000000","--theme-color-destructive":"#dc2626","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#000000","--theme-color-border":"#000000","--theme-color-input":"#000000","--theme-color-ring":"#4488ff","--theme-radius-lg":"4px"},"large-text-light":{"--theme-color-background":"#fafafa","--theme-color-foreground":"#000000","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#000000","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#000000","--theme-color-primary":"#0055cc","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#e8e8e8","--theme-color-secondaryForeground":"#000000","--theme-color-muted":"#e8e8e8","--theme-color-mutedForeground":"#333333","--theme-color-accent":"#0055cc","--theme-color-accentForeground":"#ffffff","--theme-color-destructive":"#cc0000","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#008000","--theme-color-successForeground":"#ffffff","--theme-color-border":"#cccccc","--theme-color-input":"#cccccc","--theme-color-ring":"#0055cc","--theme-radius-lg":"8px","--theme-typography-font-family-sans":"system-ui, sans-serif","--theme-typography-font-family-mono":"monospace","--theme-typography-font-size-xs":"1rem","--theme-typography-font-size-sm":"1.125rem","--theme-typography-font-size-base":"1.25rem","--theme-typography-font-size-lg":"1.5rem","--theme-typography-font-size-xl":"1.875rem","--theme-typography-font-size-2xl":"2.25rem","--theme-typography-font-size-3xl":"3rem","--theme-typography-font-size-4xl":"3.75rem","--theme-typography-font-size-5xl":"4.5rem","--theme-typography-font-size-6xl":"6rem","--theme-typography-line-height-tight":"1.4","--theme-typography-line-height-normal":"1.8","--theme-typography-line-height-relaxed":"2.0"},"large-text-dark":{"--theme-color-background":"#0a0a0a","--theme-color-foreground":"#f0f0f0","--theme-color-card":"#111111","--theme-color-cardForeground":"#f0f0f0","--theme-color-popover":"#111111","--theme-color-popoverForeground":"#f0f0f0","--theme-color-primary":"#4488ff","--theme-color-primaryForeground":"#000000","--theme-color-secondary":"#2a2a2a","--theme-color-secondaryForeground":"#f0f0f0","--theme-color-muted":"#2a2a2a","--theme-color-mutedForeground":"#cccccc","--theme-color-accent":"#4488ff","--theme-color-accentForeground":"#000000","--theme-color-destructive":"#dc2626","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#000000","--theme-color-border":"#444444","--theme-color-input":"#444444","--theme-color-ring":"#4488ff","--theme-radius-lg":"8px","--theme-typography-font-family-sans":"system-ui, sans-serif","--theme-typography-font-family-mono":"monospace","--theme-typography-font-size-xs":"1rem","--theme-typography-font-size-sm":"1.125rem","--theme-typography-font-size-base":"1.25rem","--theme-typography-font-size-lg":"1.5rem","--theme-typography-font-size-xl":"1.875rem","--theme-typography-font-size-2xl":"2.25rem","--theme-typography-font-size-3xl":"3rem","--theme-typography-font-size-4xl":"3.75rem","--theme-typography-font-size-5xl":"4.5rem","--theme-typography-font-size-6xl":"6rem","--theme-typography-line-height-tight":"1.4","--theme-typography-line-height-normal":"1.8","--theme-typography-line-height-relaxed":"2.0"},"themvora-default-light":{"--theme-color-background":"#fafbff","--theme-color-foreground":"#0d0f1f","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#0d0f1f","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#0d0f1f","--theme-color-primary":"#5b54e8","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#eef0fb","--theme-color-secondaryForeground":"#171a2e","--theme-color-muted":"#f2f3fb","--theme-color-mutedForeground":"#5a6172","--theme-color-accent":"#e8e6ff","--theme-color-accentForeground":"#4f46c9","--theme-color-destructive":"#ef4444","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#ffffff","--theme-color-border":"#e4e6f2","--theme-color-input":"#e4e6f2","--theme-color-ring":"#5b54e8","--theme-radius-lg":"12px","--theme-code-background":"#f6f7fc","--theme-code-foreground":"#0f172a","--theme-code-comment":"#6b7280","--theme-code-keyword":"#7c3aed","--theme-code-string":"#07865c","--theme-code-number":"#d97706","--theme-code-function":"#2563eb","--theme-code-variable":"#0f172a","--theme-code-type":"#db2777","--theme-code-property":"#0284c7","--theme-code-operator":"#7c3aed","--theme-code-punctuation":"#475569","--theme-code-tag":"#be185d","--theme-code-attribute":"#0284c7","--theme-code-lineNumber":"#9ca3af","--theme-code-selection":"rgba(91, 84, 232, 0.12)","--theme-code-highlight":"rgba(91, 84, 232, 0.06)","--theme-code-gutter":"#f6f7fc","--theme-code-border":"#e4e6f2"},"themvora:light":{"--theme-color-background":"#fafbff","--theme-color-foreground":"#0d0f1f","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#0d0f1f","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#0d0f1f","--theme-color-primary":"#5b54e8","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#eef0fb","--theme-color-secondaryForeground":"#171a2e","--theme-color-muted":"#f2f3fb","--theme-color-mutedForeground":"#5a6172","--theme-color-accent":"#e8e6ff","--theme-color-accentForeground":"#4f46c9","--theme-color-destructive":"#ef4444","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#ffffff","--theme-color-border":"#e4e6f2","--theme-color-input":"#e4e6f2","--theme-color-ring":"#5b54e8","--theme-radius-lg":"12px","--theme-code-background":"#f6f7fc","--theme-code-foreground":"#0f172a","--theme-code-comment":"#6b7280","--theme-code-keyword":"#7c3aed","--theme-code-string":"#07865c","--theme-code-number":"#d97706","--theme-code-function":"#2563eb","--theme-code-variable":"#0f172a","--theme-code-type":"#db2777","--theme-code-property":"#0284c7","--theme-code-operator":"#7c3aed","--theme-code-punctuation":"#475569","--theme-code-tag":"#be185d","--theme-code-attribute":"#0284c7","--theme-code-lineNumber":"#9ca3af","--theme-code-selection":"rgba(91, 84, 232, 0.12)","--theme-code-highlight":"rgba(91, 84, 232, 0.06)","--theme-code-gutter":"#f6f7fc","--theme-code-border":"#e4e6f2"},"themvora-default-dark":{"--theme-color-background":"#0b0d1a","--theme-color-foreground":"#eceeff","--theme-color-card":"#111322","--theme-color-cardForeground":"#eceeff","--theme-color-popover":"#141627","--theme-color-popoverForeground":"#eceeff","--theme-color-primary":"#7c6ff0","--theme-color-primaryForeground":"#0b0d1a","--theme-color-secondary":"#1a1c2e","--theme-color-secondaryForeground":"#eceeff","--theme-color-muted":"#16182a","--theme-color-mutedForeground":"#9094aa","--theme-color-accent":"#22244a","--theme-color-accentForeground":"#c9c5ff","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#0b0d1a","--theme-color-success":"#4ade80","--theme-color-successForeground":"#0b0d1a","--theme-color-border":"#262938","--theme-color-input":"#262938","--theme-color-ring":"#7c6ff0","--theme-radius-lg":"12px","--theme-code-background":"#111322","--theme-code-foreground":"#eceeff","--theme-code-comment":"#7b8494","--theme-code-keyword":"#a78bfa","--theme-code-string":"#34d399","--theme-code-number":"#fbbf24","--theme-code-function":"#60a5fa","--theme-code-variable":"#eceeff","--theme-code-type":"#f472b6","--theme-code-property":"#7dd3fc","--theme-code-operator":"#a78bfa","--theme-code-punctuation":"#94a3b8","--theme-code-tag":"#f472b6","--theme-code-attribute":"#7dd3fc","--theme-code-lineNumber":"#596079","--theme-code-selection":"rgba(124, 111, 240, 0.22)","--theme-code-highlight":"rgba(124, 111, 240, 0.08)","--theme-code-gutter":"#111322","--theme-code-border":"#262938"},"themvora:dark":{"--theme-color-background":"#0b0d1a","--theme-color-foreground":"#eceeff","--theme-color-card":"#111322","--theme-color-cardForeground":"#eceeff","--theme-color-popover":"#141627","--theme-color-popoverForeground":"#eceeff","--theme-color-primary":"#7c6ff0","--theme-color-primaryForeground":"#0b0d1a","--theme-color-secondary":"#1a1c2e","--theme-color-secondaryForeground":"#eceeff","--theme-color-muted":"#16182a","--theme-color-mutedForeground":"#9094aa","--theme-color-accent":"#22244a","--theme-color-accentForeground":"#c9c5ff","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#0b0d1a","--theme-color-success":"#4ade80","--theme-color-successForeground":"#0b0d1a","--theme-color-border":"#262938","--theme-color-input":"#262938","--theme-color-ring":"#7c6ff0","--theme-radius-lg":"12px","--theme-code-background":"#111322","--theme-code-foreground":"#eceeff","--theme-code-comment":"#7b8494","--theme-code-keyword":"#a78bfa","--theme-code-string":"#34d399","--theme-code-number":"#fbbf24","--theme-code-function":"#60a5fa","--theme-code-variable":"#eceeff","--theme-code-type":"#f472b6","--theme-code-property":"#7dd3fc","--theme-code-operator":"#a78bfa","--theme-code-punctuation":"#94a3b8","--theme-code-tag":"#f472b6","--theme-code-attribute":"#7dd3fc","--theme-code-lineNumber":"#596079","--theme-code-selection":"rgba(124, 111, 240, 0.22)","--theme-code-highlight":"rgba(124, 111, 240, 0.08)","--theme-code-gutter":"#111322","--theme-code-border":"#262938"},"lab-light":{"--theme-color-background":"#fef7ed","--theme-color-foreground":"#1c1917","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#1c1917","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#1c1917","--theme-color-muted":"#f5e6d3","--theme-color-mutedForeground":"#6b5d4d","--theme-color-secondary":"#fbeedd","--theme-color-secondaryForeground":"#7c2d12","--theme-color-accent":"#fed7aa","--theme-color-accentForeground":"#7c2d12","--theme-color-primary":"#ea580c","--theme-color-primaryForeground":"#ffffff","--theme-color-destructive":"#dc2626","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#ffffff","--theme-color-border":"#e7d5bf","--theme-color-input":"#e7d5bf","--theme-color-ring":"#ea580c","--theme-radius-lg":"14px","--theme-shadow-lg":"0 10px 30px rgba(28,25,23,0.10)"},"lab:light":{"--theme-color-background":"#fef7ed","--theme-color-foreground":"#1c1917","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#1c1917","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#1c1917","--theme-color-muted":"#f5e6d3","--theme-color-mutedForeground":"#6b5d4d","--theme-color-secondary":"#fbeedd","--theme-color-secondaryForeground":"#7c2d12","--theme-color-accent":"#fed7aa","--theme-color-accentForeground":"#7c2d12","--theme-color-primary":"#ea580c","--theme-color-primaryForeground":"#ffffff","--theme-color-destructive":"#dc2626","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#ffffff","--theme-color-border":"#e7d5bf","--theme-color-input":"#e7d5bf","--theme-color-ring":"#ea580c","--theme-radius-lg":"14px","--theme-shadow-lg":"0 10px 30px rgba(28,25,23,0.10)"},"lab-dark":{"--theme-color-background":"#1c1917","--theme-color-foreground":"#fafaf9","--theme-color-card":"#292524","--theme-color-cardForeground":"#fafaf9","--theme-color-popover":"#292524","--theme-color-popoverForeground":"#fafaf9","--theme-color-muted":"#44403c","--theme-color-mutedForeground":"#d6d3d1","--theme-color-secondary":"#3b3532","--theme-color-secondaryForeground":"#fafaf9","--theme-color-accent":"#7c2d12","--theme-color-accentForeground":"#fed7aa","--theme-color-primary":"#fb923c","--theme-color-primaryForeground":"#1c1917","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#1c1917","--theme-color-success":"#4ade80","--theme-color-successForeground":"#1c1917","--theme-color-border":"#44403c","--theme-color-input":"#44403c","--theme-color-ring":"#fb923c","--theme-radius-lg":"14px","--theme-shadow-lg":"0 10px 30px rgba(0,0,0,0.45)"},"lab:dark":{"--theme-color-background":"#1c1917","--theme-color-foreground":"#fafaf9","--theme-color-card":"#292524","--theme-color-cardForeground":"#fafaf9","--theme-color-popover":"#292524","--theme-color-popoverForeground":"#fafaf9","--theme-color-muted":"#44403c","--theme-color-mutedForeground":"#d6d3d1","--theme-color-secondary":"#3b3532","--theme-color-secondaryForeground":"#fafaf9","--theme-color-accent":"#7c2d12","--theme-color-accentForeground":"#fed7aa","--theme-color-primary":"#fb923c","--theme-color-primaryForeground":"#1c1917","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#1c1917","--theme-color-success":"#4ade80","--theme-color-successForeground":"#1c1917","--theme-color-border":"#44403c","--theme-color-input":"#44403c","--theme-color-ring":"#fb923c","--theme-radius-lg":"14px","--theme-shadow-lg":"0 10px 30px rgba(0,0,0,0.45)"},"scope-light":{"--theme-color-background":"#0f1225","--theme-color-foreground":"#e6e9f5","--theme-color-card":"#151a2e","--theme-color-cardForeground":"#e6e9f5","--theme-color-popover":"#131a30","--theme-color-popoverForeground":"#e6e9f5","--theme-color-primary":"#10b981","--theme-color-primaryForeground":"#0f1225","--theme-color-secondary":"#18203a","--theme-color-secondaryForeground":"#d7e0f2","--theme-color-muted":"#181f36","--theme-color-mutedForeground":"#9aa7c9","--theme-color-accent":"#1b2440","--theme-color-accentForeground":"#a7b8f0","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#0f1225","--theme-color-success":"#34d399","--theme-color-successForeground":"#0f1225","--theme-color-border":"#2a3150","--theme-color-input":"#2a3150","--theme-color-ring":"#10b981","--theme-radius-lg":"12px"},"scope:light":{"--theme-color-background":"#0f1225","--theme-color-foreground":"#e6e9f5","--theme-color-card":"#151a2e","--theme-color-cardForeground":"#e6e9f5","--theme-color-popover":"#131a30","--theme-color-popoverForeground":"#e6e9f5","--theme-color-primary":"#10b981","--theme-color-primaryForeground":"#0f1225","--theme-color-secondary":"#18203a","--theme-color-secondaryForeground":"#d7e0f2","--theme-color-muted":"#181f36","--theme-color-mutedForeground":"#9aa7c9","--theme-color-accent":"#1b2440","--theme-color-accentForeground":"#a7b8f0","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#0f1225","--theme-color-success":"#34d399","--theme-color-successForeground":"#0f1225","--theme-color-border":"#2a3150","--theme-color-input":"#2a3150","--theme-color-ring":"#10b981","--theme-radius-lg":"12px"},"scope-dark":{"--theme-color-background":"#1a1033","--theme-color-foreground":"#f8fafc","--theme-color-card":"#13141b","--theme-color-cardForeground":"#f8fafc","--theme-color-popover":"#171029","--theme-color-popoverForeground":"#f8fafc","--theme-color-primary":"#f472b6","--theme-color-primaryForeground":"#1a1033","--theme-color-secondary":"#251b43","--theme-color-secondaryForeground":"#f3d8e8","--theme-color-muted":"#241a45","--theme-color-mutedForeground":"#bda8d4","--theme-color-accent":"#341f5c","--theme-color-accentForeground":"#f9b8dd","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#1a1033","--theme-color-success":"#4ade80","--theme-color-successForeground":"#1a1033","--theme-color-border":"#2a3150","--theme-color-input":"#2a3150","--theme-color-ring":"#f472b6","--theme-radius-lg":"16px"},"scope:dark":{"--theme-color-background":"#1a1033","--theme-color-foreground":"#f8fafc","--theme-color-card":"#13141b","--theme-color-cardForeground":"#f8fafc","--theme-color-popover":"#171029","--theme-color-popoverForeground":"#f8fafc","--theme-color-primary":"#f472b6","--theme-color-primaryForeground":"#1a1033","--theme-color-secondary":"#251b43","--theme-color-secondaryForeground":"#f3d8e8","--theme-color-muted":"#241a45","--theme-color-mutedForeground":"#bda8d4","--theme-color-accent":"#341f5c","--theme-color-accentForeground":"#f9b8dd","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#1a1033","--theme-color-success":"#4ade80","--theme-color-successForeground":"#1a1033","--theme-color-border":"#2a3150","--theme-color-input":"#2a3150","--theme-color-ring":"#f472b6","--theme-radius-lg":"16px"},"__default-light":{"--theme-color-background":"#fafbff","--theme-color-foreground":"#0d0f1f","--theme-color-card":"#ffffff","--theme-color-cardForeground":"#0d0f1f","--theme-color-popover":"#ffffff","--theme-color-popoverForeground":"#0d0f1f","--theme-color-primary":"#5b54e8","--theme-color-primaryForeground":"#ffffff","--theme-color-secondary":"#eef0fb","--theme-color-secondaryForeground":"#171a2e","--theme-color-muted":"#f2f3fb","--theme-color-mutedForeground":"#5a6172","--theme-color-accent":"#e8e6ff","--theme-color-accentForeground":"#4f46c9","--theme-color-destructive":"#ef4444","--theme-color-destructiveForeground":"#ffffff","--theme-color-success":"#16a34a","--theme-color-successForeground":"#ffffff","--theme-color-border":"#e4e6f2","--theme-color-input":"#e4e6f2","--theme-color-ring":"#5b54e8","--theme-radius-lg":"12px","--theme-code-background":"#f6f7fc","--theme-code-foreground":"#0f172a","--theme-code-comment":"#6b7280","--theme-code-keyword":"#7c3aed","--theme-code-string":"#07865c","--theme-code-number":"#d97706","--theme-code-function":"#2563eb","--theme-code-variable":"#0f172a","--theme-code-type":"#db2777","--theme-code-property":"#0284c7","--theme-code-operator":"#7c3aed","--theme-code-punctuation":"#475569","--theme-code-tag":"#be185d","--theme-code-attribute":"#0284c7","--theme-code-lineNumber":"#9ca3af","--theme-code-selection":"rgba(91, 84, 232, 0.12)","--theme-code-highlight":"rgba(91, 84, 232, 0.06)","--theme-code-gutter":"#f6f7fc","--theme-code-border":"#e4e6f2"},"__default-dark":{"--theme-color-background":"#0b0d1a","--theme-color-foreground":"#eceeff","--theme-color-card":"#111322","--theme-color-cardForeground":"#eceeff","--theme-color-popover":"#141627","--theme-color-popoverForeground":"#eceeff","--theme-color-primary":"#7c6ff0","--theme-color-primaryForeground":"#0b0d1a","--theme-color-secondary":"#1a1c2e","--theme-color-secondaryForeground":"#eceeff","--theme-color-muted":"#16182a","--theme-color-mutedForeground":"#9094aa","--theme-color-accent":"#22244a","--theme-color-accentForeground":"#c9c5ff","--theme-color-destructive":"#f87171","--theme-color-destructiveForeground":"#0b0d1a","--theme-color-success":"#4ade80","--theme-color-successForeground":"#0b0d1a","--theme-color-border":"#262938","--theme-color-input":"#262938","--theme-color-ring":"#7c6ff0","--theme-radius-lg":"12px","--theme-code-background":"#111322","--theme-code-foreground":"#eceeff","--theme-code-comment":"#7b8494","--theme-code-keyword":"#a78bfa","--theme-code-string":"#34d399","--theme-code-number":"#fbbf24","--theme-code-function":"#60a5fa","--theme-code-variable":"#eceeff","--theme-code-type":"#f472b6","--theme-code-property":"#7dd3fc","--theme-code-operator":"#a78bfa","--theme-code-punctuation":"#94a3b8","--theme-code-tag":"#f472b6","--theme-code-attribute":"#7dd3fc","--theme-code-lineNumber":"#596079","--theme-code-selection":"rgba(124, 111, 240, 0.22)","--theme-code-highlight":"rgba(124, 111, 240, 0.08)","--theme-code-gutter":"#111322","--theme-code-border":"#262938"}};var names={"light":"light","dark":"dark","oat-light":"oat-light","oat:light":"oat-light","oat-dark":"oat-dark","oat:dark":"oat-dark","berry-light":"berry-light","berry:light":"berry-light","berry-dark":"berry-dark","berry:dark":"berry-dark","mint-light":"mint-light","mint:light":"mint-light","mint-dark":"mint-dark","mint:dark":"mint-dark","citrus-light":"citrus-light","citrus:light":"citrus-light","citrus-dark":"citrus-dark","citrus:dark":"citrus-dark","cocoa-light":"cocoa-light","cocoa:light":"cocoa-light","cocoa-dark":"cocoa-dark","cocoa:dark":"cocoa-dark","plum-light":"plum-light","plum:light":"plum-light","plum-dark":"plum-dark","plum:dark":"plum-dark","iris-light":"iris-light","iris:light":"iris-light","iris-dark":"iris-dark","iris:dark":"iris-dark","sky-light":"sky-light","sky:light":"sky-light","sky-dark":"sky-dark","sky:dark":"sky-dark","graphite-light":"graphite-light","graphite:light":"graphite-light","graphite-dark":"graphite-dark","graphite:dark":"graphite-dark","apple-light":"apple-light","apple:light":"apple-light","apple-dark":"apple-dark","apple:dark":"apple-dark","github-light":"github-light","github:light":"github-light","github-dark":"github-dark","github:dark":"github-dark","vercel-light":"vercel-light","vercel:light":"vercel-light","vercel-dark":"vercel-dark","vercel:dark":"vercel-dark","slack-light":"slack-light","slack:light":"slack-light","slack-dark":"slack-dark","slack:dark":"slack-dark","discord-light":"discord-light","discord:light":"discord-light","discord-dark":"discord-dark","discord:dark":"discord-dark","high-contrast-light":"high-contrast-light","high-contrast-dark":"high-contrast-dark","large-text-light":"large-text-light","large-text-dark":"large-text-dark","themvora-default-light":"themvora-default-light","themvora:light":"themvora-default-light","themvora-default-dark":"themvora-default-dark","themvora:dark":"themvora-default-dark","lab-light":"lab-light","lab:light":"lab-light","lab-dark":"lab-dark","lab:dark":"lab-dark","scope-light":"scope-light","scope:light":"scope-light","scope-dark":"scope-dark","scope:dark":"scope-dark","__default-light":"themvora-default-light","__default-dark":"themvora-default-dark"};var lbl={"light":"Light","dark":"Dark","oat-light":"Oat Light","oat-dark":"Oat Dark","berry-light":"Berry Light","berry-dark":"Berry Dark","mint-light":"Mint Light","mint-dark":"Mint Dark","citrus-light":"Citrus Light","citrus-dark":"Citrus Dark","cocoa-light":"Cocoa Light","cocoa-dark":"Cocoa Dark","plum-light":"Plum Light","plum-dark":"Plum Dark","iris-light":"Iris Light","iris-dark":"Iris Dark","sky-light":"Sky Light","sky-dark":"Sky Dark","graphite-light":"Graphite Light","graphite-dark":"Graphite Dark","apple-light":"Apple Light","apple-dark":"Apple Dark","github-light":"GitHub Light","github-dark":"GitHub Dark","vercel-light":"Vercel Light","vercel-dark":"Vercel Dark","slack-light":"Slack Light","slack-dark":"Slack Dark","discord-light":"Discord Light","discord-dark":"Discord Dark","high-contrast-light":"High Contrast Light","high-contrast-dark":"High Contrast Dark","large-text-light":"Large Text Light","large-text-dark":"Large Text Dark","themvora-default-light":"Themvora Light","themvora-default-dark":"Themvora Dark","lab-light":"Lab Light","lab-dark":"Lab Dark","scope-light":"Scope Light","scope-dark":"Scope Dark"};var key=(family&&map[family+':'+eff])?family+':'+eff:'__default-'+eff;if(!map[key]){for(var k in map){if(k.slice(-(eff.length+1))===':'+eff){key=k;break;}}}var i=key.indexOf(':');var fam=i>=0?key.slice(0,i):"themvora";var vars=map[key]||map['__default-light'];var name=names[key]||names['__default-'+eff]||null;var el=document.documentElement;var __all=["--theme-color-background","--theme-color-foreground","--theme-color-muted","--theme-color-mutedForeground","--theme-color-card","--theme-color-cardForeground","--theme-color-popover","--theme-color-popoverForeground","--theme-color-primary","--theme-color-primaryForeground","--theme-color-secondary","--theme-color-secondaryForeground","--theme-color-accent","--theme-color-accentForeground","--theme-color-destructive","--theme-color-destructiveForeground","--theme-color-success","--theme-color-successForeground","--theme-color-border","--theme-color-input","--theme-color-ring","--theme-spacing-0","--theme-spacing-1","--theme-spacing-2","--theme-spacing-3","--theme-spacing-4","--theme-spacing-5","--theme-spacing-6","--theme-spacing-7","--theme-spacing-8","--theme-spacing-9","--theme-spacing-10","--theme-spacing-11","--theme-spacing-12","--theme-spacing-14","--theme-spacing-16","--theme-spacing-20","--theme-spacing-24","--theme-spacing-px","--theme-spacing-0.5","--theme-spacing-1.5","--theme-spacing-2.5","--theme-spacing-3.5","--theme-radius-sm","--theme-radius-md","--theme-radius-lg","--theme-radius-xl","--theme-radius-2xl","--theme-radius-full","--theme-shadow-xs","--theme-shadow-sm","--theme-shadow-md","--theme-shadow-lg","--theme-shadow-xl","--theme-shadow-2xl","--theme-border-width-0","--theme-border-width-1","--theme-border-width-2","--theme-border-width-4","--theme-border-width-8","--theme-z-index-0","--theme-z-index-10","--theme-z-index-20","--theme-z-index-30","--theme-z-index-40","--theme-z-index-50","--theme-z-index-auto","--theme-breakpoint-sm","--theme-breakpoint-md","--theme-breakpoint-lg","--theme-breakpoint-xl","--theme-breakpoint-2xl","--theme-typography-font-family-sans","--theme-typography-font-family-serif","--theme-typography-font-family-mono","--theme-typography-font-size-xs","--theme-typography-font-size-sm","--theme-typography-font-size-base","--theme-typography-font-size-lg","--theme-typography-font-size-xl","--theme-typography-font-size-2xl","--theme-typography-font-size-3xl","--theme-typography-font-size-4xl","--theme-typography-font-size-5xl","--theme-typography-line-height-none","--theme-typography-line-height-tight","--theme-typography-line-height-snug","--theme-typography-line-height-normal","--theme-typography-line-height-relaxed","--theme-typography-line-height-loose","--theme-code-background","--theme-code-foreground","--theme-code-comment","--theme-code-keyword","--theme-code-string","--theme-code-number","--theme-code-function","--theme-code-variable","--theme-code-type","--theme-code-property","--theme-code-operator","--theme-code-punctuation","--theme-code-tag","--theme-code-attribute","--theme-code-lineNumber","--theme-code-selection","--theme-code-highlight","--theme-code-gutter","--theme-code-border","--theme-typography-font-size-6xl"];if(eff==='dark'){el.classList.add('dark');}else{el.classList.remove('dark');}el.style.colorScheme=eff;el.setAttribute('data-theme-mode',eff);if(fam){el.setAttribute('data-theme-family',fam);}if(name){el.setAttribute('data-theme',name);}el.setAttribute('data-theme-selection-mode',mode);if(family||fam){el.setAttribute('data-theme-selection-family',family||fam);}el.setAttribute('data-theme-ready','true');try{window.__THEMVORA_BOOTSTRAP__={theme:name,mode:eff,family:fam,label:(lbl[name]||null),selection:{mode:mode,family:family||fam}};}catch(e2){}var __tvPatch=function(){try{var t2=el.getAttribute('data-theme')||name;var m2=el.getAttribute('data-theme-selection-mode')||mode;var f3=el.getAttribute('data-theme-selection-family')||family||fam;var __tvW=function(n,v){var c=n.firstChild;if(c&&c.nodeType===3&&!c.nextSibling){if(c.nodeValue!==v){c.nodeValue=v;}return;}n.textContent=v;};var els=document.querySelectorAll('[data-tv-readout],[data-tv-pressed],[data-tv-select]');for(var q=0;q<els.length;q++){var n0=els[q];var rd=n0.getAttribute('data-tv-readout');if(rd){if(n0.getAttribute('data-tv-patched')==='1'){continue;}var v2=rd==='theme'?t2:(rd==='label'?(lbl[t2]||null):(rd==='mode'?m2:(rd==='family'?f3:null)));if(v2==null&&rd.slice(0,4)==='var:'){try{v2=getComputedStyle(el).getPropertyValue(rd.slice(4)).trim()||null;}catch(e3){v2=null;}}if(v2!=null){__tvW(n0,v2);n0.setAttribute('data-tv-patched','1');}continue;}var pr=n0.getAttribute('data-tv-pressed');if(pr){var want=n0.getAttribute('data-tv-value');var cur=pr==='mode'?m2:(pr==='family'?f3:null);if(cur!=null&&want!=null){var nx=String(cur===want);if(n0.getAttribute('aria-pressed')!==nx){n0.setAttribute('aria-pressed',nx);}}continue;}var se=n0.getAttribute('data-tv-select');if(se){var want2=se==='family'?f3:(se==='mode'?m2:null);if(want2!=null&&n0.value!==want2){for(var o=0;o<n0.options.length;o++){if(n0.options[o].value===want2){n0.value=want2;break;}}}}}}catch(e4){}};try{__tvPatch();if(window.MutationObserver&&el&&!window.__THEMVORA_READOUT_OBSERVER__){window.__THEMVORA_READOUT_OBSERVER__=new MutationObserver(function(){__tvPatch();});window.__THEMVORA_READOUT_OBSERVER__.observe(el,{childList:true,subtree:true});}}catch(e5){}if(vars){for(var p in vars){el.style.setProperty(p,vars[p]);}for(var a=0;a<__all.length;a++){var an=__all[a];if(!(an in vars)){el.style.removeProperty(an);}}}}catch(e){}})()Switch the source to see the two persistence contracts: the cookie source is what @themvora/next reads on the server, the storage source is what the SPA providers read before first paint. Both are fingerprint-validated against the registry.
1Persist
Every selection is mirrored to cookies (SSR) or localStorage (SPA), tagged with a registry fingerprint.
2Resolve
The fingerprint is validated, then family + effective mode resolve to a concrete theme.
3Block
A blocking <head> script writes the CSS variables and data-theme attributes before first paint.
4Paint
The first frame is already the visitor's theme; the runtime adopts the painted state on hydrate.
Deep dive: Zero-flash guide · SSR & hydration · Persistence
No wiring to copy — every supported framework provider already emits this exact bootstrap script for you: ThemeProvider on Next.js and the SPA providers inject it during render, before first paint. The script above is what they generate under the hood. See the framework guides for the one-line setup per stack.