@salonradar/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,59 @@
+export { cn } from './lib/utils';
+export { Logo } from './logo';
+export { ThemeProvider } from './theme-provider';
+export { useIsMobile } from './hooks/use-mobile';
+export { useToast, toast } from './hooks/use-toast';
+export * from './components/ui/accordion';
+export * from './components/ui/alert-dialog';
+export * from './components/ui/alert';
+export * from './components/ui/aspect-ratio';
+export * from './components/ui/avatar';
+export * from './components/ui/badge';
+export * from './components/ui/breadcrumb';
+export * from './components/ui/button-group';
+export * from './components/ui/button';
+export * from './components/ui/calendar';
+export * from './components/ui/card';
+export * from './components/ui/carousel';
+export * from './components/ui/chart';
+export * from './components/ui/checkbox';
+export * from './components/ui/collapsible';
+export * from './components/ui/command';
+export * from './components/ui/context-menu';
+export * from './components/ui/dialog';
+export * from './components/ui/drawer';
+export * from './components/ui/dropdown-menu';
+export * from './components/ui/empty';
+export * from './components/ui/field';
+export * from './components/ui/form';
+export * from './components/ui/hover-card';
+export * from './components/ui/input-group';
+export * from './components/ui/input-otp';
+export * from './components/ui/input';
+export * from './components/ui/item';
+export * from './components/ui/kbd';
+export * from './components/ui/label';
+export * from './components/ui/menubar';
+export * from './components/ui/navigation-menu';
+export * from './components/ui/pagination';
+export * from './components/ui/popover';
+export * from './components/ui/progress';
+export * from './components/ui/radio-group';
+export * from './components/ui/resizable';
+export * from './components/ui/scroll-area';
+export * from './components/ui/select';
+export * from './components/ui/separator';
+export * from './components/ui/sheet';
+export * from './components/ui/sidebar';
+export * from './components/ui/skeleton';
+export * from './components/ui/slider';
+export * from './components/ui/sonner';
+export * from './components/ui/spinner';
+export * from './components/ui/switch';
+export * from './components/ui/table';
+export * from './components/ui/tabs';
+export * from './components/ui/textarea';
+export * from './components/ui/toggle-group';
+export * from './components/ui/toggle';
+export * from './components/ui/tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEnD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA"}

package/dist/index.js

@@ -0,0 +1,61 @@
+// @salonradar/ui — barrel entry. Components are also importable individually,
+// e.g. import { Button } from '@salonradar/ui/button'.
+export { cn } from './lib/utils';
+export { Logo } from './logo';
+export { ThemeProvider } from './theme-provider';
+export { useIsMobile } from './hooks/use-mobile';
+export { useToast, toast } from './hooks/use-toast';
+export * from './components/ui/accordion';
+export * from './components/ui/alert-dialog';
+export * from './components/ui/alert';
+export * from './components/ui/aspect-ratio';
+export * from './components/ui/avatar';
+export * from './components/ui/badge';
+export * from './components/ui/breadcrumb';
+export * from './components/ui/button-group';
+export * from './components/ui/button';
+export * from './components/ui/calendar';
+export * from './components/ui/card';
+export * from './components/ui/carousel';
+export * from './components/ui/chart';
+export * from './components/ui/checkbox';
+export * from './components/ui/collapsible';
+export * from './components/ui/command';
+export * from './components/ui/context-menu';
+export * from './components/ui/dialog';
+export * from './components/ui/drawer';
+export * from './components/ui/dropdown-menu';
+export * from './components/ui/empty';
+export * from './components/ui/field';
+export * from './components/ui/form';
+export * from './components/ui/hover-card';
+export * from './components/ui/input-group';
+export * from './components/ui/input-otp';
+export * from './components/ui/input';
+export * from './components/ui/item';
+export * from './components/ui/kbd';
+export * from './components/ui/label';
+export * from './components/ui/menubar';
+export * from './components/ui/navigation-menu';
+export * from './components/ui/pagination';
+export * from './components/ui/popover';
+export * from './components/ui/progress';
+export * from './components/ui/radio-group';
+export * from './components/ui/resizable';
+export * from './components/ui/scroll-area';
+export * from './components/ui/select';
+export * from './components/ui/separator';
+export * from './components/ui/sheet';
+export * from './components/ui/sidebar';
+export * from './components/ui/skeleton';
+export * from './components/ui/slider';
+export * from './components/ui/sonner';
+export * from './components/ui/spinner';
+export * from './components/ui/switch';
+export * from './components/ui/table';
+export * from './components/ui/tabs';
+export * from './components/ui/textarea';
+export * from './components/ui/toggle-group';
+export * from './components/ui/toggle';
+export * from './components/ui/tooltip';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,uDAAuD;AAEvD,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEnD,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,uBAAuB,CAAA;AACrC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,0BAA0B,CAAA;AACxC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,uBAAuB,CAAA;AACrC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,yBAAyB,CAAA;AACvC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,uBAAuB,CAAA;AACrC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,iCAAiC,CAAA;AAC/C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,2BAA2B,CAAA;AACzC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,wBAAwB,CAAA;AACtC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,wBAAwB,CAAA;AACtC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/lib/utils.js

