@dailyautomations/ui 1.0.0

package/dist/lib/use-animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animation.d.ts","sourceRoot":"","sources":["../../src/lib/use-animation.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,QAAQ,EAA8C,MAAM,eAAe,CAAA;AACzF,OAAO,EAcL,KAAK,SAAS,EACd,KAAK,OAAO,EAEb,MAAM,iBAAiB,CAAA;AAOxB,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C;AAYD,wBAAgB,YAAY,CAC1B,IAAI,EACA,MAAM,GACN,OAAO,GACP,WAAW,GACX,YAAY,GACZ,SAAS,GACT,WAAW,GACX,OAAO,GACP,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,GACP,kBAAkB,GAClB,cAAc;;;;EAqFnB;AAkBD,wBAAgB,mBAAmB;;;;;;;;;;;;;;;;EAkBlC;AAoBD,wBAAgB,mBAAmB,CAAC,cAAc,UAAQ;;;;;;EAczD;AAaD,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,MAAY,GAAG,OAAO,CASlE;AAmBD,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,wBAAwB;;;EAwBpE;AAaD,wBAAgB,aAAa,CAC3B,QAAQ,GAAE,MAAM,OAAO,SAAoB,EAC3C,MAAM,GAAE,MAAM,OAAO,OAAiB,mCAIvC"}

package/dist/lib/use-animation.js

@@ -0,0 +1,148 @@
+import { useEffect, useState } from "react";
+import { useReducedMotion as useFramerReducedMotion } from "framer-motion";
+import { fadeVariants, scaleVariants, createSlideVariants, hoverVariants, pageVariants, staggerContainer, staggerChild, toastVariants, backdropVariants, drawerVariants, collapseVariants, spinnerVariants, pulseVariants, getTransition, } from "./animations.js";
+export function useReducedMotion() {
+    const prefersReducedMotion = useFramerReducedMotion();
+    return prefersReducedMotion ?? false;
+}
+export function useAnimation(type) {
+    const shouldReduceMotion = useReducedMotion();
+    const variantsMap = {
+        fade: fadeVariants,
+        scale: scaleVariants,
+        slideLeft: createSlideVariants("left"),
+        slideRight: createSlideVariants("right"),
+        slideUp: createSlideVariants("up"),
+        slideDown: createSlideVariants("down"),
+        hover: hoverVariants,
+        page: pageVariants,
+        toast: toastVariants,
+        backdrop: backdropVariants,
+        drawer: drawerVariants,
+        collapse: collapseVariants,
+        spinner: spinnerVariants,
+        pulse: pulseVariants,
+        staggerContainer,
+        staggerChild,
+    };
+    const variants = shouldReduceMotion ? {} : variantsMap[type];
+    const getAnimationProps = () => {
+        if (shouldReduceMotion) {
+            return {};
+        }
+        switch (type) {
+            case "hover":
+                return {
+                    initial: "initial",
+                    whileHover: "hover",
+                    whileTap: "tap",
+                };
+            case "page":
+                return {
+                    initial: "initial",
+                    animate: "animate",
+                    exit: "exit",
+                };
+            case "staggerContainer":
+                return {
+                    initial: "hidden",
+                    animate: "visible",
+                };
+            case "staggerChild":
+                return {
+                    variants,
+                };
+            case "drawer":
+                return {
+                    initial: "closed",
+                    animate: "open",
+                    exit: "closed",
+                };
+            case "collapse":
+                return {
+                    initial: "collapsed",
+                    animate: "expanded",
+                    exit: "collapsed",
+                };
+            case "spinner":
+            case "pulse":
+                return {
+                    animate: "animate",
+                };
+            default:
+                return {
+                    initial: "hidden",
+                    animate: "visible",
+                    exit: "exit",
+                };
+        }
+    };
+    return {
+        variants,
+        props: getAnimationProps(),
+        shouldReduceMotion,
+    };
+}
+export function useStaggerAnimation() {
+    const shouldReduceMotion = useReducedMotion();
+    return {
+        containerProps: shouldReduceMotion
+            ? {}
+            : {
+                variants: staggerContainer,
+                initial: "hidden",
+                animate: "visible",
+            },
+        childProps: shouldReduceMotion
+            ? {}
+            : {
+                variants: staggerChild,
+            },
+        shouldReduceMotion,
+    };
+}
+export function useAnimatedPresence(initialVisible = false) {
+    const [isVisible, setIsVisible] = useState(initialVisible);
+    const show = () => setIsVisible(true);
+    const hide = () => setIsVisible(false);
+    const toggle = () => setIsVisible((prev) => !prev);
+    return {
+        isVisible,
+        show,
+        hide,
+        toggle,
+        setIsVisible,
+    };
+}
+export function useDelayedAnimation(delayMs = 100) {
+    const [shouldAnimate, setShouldAnimate] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setShouldAnimate(true), delayMs);
+        return () => clearTimeout(timer);
+    }, [delayMs]);
+    return shouldAnimate;
+}
+export function useScrollAnimation(options) {
+    const [isInView, setIsInView] = useState(false);
+    const [ref, setRef] = useState(null);
+    useEffect(() => {
+        if (!ref)
+            return;
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry?.isIntersecting) {
+                setIsInView(true);
+            }
+        }, {
+            threshold: 0.1,
+            ...options,
+        });
+        observer.observe(ref);
+        return () => observer.disconnect();
+    }, [ref, options]);
+    return { ref: setRef, isInView };
+}
+export function useTransition(duration = "normal", easing = "inOut") {
+    const shouldReduceMotion = useReducedMotion();
+    return shouldReduceMotion ? { duration: 0.01 } : getTransition(duration, easing);
+}
+//# sourceMappingURL=use-animation.js.map

