@devalok/shilp-sutra 0.1.0

package/dist/shell/top-bar.js

@@ -0,0 +1,140 @@
+import { jsxs as r, jsx as e, Fragment as w } from "react/jsx-runtime";
+import * as k from "react";
+import { useColorMode as C } from "../hooks/use-color-mode.js";
+import { Avatar as M, AvatarImage as v, AvatarFallback as I } from "../ui/avatar.js";
+import { DropdownMenu as T, DropdownMenuTrigger as D, DropdownMenuContent as S, DropdownMenuItem as d, DropdownMenuSeparator as j } from "../ui/dropdown-menu.js";
+import { Tooltip as o, TooltipTrigger as l, TooltipContent as a } from "../ui/tooltip.js";
+import { SidebarTrigger as A } from "../ui/sidebar.js";
+import { IconSearch as K, IconSparkles as U, IconUser as B, IconSun as E, IconMoon as F, IconLogout as R } from "@tabler/icons-react";
+import { cn as z } from "../ui/lib/utils.js";
+const L = k.forwardRef(
+  ({
+    pageTitle: c = "",
+    user: s,
+    onNavigate: t,
+    onLogout: n,
+    onSearchClick: i,
+    onAiChatClick: m,
+    mobileLogo: p,
+    notificationSlot: b,
+    className: u,
+    ...f
+  }, y) => {
+    var x;
+    const { colorMode: h, toggleColorMode: g } = C(), N = () => {
+      i ? i() : document.dispatchEvent(
+        new KeyboardEvent("keydown", {
+          key: "k",
+          ctrlKey: !0,
+          bubbles: !0
+        })
+      );
+    };
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ...f,
+        ref: y,
+        className: z(
+          "z-sticky flex w-full items-center border-b border-border bg-layer-01 px-ds-05 py-ds-04 md:px-ds-06",
+          u
+        ),
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
+            /* @__PURE__ */ e(A, { className: "hidden text-text-secondary md:flex" }),
+            p && /* @__PURE__ */ e("div", { className: "md:hidden", children: p }),
+            c && /* @__PURE__ */ e("h2", { className: "hidden text-ds-lg text-text-primary md:block", children: c })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "ml-auto flex items-center gap-ds-03 md:gap-ds-05", children: [
+            /* @__PURE__ */ r(o, { children: [
+              /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: N,
+                  className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-border bg-layer-02 text-text-secondary transition-colors hover:bg-layer-03",
+                  children: /* @__PURE__ */ e(K, { className: "h-ico-sm w-ico-sm" })
+                }
+              ) }),
+              /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "Search (Ctrl+K)" })
+            ] }),
+            b,
+            m && /* @__PURE__ */ r(o, { children: [
+              /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+                "button",
+                {
+                  onClick: m,
+                  className: "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center rounded-ds-full border border-border bg-layer-02 text-text-secondary transition-colors hover:bg-layer-03",
+                  children: /* @__PURE__ */ e(U, { className: "h-ico-sm w-ico-sm" })
+                }
+              ) }),
+              /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "AI Chat" })
+            ] }),
+            s && /* @__PURE__ */ r(T, { children: [
+              /* @__PURE__ */ r(o, { children: [
+                /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e("button", { className: "flex items-center gap-ds-03 outline-none", children: /* @__PURE__ */ r(M, { className: "h-ds-sm-plus w-ds-sm-plus cursor-pointer", children: [
+                  s.image ? /* @__PURE__ */ e(v, { src: s.image, alt: s.name }) : null,
+                  /* @__PURE__ */ e(I, { className: "bg-layer-02 text-text-primary", children: (x = s.name) == null ? void 0 : x.charAt(0).toUpperCase() })
+                ] }) }) }) }),
+                /* @__PURE__ */ e(a, { side: "bottom", align: "center", children: "User Menu" })
+              ] }),
+              /* @__PURE__ */ r(
+                S,
+                {
+                  className: "w-[200px] rounded-ds-xl border border-border bg-layer-01 p-0 shadow-03",
+                  sideOffset: 8,
+                  align: "end",
+                  children: [
+                    /* @__PURE__ */ r("div", { className: "border-b border-border px-ds-05 py-ds-04", children: [
+                      /* @__PURE__ */ e("p", { className: "text-ds-md text-text-primary", children: s.name }),
+                      s.email && /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-placeholder", children: s.email })
+                    ] }),
+                    /* @__PURE__ */ r(
+                      d,
+                      {
+                        className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
+                        onClick: () => t == null ? void 0 : t("/profile"),
+                        children: [
+                          /* @__PURE__ */ e(B, { className: "h-ico-sm w-ico-sm text-text-secondary" }),
+                          /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: "Profile" })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      d,
+                      {
+                        className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
+                        onClick: g,
+                        children: [
+                          h === "dark" ? /* @__PURE__ */ e(E, { className: "h-ico-sm w-ico-sm text-text-secondary" }) : /* @__PURE__ */ e(F, { className: "h-ico-sm w-ico-sm text-text-secondary" }),
+                          /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: h === "dark" ? "Light Mode" : "Dark Mode" })
+                        ]
+                      }
+                    ),
+                    n && /* @__PURE__ */ r(w, { children: [
+                      /* @__PURE__ */ e(j, { className: "bg-border" }),
+                      /* @__PURE__ */ r(
+                        d,
+                        {
+                          className: "flex w-full cursor-pointer items-center gap-ds-03 px-ds-05 py-ds-04 hover:bg-layer-02",
+                          onClick: n,
+                          children: [
+                            /* @__PURE__ */ e(R, { className: "h-ico-sm w-ico-sm text-error" }),
+                            /* @__PURE__ */ e("span", { className: "text-ds-md text-error", children: "Logout" })
+                          ]
+                        }
+                      )
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+);
+L.displayName = "TopBar";
+export {
+  L as TopBar
+};

package/dist/tailwind/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './preset';
+//# sourceMappingURL=index.d.ts.map

package/dist/tailwind/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA"}

package/dist/tailwind/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./preset.js";
+export {
+  o as default
+};

package/dist/tailwind/preset.d.ts

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

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

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

package/dist/tailwind/preset.js

@@ -0,0 +1,310 @@
+const r = {
+  darkMode: "class",
+  theme: {
+    // Breakpoints must be static values — CSS custom properties cannot be used
+    // in @media queries (compiled at build time). These mirror the tokens in
+    // semantic.css (--breakpoint-sm … --breakpoint-2xl).
+    screens: {
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px",
+      "2xl": "1536px"
+    },
+    extend: {
+      fontFamily: {
+        sans: ["var(--font-sans)", "system-ui", "sans-serif"],
+        display: ["var(--font-display)", "system-ui", "sans-serif"],
+        body: ["var(--font-body)", "sans-serif"],
+        accent: ["var(--font-accent)", "sans-serif"],
+        mono: ["var(--font-mono)", "monospace"]
+      },
+      fontWeight: {
+        light: "var(--font-weight-light)",
+        regular: "var(--font-weight-regular)",
+        medium: "var(--font-weight-medium)",
+        semibold: "var(--font-weight-semibold)",
+        bold: "var(--font-weight-bold)"
+      },
+      fontSize: {
+        "ds-xs": ["var(--font-size-xs)", { lineHeight: "var(--line-height-relaxed)" }],
+        "ds-sm": ["var(--font-size-sm)", { lineHeight: "var(--line-height-relaxed)" }],
+        "ds-md": ["var(--font-size-md)", { lineHeight: "var(--line-height-relaxed)" }],
+        "ds-base": ["var(--font-size-base)", { lineHeight: "var(--line-height-relaxed)" }],
+        "ds-lg": ["var(--font-size-lg)", { lineHeight: "var(--line-height-normal)" }],
+        "ds-xl": ["var(--font-size-xl)", { lineHeight: "var(--line-height-snug)" }],
+        "ds-2xl": ["var(--font-size-2xl)", { lineHeight: "var(--line-height-snug)" }],
+        "ds-3xl": ["var(--font-size-3xl)", { lineHeight: "var(--line-height-tight)" }],
+        "ds-4xl": ["var(--font-size-4xl)", { lineHeight: "var(--line-height-tight)" }],
+        "ds-5xl": ["var(--font-size-5xl)", { lineHeight: "var(--line-height-tight)" }],
+        "ds-6xl": ["var(--font-size-6xl)", { lineHeight: "var(--line-height-tight)" }]
+      },
+      borderWidth: {
+        "ds-sm": "var(--border-width-sm)",
+        "ds-md": "var(--border-width-md)",
+        "ds-lg": "var(--border-width-lg)"
+      },
+      borderRadius: {
+        "ds-none": "0",
+        "ds-sm": "var(--radius-sm)",
+        "ds-default": "var(--radius-default)",
+        "ds-md": "var(--radius-md)",
+        "ds-lg": "var(--radius-lg)",
+        "ds-xl": "var(--radius-xl)",
+        "ds-2xl": "var(--radius-2xl)",
+        "ds-full": "var(--radius-full)"
+      },
+      spacing: {
+        "ds-01": "var(--spacing-01)",
+        "ds-02": "var(--spacing-02)",
+        "ds-02b": "var(--spacing-02b)",
+        "ds-03": "var(--spacing-03)",
+        "ds-04": "var(--spacing-04)",
+        "ds-05": "var(--spacing-05)",
+        "ds-05b": "var(--spacing-05b)",
+        "ds-06": "var(--spacing-06)",
+        "ds-07": "var(--spacing-07)",
+        "ds-08": "var(--spacing-08)",
+        "ds-09": "var(--spacing-09)",
+        "ds-10": "var(--spacing-10)",
+        "ds-11": "var(--spacing-11)",
+        "ds-12": "var(--spacing-12)",
+        "ds-13": "var(--spacing-13)"
+      },
+      width: {
+        "ds-xs": "var(--size-xs)",
+        "ds-xs-plus": "var(--size-xs-plus)",
+        "ds-sm": "var(--size-sm)",
+        "ds-sm-plus": "var(--size-sm-plus)",
+        "ds-md": "var(--size-md)",
+        "ds-lg": "var(--size-lg)",
+        "ds-xl": "var(--size-xl)",
+        "ico-sm": "var(--icon-sm)",
+        "ico-md": "var(--icon-md)",
+        "ico-lg": "var(--icon-lg)",
+        "ico-xl": "var(--icon-xl)"
+      },
+      height: {
+        "ds-xs": "var(--size-xs)",
+        "ds-xs-plus": "var(--size-xs-plus)",
+        "ds-sm": "var(--size-sm)",
+        "ds-sm-plus": "var(--size-sm-plus)",
+        "ds-md": "var(--size-md)",
+        "ds-lg": "var(--size-lg)",
+        "ds-xl": "var(--size-xl)",
+        "ico-sm": "var(--icon-sm)",
+        "ico-md": "var(--icon-md)",
+        "ico-lg": "var(--icon-lg)",
+        "ico-xl": "var(--icon-xl)"
+      },
+      minHeight: {
+        "ds-xs": "var(--size-xs)",
+        "ds-xs-plus": "var(--size-xs-plus)",
+        "ds-sm": "var(--size-sm)",
+        "ds-sm-plus": "var(--size-sm-plus)",
+        "ds-md": "var(--size-md)",
+        "ds-lg": "var(--size-lg)",
+        "ds-xl": "var(--size-xl)"
+      },
+      maxWidth: {
+        layout: "var(--max-width)",
+        "layout-body": "var(--max-width-body)"
+      },
+      minWidth: {
+        "ds-xs": "var(--size-xs)",
+        "ds-sm": "var(--size-sm)",
+        "ds-md": "var(--size-md)",
+        "ds-lg": "var(--size-lg)",
+        "ds-xl": "var(--size-xl)"
+      },
+      colors: {
+        "text-interactive": "var(--color-text-interactive)",
+        interactive: "var(--color-interactive)",
+        "interactive-hover": "var(--color-interactive-hover)",
+        "interactive-active": "var(--color-interactive-active)",
+        "interactive-selected": "var(--color-interactive-selected)",
+        "interactive-subtle": "var(--color-interactive-subtle)",
+        accent: "var(--color-accent)",
+        "accent-hover": "var(--color-accent-hover)",
+        "accent-subtle": "var(--color-accent-subtle)",
+        background: "var(--color-background)",
+        "layer-01": "var(--color-layer-01)",
+        "layer-02": "var(--color-layer-02)",
+        "layer-03": "var(--color-layer-03)",
+        overlay: "var(--color-overlay)",
+        field: "var(--color-field)",
+        "field-hover": "var(--color-field-hover)",
+        "text-primary": "var(--color-text-primary)",
+        "text-secondary": "var(--color-text-secondary)",
+        "text-tertiary": "var(--color-text-tertiary)",
+        "text-placeholder": "var(--color-text-placeholder)",
+        "text-helper": "var(--color-text-helper)",
+        "text-disabled": "var(--color-text-disabled)",
+        "text-error": "var(--color-text-error)",
+        "text-success": "var(--color-text-success)",
+        "text-warning": "var(--color-text-warning)",
+        "text-link": "var(--color-text-link)",
+        "text-on-color": "var(--color-text-on-color)",
+        "text-inverse": "var(--color-text-inverse)",
+        "text-brand": "var(--color-text-brand)",
+        "icon-primary": "var(--color-icon-primary)",
+        "icon-secondary": "var(--color-icon-secondary)",
+        "icon-disabled": "var(--color-icon-disabled)",
+        "icon-on-color": "var(--color-icon-on-color)",
+        "icon-interactive": "var(--color-icon-interactive)",
+        border: "var(--color-border-default)",
+        "border-subtle": "var(--color-border-subtle)",
+        "border-strong": "var(--color-border-strong)",
+        "border-interactive": "var(--color-border-interactive)",
+        "border-disabled": "var(--color-border-disabled)",
+        "border-error": "var(--color-border-error)",
+        "border-success": "var(--color-border-success)",
+        "border-warning": "var(--color-border-warning)",
+        focus: "var(--color-focus)",
+        "focus-inset": "var(--color-focus-inset)",
+        success: "var(--color-success)",
+        "success-surface": "var(--color-success-surface)",
+        error: "var(--color-error)",
+        "error-surface": "var(--color-error-surface)",
+        warning: "var(--color-warning)",
+        "warning-surface": "var(--color-warning-surface)",
+        info: "var(--color-info)",
+        "info-surface": "var(--color-info-surface)",
+        "skeleton-base": "var(--color-skeleton-base)",
+        "skeleton-shimmer": "var(--color-skeleton-shimmer)",
+        "category-teal": "var(--color-category-teal)",
+        "category-teal-surface": "var(--color-category-teal-surface)",
+        "category-teal-border": "var(--color-category-teal-border)",
+        "category-teal-text": "var(--color-category-teal-text)",
+        "category-amber": "var(--color-category-amber)",
+        "category-amber-surface": "var(--color-category-amber-surface)",
+        "category-amber-border": "var(--color-category-amber-border)",
+        "category-amber-text": "var(--color-category-amber-text)",
+        "category-slate": "var(--color-category-slate)",
+        "category-slate-surface": "var(--color-category-slate-surface)",
+        "category-slate-border": "var(--color-category-slate-border)",
+        "category-slate-text": "var(--color-category-slate-text)",
+        "category-indigo": "var(--color-category-indigo)",
+        "category-indigo-surface": "var(--color-category-indigo-surface)",
+        "category-indigo-border": "var(--color-category-indigo-border)",
+        "category-indigo-text": "var(--color-category-indigo-text)",
+        "category-cyan": "var(--color-category-cyan)",
+        "category-cyan-surface": "var(--color-category-cyan-surface)",
+        "category-cyan-border": "var(--color-category-cyan-border)",
+        "category-cyan-text": "var(--color-category-cyan-text)",
+        "category-orange": "var(--color-category-orange)",
+        "category-orange-surface": "var(--color-category-orange-surface)",
+        "category-orange-border": "var(--color-category-orange-border)",
+        "category-orange-text": "var(--color-category-orange-text)",
+        "category-emerald": "var(--color-category-emerald)",
+        "category-emerald-surface": "var(--color-category-emerald-surface)",
+        "category-emerald-border": "var(--color-category-emerald-border)",
+        "category-emerald-text": "var(--color-category-emerald-text)",
+        "interactive-disabled": "var(--color-interactive-disabled)",
+        "field-02": "var(--color-field-02)",
+        "field-02-hover": "var(--color-field-02-hover)",
+        "text-on-color-dark": "var(--color-text-on-color-dark)",
+        "text-link-hover": "var(--color-text-link-hover)",
+        "success-border": "var(--color-success-border)",
+        "error-border": "var(--color-error-border)",
+        "warning-border": "var(--color-warning-border)",
+        "info-border": "var(--color-info-border)",
+        "success-text": "var(--color-success-text)",
+        "error-text": "var(--color-error-text)",
+        "warning-text": "var(--color-warning-text)",
+        "info-text": "var(--color-info-text)",
+        divider: "var(--color-divider)",
+        "inset-glow": "var(--color-inset-glow)",
+        "inset-glow-strong": "var(--color-inset-glow-strong)",
+        "inset-glow-subtle": "var(--color-inset-glow-subtle)",
+        "surface-overlay-light": "var(--color-surface-overlay-light)",
+        "surface-overlay-dark": "var(--color-surface-overlay-dark)",
+        "layer-accent-subtle": "var(--color-layer-accent-subtle)",
+        "error-hover": "var(--color-error-hover)",
+        "chart-1": "var(--chart-1)",
+        "chart-2": "var(--chart-2)",
+        "chart-3": "var(--chart-3)",
+        "chart-4": "var(--chart-4)",
+        "chart-5": "var(--chart-5)",
+        "chart-6": "var(--chart-6)",
+        "chart-7": "var(--chart-7)",
+        "chart-8": "var(--chart-8)"
+      },
+      keyframes: {
+        ripple: {
+          "0%": { transform: "translate(-50%, -50%) scale(0)", opacity: "1" },
+          "100%": { transform: "translate(-50%, -50%) scale(4)", opacity: "0" }
+        },
+        shake: {
+          "0%": { transform: "translateX(0)" },
+          "10%": { transform: "translateX(-3px)" },
+          "20%": { transform: "translateX(3px)" },
+          "30%": { transform: "translateX(-8px)" },
+          "40%": { transform: "translateX(8px)" },
+          "50%": { transform: "translateX(-5px)" },
+          "60%": { transform: "translateX(3px)" },
+          "70%, 100%": { transform: "translateX(0)" }
+        },
+        "progress-indeterminate": {
+          "0%": { transform: "translateX(-100%)" },
+          "100%": { transform: "translateX(250%)" }
+        },
+        "skeleton-shimmer": {
+          "0%": { backgroundPosition: "-200% 0" },
+          "100%": { backgroundPosition: "200% 0" }
+        }
+      },
+      animation: {
+        ripple: "ripple var(--duration-slow-01) linear",
+        "ripple-icon": "ripple var(--duration-moderate-02) linear forwards",
+        shake: "shake 1s var(--ease-productive-standard) infinite",
+        "progress-indeterminate": "progress-indeterminate var(--duration-slow-02) var(--ease-productive-standard) infinite",
+        "skeleton-shimmer": "skeleton-shimmer var(--duration-slow-02) var(--ease-linear) infinite"
+      },
+      backgroundImage: {
+        "gradient-brand": "var(--gradient-brand-light)",
+        "gradient-brand-dark": "var(--gradient-brand-dark)"
+      },
+      boxShadow: {
+        "01": "var(--shadow-01)",
+        "02": "var(--shadow-02)",
+        "03": "var(--shadow-03)",
+        "04": "var(--shadow-04)",
+        "05": "var(--shadow-05)",
+        brand: "var(--shadow-brand)"
+      },
+      transitionDuration: {
+        instant: "var(--duration-instant)",
+        "fast-01": "var(--duration-fast-01)",
+        "fast-02": "var(--duration-fast-02)",
+        "moderate-01": "var(--duration-moderate-01)",
+        "moderate-02": "var(--duration-moderate-02)",
+        "slow-01": "var(--duration-slow-01)",
+        "slow-02": "var(--duration-slow-02)"
+      },
+      transitionTimingFunction: {
+        "productive-standard": "var(--ease-productive-standard)",
+        "productive-entrance": "var(--ease-productive-entrance)",
+        "productive-exit": "var(--ease-productive-exit)",
+        "expressive-standard": "var(--ease-expressive-standard)",
+        "expressive-entrance": "var(--ease-expressive-entrance)",
+        "expressive-exit": "var(--ease-expressive-exit)",
+        bounce: "var(--ease-bounce)",
+        linear: "var(--ease-linear)"
+      },
+      zIndex: {
+        base: "var(--z-base)",
+        raised: "var(--z-raised)",
+        dropdown: "var(--z-dropdown)",
+        sticky: "var(--z-sticky)",
+        overlay: "var(--z-overlay)",
+        modal: "var(--z-modal)",
+        toast: "var(--z-toast)",
+        tooltip: "var(--z-tooltip)"
+      }
+    }
+  }
+};
+export {
+  r as default
+};

package/dist/tokens/index.css

@@ -0,0 +1,3 @@
+@import './primitives.css';
+@import './semantic.css';
+@import './typography-semantic.css';

package/dist/tokens/primitives.css

@@ -0,0 +1,189 @@
+/* ═══════════════════════════════════════════════════════════════════
+   TIER 1 — PRIMITIVE TOKENS
+   Raw palette values. Never referenced directly in component code.
+   ═══════════════════════════════════════════════════════════════════ */
+
+:root {
+  /* ── Pink scale — Devalok brand ─────────────────────────────── */
+  --pink-50:  #fcf7f7;
+  --pink-100: #f7e9e9;
+  --pink-200: #efd5d9;
+  --pink-300: #e5b3bf;
+  --pink-400: #d97195;
+  --pink-500: #d33163;
+  --pink-600: #b6204a;
+  --pink-700: #932044;
+  --pink-800: #6e1433;
+  --pink-900: #4d0a1c;
+  --pink-950: #2a0510;
+
+  /* ── Purple scale — secondary accent ────────────────────────── */
+  --purple-50:  #f8f6fc;
+  --purple-100: #f2eff8;
+  --purple-200: #e6e1f3;
+  --purple-300: #d3c8ea;
+  --purple-400: #ab9ded;
+  --purple-500: #8258a9;
+  --purple-600: #6a3f91;
+  --purple-700: #512d75;
+  --purple-800: #3a274e;
+  --purple-900: #2a1a3a;
+  --purple-950: #1e1429;
+
+  /* ── Neutral scale — warm-tinted grays ──────────────────────── */
+  --neutral-0:   #ffffff;
+  --neutral-50:  #f8f7f7;
+  --neutral-100: #f2f1f1;
+  --neutral-200: #e6e4e5;
+  --neutral-300: #d3ced0;
+  --neutral-400: #b7afb2;
+  --neutral-500: #8c8084;
+  --neutral-600: #6b6164;
+  --neutral-700: #564e50;
+  --neutral-800: #403a3c;
+  --neutral-900: #282425;
+  --neutral-950: #050505;
+
+  /* ── Green ──────────────────────────────────────────────────── */
+  --green-50:  #e1f8e0;
+  --green-100: #aaffb9;
+  --green-200: #80e892;
+  --green-300: #50c96a;
+  --green-400: #2aa648;
+  --green-500: #08862a;
+  --green-600: #007a14;
+  --green-700: #005c0f;
+  --green-800: #004109;
+  --green-900: #002b06;
+  --green-950: #001a04;
+
+  /* ── Red ────────────────────────────────────────────────────── */
+  --red-50:  #ffc5c1;
+  --red-100: #ff9c95;
+  --red-200: #ff7e75;
+  --red-300: #f95a4f;
+  --red-400: #eb3a2e;
+  --red-500: #e41a0e;
+  --red-600: #e00e00;
+  --red-700: #b30b00;
+  --red-800: #870800;
+  --red-900: #5c0500;
+  --red-950: #380300;
+
+  /* ── Yellow ─────────────────────────────────────────────────── */
+  --yellow-50:  #fff585;
+  --yellow-100: #ffe83f;
+  --yellow-200: #fdd430;
+  --yellow-300: #e8b510;
+  --yellow-400: #cc9600;
+  --yellow-500: #a36200;
+  --yellow-600: #9a6b00;
+  --yellow-700: #7a4900;
+  --yellow-800: #5c3700;
+  --yellow-900: #3d2400;
+  --yellow-950: #251600;
+
+  /* ── Blue ───────────────────────────────────────────────────── */
+  --blue-50:  #bee3f9;
+  --blue-100: #43b2ed;
+  --blue-200: #38ace6;
+  --blue-300: #2499d2;
+  --blue-400: #1d88c8;
+  --blue-500: #136da3;
+  --blue-600: #0e537e;
+  --blue-700: #0a3f60;
+  --blue-800: #072f4a;
+  --blue-900: #041f32;
+  --blue-950: #02131f;
+
+  /* ── Teal scale — Mayur (मयूर) ────────────────────────────── */
+  --teal-50:  #f0fdfa;
+  --teal-100: #ccfbf1;
+  --teal-200: #99f6e4;
+  --teal-300: #5eead4;
+  --teal-400: #2dd4bf;
+  --teal-500: #14b8a6;
+  --teal-600: #0d9488;
+  --teal-700: #0f766e;
+  --teal-800: #115e59;
+  --teal-900: #134e4a;
+  --teal-950: #042f2e;
+
+  /* ── Amber scale — Kesar (केसर) ───────────────────────────── */
+  --amber-50:  #fffbeb;
+  --amber-100: #fef3c7;
+  --amber-200: #fde68a;
+  --amber-300: #fcd34d;
+  --amber-400: #fbbf24;
+  --amber-500: #f59e0b;
+  --amber-600: #d97706;
+  --amber-700: #b45309;
+  --amber-800: #92400e;
+  --amber-900: #78350f;
+  --amber-950: #451a03;
+
+  /* ── Slate scale — Megha (मेघ) ────────────────────────────── */
+  --slate-50:  #f8fafc;
+  --slate-100: #f1f5f9;
+  --slate-200: #e2e8f0;
+  --slate-300: #cbd5e1;
+  --slate-400: #94a3b8;
+  --slate-500: #64748b;
+  --slate-600: #475569;
+  --slate-700: #334155;
+  --slate-800: #1e293b;
+  --slate-900: #0f172a;
+  --slate-950: #020617;
+
+  /* ── Indigo scale — Neel (नील) ────────────────────────────── */
+  --indigo-50:  #eef2ff;
+  --indigo-100: #e0e7ff;
+  --indigo-200: #c7d2fe;
+  --indigo-300: #a5b4fc;
+  --indigo-400: #818cf8;
+  --indigo-500: #6366f1;
+  --indigo-600: #4f46e5;
+  --indigo-700: #4338ca;
+  --indigo-800: #3730a3;
+  --indigo-900: #312e81;
+  --indigo-950: #1e1b4b;
+
+  /* ── Cyan scale — Samudra (समुद्र) ─────────────────────────── */
+  --cyan-50:  #ecfeff;
+  --cyan-100: #cffafe;
+  --cyan-200: #a5f3fc;
+  --cyan-300: #67e8f9;
+  --cyan-400: #22d3ee;
+  --cyan-500: #06b6d4;
+  --cyan-600: #0891b2;
+  --cyan-700: #0e7490;
+  --cyan-800: #155e75;
+  --cyan-900: #164e63;
+  --cyan-950: #083344;
+
+  /* ── Orange scale — Agni (अग्नि) ──────────────────────────── */
+  --orange-50:  #fff7ed;
+  --orange-100: #ffedd5;
+  --orange-200: #fed7aa;
+  --orange-300: #fdba74;
+  --orange-400: #fb923c;
+  --orange-500: #f97316;
+  --orange-600: #ea580c;
+  --orange-700: #c2410c;
+  --orange-800: #9a3412;
+  --orange-900: #7c2d12;
+  --orange-950: #431407;
+
+  /* ── Emerald scale — Panna (पन्ना) ─────────────────────────── */
+  --emerald-50:  #ecfdf5;
+  --emerald-100: #d1fae5;
+  --emerald-200: #a7f3d0;
+  --emerald-300: #6ee7b7;
+  --emerald-400: #34d399;
+  --emerald-500: #10b981;
+  --emerald-600: #059669;
+  --emerald-700: #047857;
+  --emerald-800: #065f46;
+  --emerald-900: #064e3b;
+  --emerald-950: #022c22;
+}