@cooud-ui/tokens 0.1.0 → 0.2.0

package/README.md

@@ -14,7 +14,7 @@ Cooud color/typography/elevation scale in your own components.
 
 ## Install
 
-> Published on npm under the `@cooud` scope (available once `v0.1.0` is released).
+> Published on npm under the `@cooud-ui` scope.
 
 ```sh
 # npm
@@ -100,8 +100,8 @@ Exports: `themes`, `themeNames`, `modes`, `defaultTheme`, `defaultMode`,
   **Neutral** — each with `light` and `dark` modes.
 
 The generated `styles/tokens.css` and `preset/` are checked in. After editing
-`src/tokens.ts`, regenerate them with `tokens:generate`; CI verifies they are in
-sync with `tokens:check`.
+`src/tokens.ts`, regenerate them with `tokens:generate`; verify they are in sync
+with `tokens:check`.
 
 ## Related packages
 

package/dist/tokens.d.ts

@@ -9,7 +9,7 @@
  * Values are cherry-picked from the premium Aurora language (cooud-workforce /
  * cooud-exchange) and the Neutral language (dashboard / refund / status).
  */
-export type ThemeName = "aurora" | "neutral";
+export type ThemeName = "aurora" | "neutral" | "midnight" | "sunset" | "emerald";
 export type Mode = "light" | "dark";
 export interface ThemeTokens {
     primary: string;

package/dist/tokens.js

@@ -151,11 +151,117 @@ const neutralDark = {
     error: "oklch(0.704 0.191 22.216)",
     shadowGlow: "0 0 0 4px oklch(0.6 0 0 / 0.3)",
 };
+/*
+ * Brand presets — each spreads the matching Aurora base (keeping its WCAG-tuned
+ * surface / fg / border ramps) and overrides ONLY the brand-relative tokens:
+ * primary, accent, their foregrounds, ring, the chart ramp, the brand-hued glow,
+ * and a hue-matched info/success tint. This keeps a11y proven while making each
+ * preset visually distinct.
+ */
+// Midnight — deep indigo → violet, premium dark-first.
+const midnightDark = {
+    ...auroraDark,
+    primary: "oklch(0.55 0.205 280)", // indigo #6158e4
+    primaryForeground: "oklch(0.985 0.005 285)",
+    accent: "oklch(0.53 0.2 292)", // violet #734ad3
+    accentForeground: "oklch(0.985 0.005 285)",
+    ring: "oklch(0.55 0.205 280)",
+    info: "oklch(0.62 0.16 280)", // indigo-tinted info
+    chart1: "oklch(0.55 0.205 280)",
+    chart2: "oklch(0.6 0.2 295)",
+    chart3: "oklch(0.66 0.2 300)", // #a76ef8
+    chart4: "oklch(0.62 0.19 268)",
+    chart5: "oklch(0.7 0.16 315)",
+    shadowGlow: "0 12px 32px rgba(97,88,228,0.34)",
+};
+const midnightLight = {
+    ...auroraLight,
+    primary: "oklch(0.55 0.205 280)",
+    primaryForeground: "oklch(0.985 0.005 285)",
+    accent: "oklch(0.53 0.2 292)",
+    accentForeground: "oklch(0.985 0.005 285)",
+    ring: "oklch(0.55 0.205 280)",
+    info: "oklch(0.5 0.17 280)",
+    chart1: "oklch(0.55 0.205 280)",
+    chart2: "oklch(0.6 0.2 295)",
+    chart3: "oklch(0.66 0.2 300)",
+    chart4: "oklch(0.62 0.19 268)",
+    chart5: "oklch(0.7 0.16 315)",
+    shadowGlow: "0 12px 32px rgba(97,88,228,0.24)",
+};
+// Sunset — warm amber → rose, energetic.
+const sunsetDark = {
+    ...auroraDark,
+    primary: "oklch(0.78 0.16 65)", // amber #fc9f30
+    primaryForeground: "oklch(0.24 0.05 55)",
+    accent: "oklch(0.585 0.22 18)", // rose #e01f47
+    accentForeground: "oklch(0.99 0.01 40)",
+    ring: "oklch(0.78 0.16 65)",
+    success: "oklch(0.74 0.16 130)", // warm-leaning green to fit the palette
+    info: "oklch(0.72 0.13 55)", // amber-tinted info
+    chart1: "oklch(0.78 0.16 65)",
+    chart2: "oklch(0.7 0.19 40)",
+    chart3: "oklch(0.585 0.22 18)", // #e01f47
+    chart4: "oklch(0.82 0.16 85)",
+    chart5: "oklch(0.66 0.18 4)",
+    shadowGlow: "0 12px 32px rgba(252,159,48,0.34)",
+};
+const sunsetLight = {
+    ...auroraLight,
+    primary: "oklch(0.78 0.16 65)",
+    primaryForeground: "oklch(0.24 0.05 55)",
+    accent: "oklch(0.585 0.22 18)",
+    accentForeground: "oklch(0.99 0.01 40)",
+    ring: "oklch(0.78 0.16 65)",
+    success: "oklch(0.55 0.15 130)",
+    info: "oklch(0.55 0.13 55)",
+    chart1: "oklch(0.7 0.16 60)",
+    chart2: "oklch(0.62 0.19 40)",
+    chart3: "oklch(0.585 0.22 18)",
+    chart4: "oklch(0.76 0.16 85)",
+    chart5: "oklch(0.58 0.18 4)",
+    shadowGlow: "0 12px 32px rgba(252,159,48,0.24)",
+};
+// Emerald — fresh green → teal.
+const emeraldDark = {
+    ...auroraDark,
+    primary: "oklch(0.74 0.16 160)", // green #23c987
+    primaryForeground: "oklch(0.2 0.04 160)",
+    accent: "oklch(0.76 0.12 185)", // teal #3bcabb
+    accentForeground: "oklch(0.2 0.04 185)",
+    ring: "oklch(0.74 0.16 160)",
+    info: "oklch(0.74 0.12 185)", // teal-tinted info
+    chart1: "oklch(0.74 0.16 160)",
+    chart2: "oklch(0.76 0.12 185)",
+    chart3: "oklch(0.68 0.15 145)",
+    chart4: "oklch(0.7 0.13 200)",
+    chart5: "oklch(0.8 0.15 130)",
+    shadowGlow: "0 12px 32px rgba(35,201,135,0.34)",
+};
+const emeraldLight = {
+    ...auroraLight,
+    primary: "oklch(0.74 0.16 160)",
+    primaryForeground: "oklch(0.2 0.04 160)",
+    accent: "oklch(0.76 0.12 185)",
+    accentForeground: "oklch(0.2 0.04 185)",
+    ring: "oklch(0.74 0.16 160)",
+    success: "oklch(0.52 0.14 160)",
+    info: "oklch(0.52 0.11 185)",
+    chart1: "oklch(0.6 0.15 160)",
+    chart2: "oklch(0.62 0.11 185)",
+    chart3: "oklch(0.55 0.14 145)",
+    chart4: "oklch(0.58 0.12 200)",
+    chart5: "oklch(0.68 0.14 130)",
+    shadowGlow: "0 12px 32px rgba(35,201,135,0.22)",
+};
 export const themes = {
     aurora: { light: auroraLight, dark: auroraDark },
     neutral: { light: neutralLight, dark: neutralDark },
+    midnight: { light: midnightLight, dark: midnightDark },
+    sunset: { light: sunsetLight, dark: sunsetDark },
+    emerald: { light: emeraldLight, dark: emeraldDark },
 };
-export const themeNames = ["aurora", "neutral"];
+export const themeNames = ["aurora", "neutral", "midnight", "sunset", "emerald"];
 export const modes = ["light", "dark"];
 export const defaultTheme = "aurora";
 export const defaultMode = "dark";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cooud-ui/tokens",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Cooud design tokens — source of truth (TS) + CSS variable bridge + Tailwind v4 preset.",
   "type": "module",
   "exports": {

package/styles/tokens.css

@@ -181,6 +181,219 @@
   --cooud-shadow-glow: 0 0 0 4px oklch(0.6 0 0 / 0.3);
 }
 
+/*
+ * Brand presets — each spreads the Aurora ramp (proven WCAG-AA surfaces / fg /
+ * borders) and overrides only the brand-relative tokens. Authored light-first
+ * (base block = light) with a dark delta, matching the Neutral cascade shape.
+ */
+
+/* Midnight preset — light base; dark delta below. */
+[data-cooud-theme="midnight"] {
+  color-scheme: light;
+  --cooud-primary: oklch(0.55 0.205 280);
+  --cooud-primary-foreground: oklch(0.985 0.005 285);
+  --cooud-accent: oklch(0.53 0.2 292);
+  --cooud-accent-foreground: oklch(0.985 0.005 285);
+  --cooud-surface-base: oklch(1 0 0);
+  --cooud-surface-inset: oklch(0.985 0 0);
+  --cooud-surface-raised: oklch(1 0 0);
+  --cooud-surface-overlay: oklch(0.967 0.001 286);
+  --cooud-surface-elevated: oklch(1 0 0);
+  --cooud-surface-floating: oklch(1 0 0);
+  --cooud-fg: oklch(0.235 0.006 285.9);
+  --cooud-fg-secondary: oklch(0.442 0.013 286);
+  --cooud-fg-tertiary: oklch(0.552 0.014 286);
+  --cooud-fg-muted: oklch(0.705 0.015 286);
+  --cooud-fg-inverse: oklch(0.985 0.001 106.4);
+  --cooud-border: oklch(0 0 0 / 0.1);
+  --cooud-border-strong: oklch(0 0 0 / 0.14);
+  --cooud-border-soft: oklch(0 0 0 / 0.06);
+  --cooud-ring: oklch(0.55 0.205 280);
+  --cooud-success: oklch(0.52 0.15 162);
+  --cooud-warning: oklch(0.52 0.12 70);
+  --cooud-error: oklch(0.55 0.2 25);
+  --cooud-info: oklch(0.5 0.17 280);
+  --cooud-radius: 14px;
+  --cooud-chart-1: oklch(0.55 0.205 280);
+  --cooud-chart-2: oklch(0.6 0.2 295);
+  --cooud-chart-3: oklch(0.66 0.2 300);
+  --cooud-chart-4: oklch(0.62 0.19 268);
+  --cooud-chart-5: oklch(0.7 0.16 315);
+  --cooud-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-sm: 0 2px 4px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-md: 0 6px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-lg: 0 12px 24px rgba(16, 24, 40, 0.12), 0 4px 8px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-glow: 0 12px 32px rgba(97, 88, 228, 0.24);
+}
+
+[data-cooud-theme="midnight"][data-cooud-mode="dark"] {
+  color-scheme: dark;
+  --cooud-surface-base: oklch(0.145 0.005 285.8);
+  --cooud-surface-inset: oklch(0.165 0.005 285.8);
+  --cooud-surface-raised: oklch(0.195 0.005 285.8);
+  --cooud-surface-overlay: oklch(0.235 0.006 285.9);
+  --cooud-surface-elevated: oklch(0.27 0.006 286);
+  --cooud-surface-floating: oklch(0.2 0.006 286);
+  --cooud-fg: oklch(0.985 0.001 106.4);
+  --cooud-fg-secondary: oklch(0.705 0.015 286);
+  --cooud-fg-tertiary: oklch(0.62 0.014 286);
+  --cooud-fg-muted: oklch(0.442 0.013 286);
+  --cooud-fg-inverse: oklch(0.235 0.006 285.9);
+  --cooud-border: oklch(1 0 0 / 0.1);
+  --cooud-border-strong: oklch(1 0 0 / 0.14);
+  --cooud-border-soft: oklch(1 0 0 / 0.06);
+  --cooud-success: oklch(0.715 0.155 162.5);
+  --cooud-warning: oklch(0.769 0.166 70.08);
+  --cooud-error: oklch(0.645 0.222 16.44);
+  --cooud-info: oklch(0.62 0.16 280);
+  --cooud-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
+  --cooud-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.22);
+  --cooud-shadow-md: 0 6px 12px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.16);
+  --cooud-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.28), 0 4px 8px rgba(0, 0, 0, 0.18);
+  --cooud-shadow-glow: 0 12px 32px rgba(97, 88, 228, 0.34);
+}
+
+/* Sunset preset — light base; dark delta below. */
+[data-cooud-theme="sunset"] {
+  color-scheme: light;
+  --cooud-primary: oklch(0.78 0.16 65);
+  --cooud-primary-foreground: oklch(0.24 0.05 55);
+  --cooud-accent: oklch(0.585 0.22 18);
+  --cooud-accent-foreground: oklch(0.99 0.01 40);
+  --cooud-surface-base: oklch(1 0 0);
+  --cooud-surface-inset: oklch(0.985 0 0);
+  --cooud-surface-raised: oklch(1 0 0);
+  --cooud-surface-overlay: oklch(0.967 0.001 286);
+  --cooud-surface-elevated: oklch(1 0 0);
+  --cooud-surface-floating: oklch(1 0 0);
+  --cooud-fg: oklch(0.235 0.006 285.9);
+  --cooud-fg-secondary: oklch(0.442 0.013 286);
+  --cooud-fg-tertiary: oklch(0.552 0.014 286);
+  --cooud-fg-muted: oklch(0.705 0.015 286);
+  --cooud-fg-inverse: oklch(0.985 0.001 106.4);
+  --cooud-border: oklch(0 0 0 / 0.1);
+  --cooud-border-strong: oklch(0 0 0 / 0.14);
+  --cooud-border-soft: oklch(0 0 0 / 0.06);
+  --cooud-ring: oklch(0.78 0.16 65);
+  --cooud-success: oklch(0.55 0.15 130);
+  --cooud-warning: oklch(0.52 0.12 70);
+  --cooud-error: oklch(0.55 0.2 25);
+  --cooud-info: oklch(0.55 0.13 55);
+  --cooud-radius: 14px;
+  --cooud-chart-1: oklch(0.7 0.16 60);
+  --cooud-chart-2: oklch(0.62 0.19 40);
+  --cooud-chart-3: oklch(0.585 0.22 18);
+  --cooud-chart-4: oklch(0.76 0.16 85);
+  --cooud-chart-5: oklch(0.58 0.18 4);
+  --cooud-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-sm: 0 2px 4px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-md: 0 6px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-lg: 0 12px 24px rgba(16, 24, 40, 0.12), 0 4px 8px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-glow: 0 12px 32px rgba(252, 159, 48, 0.24);
+}
+
+[data-cooud-theme="sunset"][data-cooud-mode="dark"] {
+  color-scheme: dark;
+  --cooud-surface-base: oklch(0.145 0.005 285.8);
+  --cooud-surface-inset: oklch(0.165 0.005 285.8);
+  --cooud-surface-raised: oklch(0.195 0.005 285.8);
+  --cooud-surface-overlay: oklch(0.235 0.006 285.9);
+  --cooud-surface-elevated: oklch(0.27 0.006 286);
+  --cooud-surface-floating: oklch(0.2 0.006 286);
+  --cooud-fg: oklch(0.985 0.001 106.4);
+  --cooud-fg-secondary: oklch(0.705 0.015 286);
+  --cooud-fg-tertiary: oklch(0.62 0.014 286);
+  --cooud-fg-muted: oklch(0.442 0.013 286);
+  --cooud-fg-inverse: oklch(0.235 0.006 285.9);
+  --cooud-border: oklch(1 0 0 / 0.1);
+  --cooud-border-strong: oklch(1 0 0 / 0.14);
+  --cooud-border-soft: oklch(1 0 0 / 0.06);
+  --cooud-success: oklch(0.74 0.16 130);
+  --cooud-warning: oklch(0.769 0.166 70.08);
+  --cooud-error: oklch(0.645 0.222 16.44);
+  --cooud-info: oklch(0.72 0.13 55);
+  --cooud-chart-1: oklch(0.78 0.16 65);
+  --cooud-chart-2: oklch(0.7 0.19 40);
+  --cooud-chart-4: oklch(0.82 0.16 85);
+  --cooud-chart-5: oklch(0.66 0.18 4);
+  --cooud-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
+  --cooud-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.22);
+  --cooud-shadow-md: 0 6px 12px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.16);
+  --cooud-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.28), 0 4px 8px rgba(0, 0, 0, 0.18);
+  --cooud-shadow-glow: 0 12px 32px rgba(252, 159, 48, 0.34);
+}
+
+/* Emerald preset — light base; dark delta below. */
+[data-cooud-theme="emerald"] {
+  color-scheme: light;
+  --cooud-primary: oklch(0.74 0.16 160);
+  --cooud-primary-foreground: oklch(0.2 0.04 160);
+  --cooud-accent: oklch(0.76 0.12 185);
+  --cooud-accent-foreground: oklch(0.2 0.04 185);
+  --cooud-surface-base: oklch(1 0 0);
+  --cooud-surface-inset: oklch(0.985 0 0);
+  --cooud-surface-raised: oklch(1 0 0);
+  --cooud-surface-overlay: oklch(0.967 0.001 286);
+  --cooud-surface-elevated: oklch(1 0 0);
+  --cooud-surface-floating: oklch(1 0 0);
+  --cooud-fg: oklch(0.235 0.006 285.9);
+  --cooud-fg-secondary: oklch(0.442 0.013 286);
+  --cooud-fg-tertiary: oklch(0.552 0.014 286);
+  --cooud-fg-muted: oklch(0.705 0.015 286);
+  --cooud-fg-inverse: oklch(0.985 0.001 106.4);
+  --cooud-border: oklch(0 0 0 / 0.1);
+  --cooud-border-strong: oklch(0 0 0 / 0.14);
+  --cooud-border-soft: oklch(0 0 0 / 0.06);
+  --cooud-ring: oklch(0.74 0.16 160);
+  --cooud-success: oklch(0.52 0.14 160);
+  --cooud-warning: oklch(0.52 0.12 70);
+  --cooud-error: oklch(0.55 0.2 25);
+  --cooud-info: oklch(0.52 0.11 185);
+  --cooud-radius: 14px;
+  --cooud-chart-1: oklch(0.6 0.15 160);
+  --cooud-chart-2: oklch(0.62 0.11 185);
+  --cooud-chart-3: oklch(0.55 0.14 145);
+  --cooud-chart-4: oklch(0.58 0.12 200);
+  --cooud-chart-5: oklch(0.68 0.14 130);
+  --cooud-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-sm: 0 2px 4px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-md: 0 6px 12px rgba(16, 24, 40, 0.1), 0 2px 4px rgba(16, 24, 40, 0.06);
+  --cooud-shadow-lg: 0 12px 24px rgba(16, 24, 40, 0.12), 0 4px 8px rgba(16, 24, 40, 0.08);
+  --cooud-shadow-glow: 0 12px 32px rgba(35, 201, 135, 0.22);
+}
+
+[data-cooud-theme="emerald"][data-cooud-mode="dark"] {
+  color-scheme: dark;
+  --cooud-surface-base: oklch(0.145 0.005 285.8);
+  --cooud-surface-inset: oklch(0.165 0.005 285.8);
+  --cooud-surface-raised: oklch(0.195 0.005 285.8);
+  --cooud-surface-overlay: oklch(0.235 0.006 285.9);
+  --cooud-surface-elevated: oklch(0.27 0.006 286);
+  --cooud-surface-floating: oklch(0.2 0.006 286);
+  --cooud-fg: oklch(0.985 0.001 106.4);
+  --cooud-fg-secondary: oklch(0.705 0.015 286);
+  --cooud-fg-tertiary: oklch(0.62 0.014 286);
+  --cooud-fg-muted: oklch(0.442 0.013 286);
+  --cooud-fg-inverse: oklch(0.235 0.006 285.9);
+  --cooud-border: oklch(1 0 0 / 0.1);
+  --cooud-border-strong: oklch(1 0 0 / 0.14);
+  --cooud-border-soft: oklch(1 0 0 / 0.06);
+  --cooud-success: oklch(0.715 0.155 162.5);
+  --cooud-warning: oklch(0.769 0.166 70.08);
+  --cooud-error: oklch(0.645 0.222 16.44);
+  --cooud-info: oklch(0.74 0.12 185);
+  --cooud-chart-1: oklch(0.74 0.16 160);
+  --cooud-chart-2: oklch(0.76 0.12 185);
+  --cooud-chart-3: oklch(0.68 0.15 145);
+  --cooud-chart-4: oklch(0.7 0.13 200);
+  --cooud-chart-5: oklch(0.8 0.15 130);
+  --cooud-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.2);
+  --cooud-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.22);
+  --cooud-shadow-md: 0 6px 12px rgba(0, 0, 0, 0.24), 0 2px 4px rgba(0, 0, 0, 0.16);
+  --cooud-shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.28), 0 4px 8px rgba(0, 0, 0, 0.18);
+  --cooud-shadow-glow: 0 12px 32px rgba(35, 201, 135, 0.34);
+}
+
 /* ------------------------------------------------------------------ *
  * 2. @theme inline — Tailwind v4 utility bridge
  * ------------------------------------------------------------------ */

package/styles/tokens.json

@@ -2,7 +2,7 @@
   "$comment": "GENERATED by packages/tokens/scripts/build-tokens.ts from src/tokens.ts — do not edit by hand.",
   "defaultTheme": "aurora",
   "defaultMode": "dark",
-  "themes": ["aurora", "neutral"],
+  "themes": ["aurora", "neutral", "midnight", "sunset", "emerald"],
   "modes": ["light", "dark"],
   "cssVarMap": {
     "primary": "--cooud-primary",
@@ -203,6 +203,246 @@
         "shadowLg": "0 12px 24px rgba(16,24,40,0.10), 0 4px 8px rgba(16,24,40,0.06)",
         "shadowGlow": "0 0 0 4px oklch(0.6 0 0 / 0.3)"
       }
+    },
+    "midnight": {
+      "light": {
+        "primary": "oklch(0.55 0.205 280)",
+        "primaryForeground": "oklch(0.985 0.005 285)",
+        "accent": "oklch(0.53 0.2 292)",
+        "accentForeground": "oklch(0.985 0.005 285)",
+        "surfaceBase": "oklch(1 0 0)",
+        "surfaceInset": "oklch(0.985 0 0)",
+        "surfaceRaised": "oklch(1 0 0)",
+        "surfaceOverlay": "oklch(0.967 0.001 286)",
+        "surfaceElevated": "oklch(1 0 0)",
+        "surfaceFloating": "oklch(1 0 0)",
+        "fg": "oklch(0.235 0.006 285.9)",
+        "fgSecondary": "oklch(0.442 0.013 286)",
+        "fgTertiary": "oklch(0.552 0.014 286)",
+        "fgMuted": "oklch(0.705 0.015 286)",
+        "fgInverse": "oklch(0.985 0.001 106.4)",
+        "border": "oklch(0 0 0 / 0.1)",
+        "borderStrong": "oklch(0 0 0 / 0.14)",
+        "borderSoft": "oklch(0 0 0 / 0.06)",
+        "ring": "oklch(0.55 0.205 280)",
+        "success": "oklch(0.52 0.15 162)",
+        "warning": "oklch(0.52 0.12 70)",
+        "error": "oklch(0.55 0.2 25)",
+        "info": "oklch(0.5 0.17 280)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.55 0.205 280)",
+        "chart2": "oklch(0.6 0.2 295)",
+        "chart3": "oklch(0.66 0.2 300)",
+        "chart4": "oklch(0.62 0.19 268)",
+        "chart5": "oklch(0.7 0.16 315)",
+        "shadowXs": "0 1px 2px rgba(16,24,40,0.06)",
+        "shadowSm": "0 2px 4px rgba(16,24,40,0.08)",
+        "shadowMd": "0 6px 12px rgba(16,24,40,0.10), 0 2px 4px rgba(16,24,40,0.06)",
+        "shadowLg": "0 12px 24px rgba(16,24,40,0.12), 0 4px 8px rgba(16,24,40,0.08)",
+        "shadowGlow": "0 12px 32px rgba(97,88,228,0.24)"
+      },
+      "dark": {
+        "primary": "oklch(0.55 0.205 280)",
+        "primaryForeground": "oklch(0.985 0.005 285)",
+        "accent": "oklch(0.53 0.2 292)",
+        "accentForeground": "oklch(0.985 0.005 285)",
+        "surfaceBase": "oklch(0.145 0.005 285.8)",
+        "surfaceInset": "oklch(0.165 0.005 285.8)",
+        "surfaceRaised": "oklch(0.195 0.005 285.8)",
+        "surfaceOverlay": "oklch(0.235 0.006 285.9)",
+        "surfaceElevated": "oklch(0.27 0.006 286)",
+        "surfaceFloating": "oklch(0.2 0.006 286)",
+        "fg": "oklch(0.985 0.001 106.4)",
+        "fgSecondary": "oklch(0.705 0.015 286)",
+        "fgTertiary": "oklch(0.62 0.014 286)",
+        "fgMuted": "oklch(0.442 0.013 286)",
+        "fgInverse": "oklch(0.235 0.006 285.9)",
+        "border": "oklch(1 0 0 / 0.1)",
+        "borderStrong": "oklch(1 0 0 / 0.14)",
+        "borderSoft": "oklch(1 0 0 / 0.06)",
+        "ring": "oklch(0.55 0.205 280)",
+        "success": "oklch(0.715 0.155 162.5)",
+        "warning": "oklch(0.769 0.166 70.08)",
+        "error": "oklch(0.645 0.222 16.44)",
+        "info": "oklch(0.62 0.16 280)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.55 0.205 280)",
+        "chart2": "oklch(0.6 0.2 295)",
+        "chart3": "oklch(0.66 0.2 300)",
+        "chart4": "oklch(0.62 0.19 268)",
+        "chart5": "oklch(0.7 0.16 315)",
+        "shadowXs": "0 1px 2px rgba(0,0,0,0.20)",
+        "shadowSm": "0 2px 4px rgba(0,0,0,0.22)",
+        "shadowMd": "0 6px 12px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.16)",
+        "shadowLg": "0 12px 24px rgba(0,0,0,0.28), 0 4px 8px rgba(0,0,0,0.18)",
+        "shadowGlow": "0 12px 32px rgba(97,88,228,0.34)"
+      }
+    },
+    "sunset": {
+      "light": {
+        "primary": "oklch(0.78 0.16 65)",
+        "primaryForeground": "oklch(0.24 0.05 55)",
+        "accent": "oklch(0.585 0.22 18)",
+        "accentForeground": "oklch(0.99 0.01 40)",
+        "surfaceBase": "oklch(1 0 0)",
+        "surfaceInset": "oklch(0.985 0 0)",
+        "surfaceRaised": "oklch(1 0 0)",
+        "surfaceOverlay": "oklch(0.967 0.001 286)",
+        "surfaceElevated": "oklch(1 0 0)",
+        "surfaceFloating": "oklch(1 0 0)",
+        "fg": "oklch(0.235 0.006 285.9)",
+        "fgSecondary": "oklch(0.442 0.013 286)",
+        "fgTertiary": "oklch(0.552 0.014 286)",
+        "fgMuted": "oklch(0.705 0.015 286)",
+        "fgInverse": "oklch(0.985 0.001 106.4)",
+        "border": "oklch(0 0 0 / 0.1)",
+        "borderStrong": "oklch(0 0 0 / 0.14)",
+        "borderSoft": "oklch(0 0 0 / 0.06)",
+        "ring": "oklch(0.78 0.16 65)",
+        "success": "oklch(0.55 0.15 130)",
+        "warning": "oklch(0.52 0.12 70)",
+        "error": "oklch(0.55 0.2 25)",
+        "info": "oklch(0.55 0.13 55)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.7 0.16 60)",
+        "chart2": "oklch(0.62 0.19 40)",
+        "chart3": "oklch(0.585 0.22 18)",
+        "chart4": "oklch(0.76 0.16 85)",
+        "chart5": "oklch(0.58 0.18 4)",
+        "shadowXs": "0 1px 2px rgba(16,24,40,0.06)",
+        "shadowSm": "0 2px 4px rgba(16,24,40,0.08)",
+        "shadowMd": "0 6px 12px rgba(16,24,40,0.10), 0 2px 4px rgba(16,24,40,0.06)",
+        "shadowLg": "0 12px 24px rgba(16,24,40,0.12), 0 4px 8px rgba(16,24,40,0.08)",
+        "shadowGlow": "0 12px 32px rgba(252,159,48,0.24)"
+      },
+      "dark": {
+        "primary": "oklch(0.78 0.16 65)",
+        "primaryForeground": "oklch(0.24 0.05 55)",
+        "accent": "oklch(0.585 0.22 18)",
+        "accentForeground": "oklch(0.99 0.01 40)",
+        "surfaceBase": "oklch(0.145 0.005 285.8)",
+        "surfaceInset": "oklch(0.165 0.005 285.8)",
+        "surfaceRaised": "oklch(0.195 0.005 285.8)",
+        "surfaceOverlay": "oklch(0.235 0.006 285.9)",
+        "surfaceElevated": "oklch(0.27 0.006 286)",
+        "surfaceFloating": "oklch(0.2 0.006 286)",
+        "fg": "oklch(0.985 0.001 106.4)",
+        "fgSecondary": "oklch(0.705 0.015 286)",
+        "fgTertiary": "oklch(0.62 0.014 286)",
+        "fgMuted": "oklch(0.442 0.013 286)",
+        "fgInverse": "oklch(0.235 0.006 285.9)",
+        "border": "oklch(1 0 0 / 0.1)",
+        "borderStrong": "oklch(1 0 0 / 0.14)",
+        "borderSoft": "oklch(1 0 0 / 0.06)",
+        "ring": "oklch(0.78 0.16 65)",
+        "success": "oklch(0.74 0.16 130)",
+        "warning": "oklch(0.769 0.166 70.08)",
+        "error": "oklch(0.645 0.222 16.44)",
+        "info": "oklch(0.72 0.13 55)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.78 0.16 65)",
+        "chart2": "oklch(0.7 0.19 40)",
+        "chart3": "oklch(0.585 0.22 18)",
+        "chart4": "oklch(0.82 0.16 85)",
+        "chart5": "oklch(0.66 0.18 4)",
+        "shadowXs": "0 1px 2px rgba(0,0,0,0.20)",
+        "shadowSm": "0 2px 4px rgba(0,0,0,0.22)",
+        "shadowMd": "0 6px 12px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.16)",
+        "shadowLg": "0 12px 24px rgba(0,0,0,0.28), 0 4px 8px rgba(0,0,0,0.18)",
+        "shadowGlow": "0 12px 32px rgba(252,159,48,0.34)"
+      }
+    },
+    "emerald": {
+      "light": {
+        "primary": "oklch(0.74 0.16 160)",
+        "primaryForeground": "oklch(0.2 0.04 160)",
+        "accent": "oklch(0.76 0.12 185)",
+        "accentForeground": "oklch(0.2 0.04 185)",
+        "surfaceBase": "oklch(1 0 0)",
+        "surfaceInset": "oklch(0.985 0 0)",
+        "surfaceRaised": "oklch(1 0 0)",
+        "surfaceOverlay": "oklch(0.967 0.001 286)",
+        "surfaceElevated": "oklch(1 0 0)",
+        "surfaceFloating": "oklch(1 0 0)",
+        "fg": "oklch(0.235 0.006 285.9)",
+        "fgSecondary": "oklch(0.442 0.013 286)",
+        "fgTertiary": "oklch(0.552 0.014 286)",
+        "fgMuted": "oklch(0.705 0.015 286)",
+        "fgInverse": "oklch(0.985 0.001 106.4)",
+        "border": "oklch(0 0 0 / 0.1)",
+        "borderStrong": "oklch(0 0 0 / 0.14)",
+        "borderSoft": "oklch(0 0 0 / 0.06)",
+        "ring": "oklch(0.74 0.16 160)",
+        "success": "oklch(0.52 0.14 160)",
+        "warning": "oklch(0.52 0.12 70)",
+        "error": "oklch(0.55 0.2 25)",
+        "info": "oklch(0.52 0.11 185)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.6 0.15 160)",
+        "chart2": "oklch(0.62 0.11 185)",
+        "chart3": "oklch(0.55 0.14 145)",
+        "chart4": "oklch(0.58 0.12 200)",
+        "chart5": "oklch(0.68 0.14 130)",
+        "shadowXs": "0 1px 2px rgba(16,24,40,0.06)",
+        "shadowSm": "0 2px 4px rgba(16,24,40,0.08)",
+        "shadowMd": "0 6px 12px rgba(16,24,40,0.10), 0 2px 4px rgba(16,24,40,0.06)",
+        "shadowLg": "0 12px 24px rgba(16,24,40,0.12), 0 4px 8px rgba(16,24,40,0.08)",
+        "shadowGlow": "0 12px 32px rgba(35,201,135,0.22)"
+      },
+      "dark": {
+        "primary": "oklch(0.74 0.16 160)",
+        "primaryForeground": "oklch(0.2 0.04 160)",
+        "accent": "oklch(0.76 0.12 185)",
+        "accentForeground": "oklch(0.2 0.04 185)",
+        "surfaceBase": "oklch(0.145 0.005 285.8)",
+        "surfaceInset": "oklch(0.165 0.005 285.8)",
+        "surfaceRaised": "oklch(0.195 0.005 285.8)",
+        "surfaceOverlay": "oklch(0.235 0.006 285.9)",
+        "surfaceElevated": "oklch(0.27 0.006 286)",
+        "surfaceFloating": "oklch(0.2 0.006 286)",
+        "fg": "oklch(0.985 0.001 106.4)",
+        "fgSecondary": "oklch(0.705 0.015 286)",
+        "fgTertiary": "oklch(0.62 0.014 286)",
+        "fgMuted": "oklch(0.442 0.013 286)",
+        "fgInverse": "oklch(0.235 0.006 285.9)",
+        "border": "oklch(1 0 0 / 0.1)",
+        "borderStrong": "oklch(1 0 0 / 0.14)",
+        "borderSoft": "oklch(1 0 0 / 0.06)",
+        "ring": "oklch(0.74 0.16 160)",
+        "success": "oklch(0.715 0.155 162.5)",
+        "warning": "oklch(0.769 0.166 70.08)",
+        "error": "oklch(0.645 0.222 16.44)",
+        "info": "oklch(0.74 0.12 185)",
+        "radius": "14px",
+        "fontSans": "\"SF Pro Text\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontDisplay": "\"SF Pro Display\", Geist, -apple-system, BlinkMacSystemFont, system-ui, sans-serif",
+        "fontMono": "\"SF Mono\", \"JetBrains Mono\", ui-monospace, Menlo, Consolas, monospace",
+        "chart1": "oklch(0.74 0.16 160)",
+        "chart2": "oklch(0.76 0.12 185)",
+        "chart3": "oklch(0.68 0.15 145)",
+        "chart4": "oklch(0.7 0.13 200)",
+        "chart5": "oklch(0.8 0.15 130)",
+        "shadowXs": "0 1px 2px rgba(0,0,0,0.20)",
+        "shadowSm": "0 2px 4px rgba(0,0,0,0.22)",
+        "shadowMd": "0 6px 12px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.16)",
+        "shadowLg": "0 12px 24px rgba(0,0,0,0.28), 0 4px 8px rgba(0,0,0,0.18)",
+        "shadowGlow": "0 12px 32px rgba(35,201,135,0.34)"
+      }
     }
   }
 }