package/dist/lib/use-animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-animation.js","sourceRoot":"","sources":["../../src/lib/use-animation.ts"],"names":[],"mappings":"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"}

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/tokens/tailwind.preset.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from "tailwindcss";
+declare const dailyPreset: Partial<Config>;
+export default dailyPreset;
+//# sourceMappingURL=tailwind.preset.d.ts.map

package/dist/tokens/tailwind.preset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.preset.d.ts","sourceRoot":"","sources":["../../src/tokens/tailwind.preset.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAEzC,QAAA,MAAM,WAAW,EAAE,OAAO,CAAC,MAAM,CAiMhC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/tokens/tailwind.preset.js

@@ -0,0 +1,193 @@
+const dailyPreset = {
+    theme: {
+        extend: {
+            colors: {
+                primary: {
+                    DEFAULT: "rgb(var(--primary) / <alpha-value>)",
+                    foreground: "rgb(var(--primary-foreground) / <alpha-value>)",
+                    hover: "rgb(var(--primary-hover) / <alpha-value>)",
+                    active: "rgb(var(--primary-active) / <alpha-value>)",
+                },
+                secondary: {
+                    DEFAULT: "rgb(var(--secondary) / <alpha-value>)",
+                    foreground: "rgb(var(--secondary-foreground) / <alpha-value>)",
+                },
+                background: "rgb(var(--background) / <alpha-value>)",
+                foreground: "rgb(var(--foreground) / <alpha-value>)",
+                card: {
+                    DEFAULT: "rgb(var(--card) / <alpha-value>)",
+                    foreground: "rgb(var(--card-foreground) / <alpha-value>)",
+                },
+                popover: {
+                    DEFAULT: "rgb(var(--popover) / <alpha-value>)",
+                    foreground: "rgb(var(--popover-foreground) / <alpha-value>)",
+                },
+                muted: {
+                    DEFAULT: "rgb(var(--muted) / <alpha-value>)",
+                    foreground: "rgb(var(--muted-foreground) / <alpha-value>)",
+                },
+                accent: {
+                    DEFAULT: "rgb(var(--accent) / <alpha-value>)",
+                    foreground: "rgb(var(--accent-foreground) / <alpha-value>)",
+                },
+                destructive: {
+                    DEFAULT: "rgb(var(--destructive) / <alpha-value>)",
+                    foreground: "rgb(var(--destructive-foreground) / <alpha-value>)",
+                },
+                success: {
+                    DEFAULT: "rgb(var(--success) / <alpha-value>)",
+                    foreground: "rgb(var(--success-foreground) / <alpha-value>)",
+                },
+                error: {
+                    DEFAULT: "rgb(var(--error) / <alpha-value>)",
+                    foreground: "rgb(var(--error-foreground) / <alpha-value>)",
+                },
+                warning: {
+                    DEFAULT: "rgb(var(--warning) / <alpha-value>)",
+                    foreground: "rgb(var(--warning-foreground) / <alpha-value>)",
+                },
+                info: {
+                    DEFAULT: "rgb(var(--info) / <alpha-value>)",
+                    foreground: "rgb(var(--info-foreground) / <alpha-value>)",
+                },
+                border: "rgb(var(--border) / <alpha-value>)",
+                input: "rgb(var(--input) / <alpha-value>)",
+                ring: "rgb(var(--ring) / <alpha-value>)",
+                chart: {
+                    1: "rgb(var(--chart-1) / <alpha-value>)",
+                    2: "rgb(var(--chart-2) / <alpha-value>)",
+                    3: "rgb(var(--chart-3) / <alpha-value>)",
+                    4: "rgb(var(--chart-4) / <alpha-value>)",
+                    5: "rgb(var(--chart-5) / <alpha-value>)",
+                },
+            },
+            spacing: {
+                0: "0",
+                px: "1px",
+                0.5: "0.125rem",
+                1: "0.25rem",
+                1.5: "0.375rem",
+                2: "0.5rem",
+                2.5: "0.625rem",
+                3: "0.75rem",
+                3.5: "0.875rem",
+                4: "1rem",
+                5: "1.25rem",
+                6: "1.5rem",
+                7: "1.75rem",
+                8: "2rem",
+                9: "2.25rem",
+                10: "2.5rem",
+                11: "2.75rem",
+                12: "3rem",
+                14: "3.5rem",
+                16: "4rem",
+                18: "4.5rem",
+                20: "5rem",
+                24: "6rem",
+                28: "7rem",
+                32: "8rem",
+                36: "9rem",
+                40: "10rem",
+                44: "11rem",
+                48: "12rem",
+                52: "13rem",
+                56: "14rem",
+                60: "15rem",
+                64: "16rem",
+                72: "18rem",
+                80: "20rem",
+                96: "24rem",
+            },
+            borderRadius: {
+                sm: "calc(var(--radius) - 4px)",
+                md: "calc(var(--radius) - 2px)",
+                lg: "var(--radius)",
+                xl: "calc(var(--radius) + 4px)",
+                "2xl": "calc(var(--radius) + 8px)",
+                "3xl": "calc(var(--radius) + 12px)",
+                "4xl": "calc(var(--radius) + 16px)",
+            },
+            keyframes: {
+                "dialog-in": {
+                    from: {
+                        opacity: "0",
+                        transform: "translate(-50%, -48%) scale(0.96)",
+                    },
+                    to: {
+                        opacity: "1",
+                        transform: "translate(-50%, -50%) scale(1)",
+                    },
+                },
+                "dialog-out": {
+                    from: {
+                        opacity: "1",
+                        transform: "translate(-50%, -50%) scale(1)",
+                    },
+                    to: {
+                        opacity: "0",
+                        transform: "translate(-50%, -48%) scale(0.96)",
+                    },
+                },
+                "fade-in": {
+                    from: { opacity: "0" },
+                    to: { opacity: "1" },
+                },
+                "fade-out": {
+                    from: { opacity: "1" },
+                    to: { opacity: "0" },
+                },
+                "slide-in-from-top": {
+                    from: { transform: "translateY(-100%)" },
+                    to: { transform: "translateY(0)" },
+                },
+                "slide-in-from-bottom": {
+                    from: { transform: "translateY(100%)" },
+                    to: { transform: "translateY(0)" },
+                },
+                "slide-in-from-left": {
+                    from: { transform: "translateX(-100%)" },
+                    to: { transform: "translateX(0)" },
+                },
+                "slide-in-from-right": {
+                    from: { transform: "translateX(100%)" },
+                    to: { transform: "translateX(0)" },
+                },
+            },
+            animation: {
+                "dialog-in": "dialog-in 0.2s ease-out",
+                "dialog-out": "dialog-out 0.2s ease-in",
+                "fade-in": "fade-in 0.2s ease-out",
+                "fade-out": "fade-out 0.2s ease-in",
+                "slide-in-from-top": "slide-in-from-top 0.3s ease-out",
+                "slide-in-from-bottom": "slide-in-from-bottom 0.3s ease-out",
+                "slide-in-from-left": "slide-in-from-left 0.3s ease-out",
+                "slide-in-from-right": "slide-in-from-right 0.3s ease-out",
+            },
+            fontFamily: {
+                sans: [
+                    "var(--font-sans)",
+                    "system-ui",
+                    "-apple-system",
+                    "BlinkMacSystemFont",
+                    '"Segoe UI"',
+                    "Roboto",
+                    '"Helvetica Neue"',
+                    "Arial",
+                    "sans-serif",
+                ],
+                mono: [
+                    "var(--font-mono)",
+                    '"SF Mono"',
+                    "Monaco",
+                    '"Cascadia Code"',
+                    '"Roboto Mono"',
+                    "Consolas",
+                    "monospace",
+                ],
+            },
+        },
+    },
+};
+export default dailyPreset;
+//# sourceMappingURL=tailwind.preset.js.map