@@ -0,0 +1,6 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,MAAM,CAAA;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAExC,MAAM,UAAU,EAAE,CAAC,GAAG,MAAoB;IACxC,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAA;AAC9B,CAAC"}

package/dist/logo.d.ts

@@ -0,0 +1,4 @@
+export declare function Logo({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=logo.d.ts.map

package/dist/logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../src/logo.tsx"],"names":[],"mappings":"AAEA,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAgBzD"}

package/dist/logo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "./lib/utils";
+export function Logo({ className }) {
+    return (_jsxs("div", { className: cn("flex items-center gap-2", className), children: [_jsxs("span", { "aria-hidden": "true", className: "relative flex h-7 w-7 items-center justify-center rounded-full bg-primary", children: [_jsx("span", { className: "absolute inset-1 rounded-full border border-primary-foreground/40" }), _jsx("span", { className: "absolute inset-2 rounded-full border border-primary-foreground/30" }), _jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-primary-foreground" })] }), _jsxs("span", { className: "font-serif text-xl tracking-tight text-foreground", children: ["salon", _jsx("span", { className: "italic text-primary", children: "radar" })] })] }));
+}
+//# sourceMappingURL=logo.js.map

package/dist/logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.js","sourceRoot":"","sources":["../src/logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAEhC,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAA0B;IACxD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,aACtD,+BACc,MAAM,EAClB,SAAS,EAAC,2EAA2E,aAErF,eAAM,SAAS,EAAC,mEAAmE,GAAG,EACtF,eAAM,SAAS,EAAC,mEAAmE,GAAG,EACtF,eAAM,SAAS,EAAC,gDAAgD,GAAG,IAC9D,EACP,gBAAM,SAAS,EAAC,mDAAmD,sBAC5D,eAAM,SAAS,EAAC,qBAAqB,sBAAa,IAClD,IACH,CACP,CAAA;AACH,CAAC"}

package/dist/theme-provider.d.ts

@@ -0,0 +1,3 @@
+import { type ThemeProviderProps } from 'next-themes';
+export declare function ThemeProvider({ children, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme-provider.d.ts.map

package/dist/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAEvE"}

package/dist/theme-provider.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ThemeProvider as NextThemesProvider, } from 'next-themes';
+export function ThemeProvider({ children, ...props }) {
+    return _jsx(NextThemesProvider, { ...props, children: children });
+}
+//# sourceMappingURL=theme-provider.js.map

package/dist/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../src/theme-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAGZ,OAAO,EACL,aAAa,IAAI,kBAAkB,GAEpC,MAAM,aAAa,CAAA;AAEpB,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IACtE,OAAO,KAAC,kBAAkB,OAAK,KAAK,YAAG,QAAQ,GAAsB,CAAA;AACvE,CAAC"}

package/package.json

@@ -0,0 +1,137 @@
+{
+  "name": "@salonradar/ui",
+  "version": "0.1.0",
+  "description": "SalonRadar design system — warm coral + cream shadcn/ui (new-york) components, tokens, and theme.",
+  "license": "MIT",
+  "author": "SalonRadar",
+  "homepage": "https://github.com/RomkaLTU/v0-salonradar-ui#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/RomkaLTU/v0-salonradar-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/RomkaLTU/v0-salonradar-ui/issues"
+  },
+  "keywords": [
+    "salonradar",
+    "design-system",
+    "ui",
+    "react",
+    "shadcn",
+    "radix",
+    "tailwind",
+    "components"
+  ],
+  "private": false,
+  "sideEffects": [
+    "*.css"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "styles",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles/globals.css",
+    "./lib/utils": {
+      "types": "./dist/lib/utils.d.ts",
+      "default": "./dist/lib/utils.js"
+    },
+    "./logo": {
+      "types": "./dist/logo.d.ts",
+      "default": "./dist/logo.js"
+    },
+    "./theme-provider": {
+      "types": "./dist/theme-provider.d.ts",
+      "default": "./dist/theme-provider.js"
+    },
+    "./hooks/use-mobile": {
+      "types": "./dist/hooks/use-mobile.d.ts",
+      "default": "./dist/hooks/use-mobile.js"
+    },
+    "./hooks/use-toast": {
+      "types": "./dist/hooks/use-toast.d.ts",
+      "default": "./dist/hooks/use-toast.js"
+    },
+    "./*": {
+      "types": "./dist/components/ui/*.d.ts",
+      "default": "./dist/components/ui/*.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json",
+    "dev": "tsc -p tsconfig.build.json --watch",
+    "prepublishOnly": "rm -rf dist && tsc -p tsconfig.build.json"
+  },
+  "dependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-accordion": "1.2.12",
+    "@radix-ui/react-alert-dialog": "1.1.15",
+    "@radix-ui/react-aspect-ratio": "1.1.8",
+    "@radix-ui/react-avatar": "1.1.11",
+    "@radix-ui/react-checkbox": "1.3.3",
+    "@radix-ui/react-collapsible": "1.1.12",
+    "@radix-ui/react-context-menu": "2.2.16",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-dropdown-menu": "2.1.16",
+    "@radix-ui/react-hover-card": "1.1.15",
+    "@radix-ui/react-label": "2.1.8",
+    "@radix-ui/react-menubar": "1.1.16",
+    "@radix-ui/react-navigation-menu": "1.2.14",
+    "@radix-ui/react-popover": "1.1.15",
+    "@radix-ui/react-progress": "1.1.8",
+    "@radix-ui/react-radio-group": "1.3.8",
+    "@radix-ui/react-scroll-area": "1.2.10",
+    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-separator": "1.1.8",
+    "@radix-ui/react-slider": "1.3.6",
+    "@radix-ui/react-slot": "1.2.4",
+    "@radix-ui/react-switch": "1.2.6",
+    "@radix-ui/react-tabs": "1.1.13",
+    "@radix-ui/react-toast": "1.2.15",
+    "@radix-ui/react-toggle": "1.1.10",
+    "@radix-ui/react-toggle-group": "1.1.11",
+    "@radix-ui/react-tooltip": "1.2.8",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "1.1.1",
+    "date-fns": "4.1.0",
+    "embla-carousel-react": "8.6.0",
+    "input-otp": "1.4.2",
+    "lucide-react": "^0.564.0",
+    "next-themes": "^0.4.6",
+    "react-day-picker": "9.13.2",
+    "react-hook-form": "^7.54.1",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "2.15.0",
+    "sonner": "^1.7.1",
+    "tailwind-merge": "^3.3.1",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.1"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-dom": ">=19"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.3",
+    "@types/react": "^19",
+    "@types/react-dom": "^19"
+  }
+}

package/styles/globals.css

@@ -0,0 +1,130 @@
+/*
+ * SalonRadar design system theme.
+ * Tokens, font mappings, and base layer — the system's identity.
+ * Consumers import this AFTER `@import 'tailwindcss'`.
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+:root {
+  /* salonradar palette: warm coral + cream */
+  --background: oklch(0.97 0.015 75); /* cream */
+  --foreground: oklch(0.22 0.02 40); /* warm charcoal */
+  --card: oklch(0.99 0.008 80); /* near-white warm */
+  --card-foreground: oklch(0.22 0.02 40);
+  --popover: oklch(0.99 0.008 80);
+  --popover-foreground: oklch(0.22 0.02 40);
+  --primary: oklch(0.68 0.17 30); /* coral */
+  --primary-foreground: oklch(0.99 0.01 80);
+  --secondary: oklch(0.93 0.025 70); /* warm sand */
+  --secondary-foreground: oklch(0.28 0.03 40);
+  --muted: oklch(0.94 0.018 75);
+  --muted-foreground: oklch(0.48 0.025 50);
+  --accent: oklch(0.92 0.05 40); /* soft peach */
+  --accent-foreground: oklch(0.28 0.05 35);
+  --destructive: oklch(0.55 0.22 25);
+  --destructive-foreground: oklch(0.99 0.01 80);
+  --border: oklch(0.88 0.02 70);
+  --input: oklch(0.9 0.02 70);
+  --ring: oklch(0.68 0.17 30);
+  --chart-1: oklch(0.68 0.17 30);
+  --chart-2: oklch(0.78 0.12 50);
+  --chart-3: oklch(0.55 0.1 35);
+  --chart-4: oklch(0.85 0.08 70);
+  --chart-5: oklch(0.4 0.06 40);
+  --radius: 0.875rem;
+  --sidebar: oklch(0.97 0.015 75);
+  --sidebar-foreground: oklch(0.22 0.02 40);
+  --sidebar-primary: oklch(0.68 0.17 30);
+  --sidebar-primary-foreground: oklch(0.99 0.01 80);
+  --sidebar-accent: oklch(0.93 0.025 70);
+  --sidebar-accent-foreground: oklch(0.28 0.03 40);
+  --sidebar-border: oklch(0.88 0.02 70);
+  --sidebar-ring: oklch(0.68 0.17 30);
+}
+
+.dark {
+  --background: oklch(0.18 0.015 40);
+  --foreground: oklch(0.97 0.015 75);
+  --card: oklch(0.22 0.018 40);
+  --card-foreground: oklch(0.97 0.015 75);
+  --popover: oklch(0.22 0.018 40);
+  --popover-foreground: oklch(0.97 0.015 75);
+  --primary: oklch(0.72 0.17 30);
+  --primary-foreground: oklch(0.18 0.015 40);
+  --secondary: oklch(0.28 0.02 40);
+  --secondary-foreground: oklch(0.97 0.015 75);
+  --muted: oklch(0.28 0.02 40);
+  --muted-foreground: oklch(0.72 0.02 70);
+  --accent: oklch(0.32 0.05 35);
+  --accent-foreground: oklch(0.97 0.015 75);
+  --destructive: oklch(0.5 0.18 25);
+  --destructive-foreground: oklch(0.97 0.015 75);
+  --border: oklch(0.3 0.02 40);
+  --input: oklch(0.3 0.02 40);
+  --ring: oklch(0.72 0.17 30);
+  --chart-1: oklch(0.72 0.17 30);
+  --chart-2: oklch(0.78 0.12 50);
+  --chart-3: oklch(0.55 0.1 35);
+  --chart-4: oklch(0.65 0.08 70);
+  --chart-5: oklch(0.4 0.06 40);
+  --sidebar: oklch(0.22 0.018 40);
+  --sidebar-foreground: oklch(0.97 0.015 75);
+  --sidebar-primary: oklch(0.72 0.17 30);
+  --sidebar-primary-foreground: oklch(0.18 0.015 40);
+  --sidebar-accent: oklch(0.28 0.02 40);
+  --sidebar-accent-foreground: oklch(0.97 0.015 75);
+  --sidebar-border: oklch(0.3 0.02 40);
+  --sidebar-ring: oklch(0.72 0.17 30);
+}
+
+@theme inline {
+  --font-sans: var(--font-geist), 'Geist Fallback', ui-sans-serif, system-ui, sans-serif;
+  --font-serif: var(--font-instrument-serif), ui-serif, Georgia, serif;
+  --font-mono: 'Geist Mono', 'Geist Mono Fallback';
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}