package/dist/tokens/tailwind.preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.preset.js","sourceRoot":"","sources":["../../src/tokens/tailwind.preset.ts"],"names":[],"mappings":"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"}

package/dist/utils/cn.d.ts

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

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

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

package/dist/utils/cn.js

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

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sourceRoot":"","sources":["../../src/utils/cn.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/package.json

@@ -0,0 +1,112 @@
+{
+  "name": "@dailyautomations/ui",
+  "version": "1.0.0",
+  "description": "Daily X UI component library - Purple/orange dark theme system for all Daily products",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/cn.d.ts",
+      "default": "./dist/utils/cn.js"
+    },
+    "./animations": {
+      "types": "./dist/lib/animations.d.ts",
+      "default": "./dist/lib/animations.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "default": "./dist/hooks/index.js"
+    },
+    "./styles/variables.css": "./src/styles/variables.css",
+    "./styles/globals.css": "./src/styles/globals.css",
+    "./tailwind-preset": {
+      "types": "./dist/tokens/tailwind.preset.d.ts",
+      "default": "./dist/tokens/tailwind.preset.js"
+    }
+  },
+  "files": [
+    "dist",
+    "src/styles/*.css",
+    "BRAND.md",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc",
+    "watch": "tsc --watch",
+    "preview": "vite --config vite.config.ts",
+    "test": "vitest",
+    "test:coverage": "vitest --coverage",
+    "lint": "eslint src --ext .ts,.tsx",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "ui",
+    "components",
+    "react",
+    "tailwind",
+    "shadcn",
+    "daily",
+    "dailyautomations",
+    "design-system"
+  ],
+  "author": "Daily X Engineering Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dailyautomations/daily-platform.git",
+    "directory": "packages/ui"
+  },
+  "homepage": "https://github.com/dailyautomations/daily-platform/tree/main/packages/ui#readme",
+  "bugs": {
+    "url": "https://github.com/dailyautomations/daily-platform/issues"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "framer-motion": "^12.29.2",
+    "tailwind-merge": "^3.0.1"
+  },
+  "peerDependencies": {
+    "@radix-ui/react-checkbox": "^1.3.0",
+    "@radix-ui/react-dialog": "^1.1.0",
+    "@radix-ui/react-label": "^2.1.0",
+    "@radix-ui/react-select": "^2.2.0",
+    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-tabs": "^1.1.0",
+    "@radix-ui/react-toast": "^1.2.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "devDependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toast": "^1.2.15",
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.0.0 || ^19.0.0",
+    "@types/react-dom": "^18.0.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "eslint": "^8.56.0",
+    "postcss": "^8.4.49",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^4.0.0",
+    "typescript": "^5.3.3",
+    "vite": "^6.0.7",
+    "vitest": "^1.2.0"
+  }
+}

package/src/styles/globals.css

@@ -0,0 +1,19 @@
+/**
+ * Daily X UI - Global Styles
+ * Base styles and Tailwind directives
+ */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  body {
+    @apply bg-background text-foreground;
+    font-feature-settings: "rlig" 1, "calt" 1;
+  }
+}

package/src/styles/variables.css

@@ -0,0 +1,117 @@
+/**
+ * Daily X Brand Theme
+ * CSS custom properties - Dark-first design
+ * Primary: #8B5CF6 (Purple) | Accent: #F97316 (Orange)
+ */
+
+:root {
+  /* Radius */
+  --radius: 0.625rem;
+
+  /* Primary - Purple */
+  --primary: 139 92 246; /* #8B5CF6 */
+  --primary-foreground: 255 255 255;
+  --primary-hover: 167 139 250; /* #A78BFA */
+  --primary-active: 124 58 237; /* #7C3AED */
+
+  /* Accent - Orange (for CTAs) */
+  --accent: 249 115 22; /* #F97316 */
+  --accent-foreground: 255 255 255;
+  --accent-hover: 251 146 60; /* #FB923C */
+  --accent-active: 234 88 12; /* #EA580C */
+
+  /* Semantic Colors */
+  --success: 74 222 128; /* green-400 */
+  --success-foreground: 5 46 22; /* green-950 */
+
+  --error: 248 113 113; /* red-400 */
+  --error-foreground: 127 29 29; /* red-900 */
+
+  --warning: 251 191 36; /* amber-400 */
+  --warning-foreground: 120 53 15; /* amber-900 */
+
+  --info: 167 139 250; /* purple-400 */
+  --info-foreground: 30 27 75; /* purple-950 */
+
+  /* Neutrals - Dark Mode (Default) */
+  --background: 15 15 20; /* #0F0F14 */
+  --foreground: 255 255 255;
+
+  --card: 26 26 36; /* #1a1a24 */
+  --card-foreground: 255 255 255;
+
+  --popover: 37 37 50; /* #252532 */
+  --popover-foreground: 255 255 255;
+
+  --secondary: 139 92 246; /* purple */
+  --secondary-foreground: 255 255 255;
+
+  --muted: 39 39 42; /* #27272A */
+  --muted-foreground: 161 161 170; /* #A1A1AA */
+
+  --destructive: 220 38 38; /* red-600 */
+  --destructive-foreground: 255 255 255;
+
+  --border: 39 39 42; /* #27272A */
+  --input: 39 39 42; /* #27272A */
+  --ring: 139 92 246; /* purple */
+
+  /* Charts - Purple to Orange gradient */
+  --chart-1: 167 139 250; /* purple-400 */
+  --chart-2: 139 92 246; /* purple-500 */
+  --chart-3: 124 58 237; /* purple-600 */
+  --chart-4: 249 115 22; /* orange-500 */
+  --chart-5: 234 88 12; /* orange-600 */
+}
+
+/* Light mode override (optional - dark is default) */
+.light {
+  --primary: 124 58 237; /* #7C3AED darker purple for light bg */
+  --primary-foreground: 255 255 255;
+  --primary-hover: 139 92 246; /* #8B5CF6 */
+  --primary-active: 109 40 217; /* #6D28D9 */
+
+  --accent: 234 88 12; /* #EA580C darker orange for light bg */
+  --accent-foreground: 255 255 255;
+  --accent-hover: 249 115 22; /* #F97316 */
+  --accent-active: 194 65 12; /* #C2410C */
+
+  --success: 34 197 94; /* green-500 */
+  --success-foreground: 255 255 255;
+
+  --error: 239 68 68; /* red-500 */
+  --error-foreground: 255 255 255;
+
+  --warning: 245 158 11; /* amber-500 */
+  --warning-foreground: 255 255 255;
+
+  --info: 139 92 246; /* purple-500 */
+  --info-foreground: 255 255 255;
+
+  --background: 255 255 255;
+  --foreground: 15 15 20;
+
+  --card: 250 250 250;
+  --card-foreground: 15 15 20;
+
+  --popover: 255 255 255;
+  --popover-foreground: 15 15 20;
+
+  --secondary: 245 243 255; /* purple-50 */
+  --secondary-foreground: 124 58 237;
+
+  --muted: 244 244 245; /* zinc-100 */
+  --muted-foreground: 113 113 122; /* zinc-500 */
+
+  --destructive: 220 38 38; /* red-600 */
+  --destructive-foreground: 255 255 255;
+
+  --border: 228 228 231; /* zinc-200 */
+  --input: 228 228 231;
+  --ring: 139 92 246;
+}
+
+/*
+ * Helper: Apply colors using CSS variables
+ * Usage: bg-primary, text-primary-foreground, border-border, etc.
+ */