@bsuite/theme 0.6.0 → 0.7.1

package/dist/react/BrandingProvider.js

@@ -43,7 +43,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  *    </BrandingProvider>
  */
 import { createContext, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { sanitizeBrandingUrl, sanitizeFontFamily, toCssUrl, } from './branding-sanitize';
+import { sanitizeBrandingUrl, sanitizeFontFamily, toCssUrl, } from './branding-sanitize.js';
 export const BRANDING_STORAGE_KEY = 'bsuite_tenant_branding';
 export const BRANDING_OVERRIDE_FLAG = 'VITE_ENABLE_BRANDING_OVERRIDE';
 export const BrandingContext = createContext(undefined);

package/dist/react/ThemeProvider.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { type ThemeContextValue, type ThemeMode } from '../index';
+import { type ThemeContextValue, type ThemeMode } from '../index.js';
 export declare const ThemeContext: import("react").Context<ThemeContextValue | undefined>;
 export interface ThemeProviderProps {
     children: ReactNode;

package/dist/react/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/react/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAyC,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAA;AAExG,eAAO,MAAM,YAAY,wDAA0D,CAAA;AAEnF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BA4DpB"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/react/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAyC,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAA;AAE3G,eAAO,MAAM,YAAY,wDAA0D,CAAA;AAEnF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AA6BD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,YAAuB,EACvB,UAA8B,GAC/B,EAAE,kBAAkB,+BA4DpB"}

package/dist/react/ThemeProvider.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createContext, useCallback, useEffect, useMemo, useState } from 'react';
-import { THEME_STORAGE_KEY } from '../index';
+import { THEME_STORAGE_KEY } from '../index.js';
 export const ThemeContext = createContext(undefined);
 /**
  * Resolve a stored ThemeMode to the effective ResolvedTheme.

package/dist/react/components/StatusBadge.d.ts

@@ -30,8 +30,11 @@ export type BadgeVariant =
  | 'error'
 /** Blue — Draft, New, Scheduled */
  | 'info'
-/** Purple — Converted, Promoted */
- | 'purple'
+/** Deep blue — Converted, Promoted, Exported, Paid: terminal states that
+ *  have moved past success. Was `purple`, renamed 0.7.0: the variant was
+ *  named for a colour rather than a role, and that colour is quarantined
+ *  from semantics (purple collapses onto primary blue under protanopia). */
+ | 'secondary'
 /** Gray — Inactive, Archived */
  | 'neutral';
 export interface StatusBadgeProps {

package/dist/react/components/StatusBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY;AACtB,yCAAyC;AACvC,SAAS;AACX,mCAAmC;GACjC,SAAS;AACX,sCAAsC;GACpC,OAAO;AACT,mCAAmC;GACjC,MAAM;AACR,mCAAmC;GACjC,QAAQ;AACV,gCAAgC;GAC9B,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAqBD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,IAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,GAAG,SAAS,CAc9B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,GAChD,YAAY,CAoCd;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CASxD;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;CAC1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,SAAS,CAIlC"}
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/StatusBadge.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,YAAY;AACtB,yCAAyC;AACvC,SAAS;AACX,mCAAmC;GACjC,SAAS;AACX,sCAAsC;GACpC,OAAO;AACT,mCAAmC;GACjC,MAAM;AACR;;;4EAG4E;GAC1E,WAAW;AACb,gCAAgC;GAC9B,SAAS,CAAC;AAEd,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA2BD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,IAAW,EACX,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,GACtB,EAAE,gBAAgB,GAAG,SAAS,CAc9B;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,GAChD,YAAY,CAoCd;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CASxD;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,OAAO,CAAC;IACvF,MAAM,EAAE,MAAM,CAAC;IACf,wEAAwE;IACxE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,gBAAgB,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;CAC1D;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,KAAK,EACL,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,SAAS,CAIlC"}

package/dist/react/components/StatusBadge.js

@@ -1,10 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+/*
+ * Role-bound, not palette-bound. Until 0.7.0 these were raw Tailwind palette
+ * classes (`bg-emerald-50`, `bg-red-50`, …), which meant the design-system
+ * component every app imports was invisible to tenant white-labelling —
+ * BrandingProvider mutates the role layer, and these bound below it.
+ *
+ * Tint is derived from the role colour with a slash-opacity fill plus the
+ * AA-safe `*-text` variant for type, so one definition covers light and dark
+ * and no `dark:` duplicate is needed.
+ */
 const variantClasses = {
-    success: 'bg-emerald-50 text-emerald-700 border-emerald-200 dark:bg-emerald-950 dark:text-emerald-300 dark:border-emerald-800',
-    warning: 'bg-amber-50 text-amber-700 border-amber-200 dark:bg-amber-950 dark:text-amber-300 dark:border-amber-800',
-    error: 'bg-red-50 text-red-700 border-red-200 dark:bg-red-950 dark:text-red-300 dark:border-red-800',
-    info: 'bg-sky-50 text-sky-700 border-sky-200 dark:bg-sky-950 dark:text-sky-300 dark:border-sky-800',
-    purple: 'bg-purple-50 text-purple-700 border-purple-200 dark:bg-purple-950 dark:text-purple-300 dark:border-purple-800',
+    success: 'bg-role-success/10 text-success-text border-role-success/30',
+    warning: 'bg-role-warning/10 text-warning-text border-role-warning/30',
+    error: 'bg-role-error/10 text-error-text border-role-error/30',
+    info: 'bg-role-info/10 text-accent-text border-role-info/30',
+    secondary: 'bg-role-secondary/10 text-primary-text border-role-secondary/30',
     neutral: 'bg-muted text-muted-foreground border-border',
 };
 const sizeClasses = {
@@ -57,7 +67,7 @@ export function getStatusVariant(status, overrides) {
         'draft', 'new', 'scheduled', 'open',
         'applicant', 'interviewing', 'reported',
     ];
-    const PURPLE = ['converted', 'promoted', 'shortlisted'];
+    const SECONDARY = ['converted', 'promoted', 'shortlisted', 'exported', 'paid', 'qualified'];
     if (SUCCESS.includes(normalized))
         return 'success';
     if (WARNING.includes(normalized))
@@ -66,8 +76,8 @@ export function getStatusVariant(status, overrides) {
         return 'error';
     if (INFO.includes(normalized))
         return 'info';
-    if (PURPLE.includes(normalized))
-        return 'purple';
+    if (SECONDARY.includes(normalized))
+        return 'secondary';
     return 'neutral';
 }
 /**

package/dist/react/index.d.ts

@@ -1,13 +1,13 @@
-export { ThemeProvider } from './ThemeProvider';
-export type { ThemeProviderProps } from './ThemeProvider';
-export { useTheme } from './useTheme';
-export type { ThemeContextValue, ThemeMode, ResolvedTheme } from '../index';
-export { THEME_STORAGE_KEY } from '../index';
-export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider';
-export type { TenantBranding, BrandingContextValue } from './BrandingProvider';
-export { useBranding } from './useBranding';
-export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo';
-export type { PlatformLogoHookResult, PlatformLogoOptions, PlatformLogoScheme, PlatformLogoSlot, PlatformLogoSource, ResolvedPlatformLogo, } from './usePlatformLogo';
-export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge';
-export type { BadgeVariant, StatusBadgeProps, AutoStatusBadgeProps, } from './components/StatusBadge';
+export { ThemeProvider } from './ThemeProvider.js';
+export type { ThemeProviderProps } from './ThemeProvider.js';
+export { useTheme } from './useTheme.js';
+export type { ThemeContextValue, ThemeMode, ResolvedTheme } from '../index.js';
+export { THEME_STORAGE_KEY } from '../index.js';
+export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider.js';
+export type { TenantBranding, BrandingContextValue } from './BrandingProvider.js';
+export { useBranding } from './useBranding.js';
+export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo.js';
+export type { PlatformLogoHookResult, PlatformLogoOptions, PlatformLogoScheme, PlatformLogoSlot, PlatformLogoSource, ResolvedPlatformLogo, } from './usePlatformLogo.js';
+export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge.js';
+export type { BadgeVariant, StatusBadgeProps, AutoStatusBadgeProps, } from './components/StatusBadge.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACxE,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,0BAA0B,CAAA;AACjC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,0BAA0B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/react/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAClD,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAC3E,YAAY,EACV,sBAAsB,EACtB,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,sBAAsB,CAAA;AAG7B,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,6BAA6B,CAAA;AACpC,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,6BAA6B,CAAA"}

package/dist/react/index.js

@@ -1,8 +1,8 @@
-export { ThemeProvider } from './ThemeProvider';
-export { useTheme } from './useTheme';
-export { THEME_STORAGE_KEY } from '../index';
-export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider';
-export { useBranding } from './useBranding';
-export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo';
+export { ThemeProvider } from './ThemeProvider.js';
+export { useTheme } from './useTheme.js';
+export { THEME_STORAGE_KEY } from '../index.js';
+export { BrandingProvider, BrandingContext, BRANDING_STORAGE_KEY, BRANDING_OVERRIDE_FLAG, } from './BrandingProvider.js';
+export { useBranding } from './useBranding.js';
+export { resolvePlatformLogo, usePlatformLogo } from './usePlatformLogo.js';
 // Components — see ./components/<Name>.tsx
-export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge';
+export { StatusBadge, AutoStatusBadge, getStatusVariant, formatStatusLabel, } from './components/StatusBadge.js';

package/dist/react/useBranding.d.ts

@@ -7,5 +7,5 @@
  *   const { branding, isLoading } = useBranding()
  *   const logoUrl = branding?.logo_url ?? '/logos/default-logo.svg'
  */
-export declare function useBranding(): import("./BrandingProvider").BrandingContextValue;
+export declare function useBranding(): import("./BrandingProvider.js").BrandingContextValue;
 //# sourceMappingURL=useBranding.d.ts.map

package/dist/react/useBranding.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/react/useBranding.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,sDAM1B"}
+{"version":3,"file":"useBranding.d.ts","sourceRoot":"","sources":["../../src/react/useBranding.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,wBAAgB,WAAW,yDAM1B"}

package/dist/react/useBranding.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { BrandingContext } from './BrandingProvider';
+import { BrandingContext } from './BrandingProvider.js';
 /**
  * Access the current tenant branding values and loading state.
  *

package/dist/react/usePlatformLogo.d.ts

@@ -1,4 +1,4 @@
-import type { TenantBranding } from './BrandingProvider';
+import type { TenantBranding } from './BrandingProvider.js';
 export type PlatformLogoSlot = 'header' | 'sidebar' | 'auth' | 'favicon' | 'mark';
 export type PlatformLogoScheme = 'light' | 'dark';
 export type PlatformLogoSource = 'branding' | 'fallback' | 'none';

package/dist/react/usePlatformLogo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePlatformLogo.d.ts","sourceRoot":"","sources":["../../src/react/usePlatformLogo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGxD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AACjF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7B;AAqDD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,GAAE,mBAAwB,GAChC,oBAAoB,CAiBtB;AAED,wBAAgB,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,sBAAsB,CAczF"}
+{"version":3,"file":"usePlatformLogo.d.ts","sourceRoot":"","sources":["../../src/react/usePlatformLogo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAG3D,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,CAAA;AACjF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,CAAA;AACjD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,CAAA;IACjE,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,oBAAoB;IACnC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,gBAAgB,CAAA;IACtB,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,kBAAkB,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,oBAAoB;IAClE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAA;IAC/B,SAAS,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CAC7B;AAqDD,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,EAC3C,OAAO,GAAE,mBAAwB,GAChC,oBAAoB,CAiBtB;AAED,wBAAgB,eAAe,CAAC,OAAO,GAAE,mBAAwB,GAAG,sBAAsB,CAczF"}

package/dist/react/usePlatformLogo.js

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { useBranding } from './useBranding';
+import { useBranding } from './useBranding.js';
 function cleanUrl(value) {
     const trimmed = value?.trim();
     return trimmed ? trimmed : null;

package/dist/react/useTheme.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeContextValue } from '../index';
+import type { ThemeContextValue } from '../index.js';
 /**
  * Hook to read + update the current theme.
  *

package/dist/react/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/react/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAU5C"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/react/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAGpD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAU5C"}

package/dist/react/useTheme.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { ThemeContext } from './ThemeProvider';
+import { ThemeContext } from './ThemeProvider.js';
 /**
  * Hook to read + update the current theme.
  *

package/dist/ssr/index.js

@@ -1,4 +1,4 @@
-import { THEME_STORAGE_KEY } from '../index';
+import { THEME_STORAGE_KEY } from '../index.js';
 /**
  * Returns a self-contained JavaScript string that — when executed before
  * your React app hydrates — applies the correct `.dark` or `.light` class

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsuite/theme",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "type": "module",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -15,7 +15,6 @@
   "files": [
     "dist",
     "src/css",
-    "src/tailwind-preset.js",
     "src/preset-v4.css"
   ],
   "main": "dist/index.js",
@@ -33,7 +32,6 @@
       "import": "./dist/ssr/index.js",
       "types": "./dist/ssr/index.d.ts"
     },
-    "./tailwind-preset": "./src/tailwind-preset.js",
     "./preset-v4.css": "./src/preset-v4.css",
     "./css": "./src/css/index.css",
     "./vars.css": "./src/css/vars.css",

package/src/css/braden.css

@@ -78,7 +78,7 @@
      ============================================================ */
   --braden-light-bg-body:    oklch(0.980 0.002 50);   /* warm white */
   --braden-light-bg-surface: oklch(0.996 0.001 50);   /* near white */
-  --braden-light-bg-panel:   oklch(1.000 0     0);    /* white */
+  --braden-light-bg-panel:   oklch(0.994 0.002 250);  /* near-white; pure white is banned in every role */
   --braden-light-bg-input:   oklch(0.972 0.003 250);  /* cool light grey */
 
   /* Braden light text scale — hue 250 (navy cast), capped L=0.22 */
@@ -161,9 +161,9 @@
   /* ============================================================
      SHADOWS — corporate subtle, no neon glow
      ============================================================ */
-  --shadow-sm:  0 1px 2px oklch(0 0 0 / 0.08);
-  --shadow-md:  0 4px 6px oklch(0 0 0 / 0.10), 0 2px 4px oklch(0 0 0 / 0.06);
-  --shadow-lg:  0 10px 15px oklch(0 0 0 / 0.10), 0 4px 6px oklch(0 0 0 / 0.05);
+  --shadow-sm:  0 1px 2px oklch(0.30 0.03 250 / 0.08);
+  --shadow-md:  0 4px 6px oklch(0.30 0.03 250 / 0.10), 0 2px 4px oklch(0.30 0.03 250 / 0.06);
+  --shadow-lg:  0 10px 15px oklch(0.30 0.03 250 / 0.10), 0 4px 6px oklch(0.30 0.03 250 / 0.05);
 
   /* Card glow is a dark-mode-only device (see .dark below); light mode
      stays border-only, consistent with the corporate "no neon glow" rule. */

package/src/css/utilities.css

@@ -74,18 +74,21 @@
    (braden/src/index.css) so the corporate and D2C marketing surfaces
    share one visual language for this specific device.
    ============================================================ */
+/* Grid lines are hue-matched to the surface, never pure black/white — the
+   contract bans both endpoints in every role, alpha forms included. Light
+   mode stays neutral and quiet; dark mode takes a faint accent cast, which
+   is where the cyber register lives. 32px = the pre-auth marketing tile. */
 .bsuite-hero-grid {
   position: absolute;
   inset: 0;
+  --grid-line: oklch(0.40 0.030 258 / 0.07);
   background-image:
-    linear-gradient(oklch(0 0 0 / 0.03) 1px, transparent 1px),
-    linear-gradient(90deg, oklch(0 0 0 / 0.03) 1px, transparent 1px);
+    linear-gradient(var(--grid-line) 1px, transparent 1px),
+    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
   background-size: 32px 32px;
 }
 .dark .bsuite-hero-grid {
-  background-image:
-    linear-gradient(oklch(1 0 0 / 0.03) 1px, transparent 1px),
-    linear-gradient(90deg, oklch(1 0 0 / 0.03) 1px, transparent 1px);
+  --grid-line: oklch(0.82 0.020 262 / 0.055);
 }
 
 /* ===== prefers-reduced-motion — cap animation duration ===== */

package/src/css/vars.css

@@ -12,13 +12,27 @@
  * Consumers should bind to Layer 3 (roles) or Layer 4 (shadcn) — never
  * directly to palette primitives. Roles make white-labelling safe.
  *
- * Colourblind policy (WCAG 1.4.1 + audit constraint):
- *   --role-error / --role-destructive = PURPLE, never red-vs-green.
- *   Only flag where colour is the SOLE signifier of state.
+ * Colourblind policy (WCAG 1.4.1) — REWRITTEN 2026-08-02, contract 0.7.0:
+ *   The invariant is SEPARATION, not a fixed hue. --role-error must be
+ *   maximally separated from --role-primary under deuteranopia and
+ *   protanopia. D2C's primary is blue, so error is RED.
+ *   The previous "error = purple" rule was actively harmful: under
+ *   protanopia purple measured DeltaE 0.006 against primary blue — the
+ *   destructive colour and the primary action colour were the SAME swatch.
+ *   Purple and indigo are therefore quarantined from semantics entirely.
+ *   Warm states (red/amber) separate by LIGHTNESS, not hue — under
+ *   deuteranopia everything warm collapses to yellow, so error is the dark
+ *   one and warning the light one. Never put two cool hues in opposition.
+ *   Colour is never the sole signifier: shape + label always.
+ *   TENANT OVERRIDE BLOCKED on --role-error / --role-destructive.
  *
- * Eye-strain policy:
- *   Dark-mode text capped at L=0.94. Pure white (L=1.0) is banned as a
- *   text token. 5-tier scale verified WCAG AA minimum throughout.
+ * Eye-strain / pure-endpoint policy:
+ *   Pure white (L=1.0) and pure black (L=0) are BANNED in EVERY role —
+ *   text, surface, border, ring and shadow alike (operator ruling
+ *   2026-08-02). The prior text-only scoping of this rule is what let
+ *   --light-bg-accent ship as oklch(1 0 0.5) and render every shadcn card
+ *   and popover pure white. "White" here means oklch(0.982 0.002 248)
+ *   (#f8f9fa); the lightest surface is bg-panel at L=0.994.
  *
  * OKLCH format is MANDATORY for all new tokens. No hex/rgb/hsl.
  * Syntax: oklch(L C H) — L=lightness 0–1, C=chroma 0–0.4, H=hue 0–360.
@@ -41,6 +55,17 @@
   --neon-electric-green:    oklch(0.723 0.192 149.6);
   --neon-electric-lavender: oklch(0.736 0.141 285.6);
 
+  /* Semantic hues — added 2026-08-02 (contract 0.7.0). The 11 above were
+     chosen for looks; these four were chosen for SEPARATION, measured via
+     Vienot-Brettel dichromat simulation. Worst-case DeltaE(OKLab) across
+     normal/deuteranopia/protanopia for every semantic pair is >= 0.156;
+     the pairing these replace scored 0.006. Never bind a component to
+     these directly — bind to the --role-* alias. */
+  --neon-electric-red:   oklch(0.580 0.230  25);   /* error / destructive */
+  --neon-electric-amber: oklch(0.800 0.150  75);   /* warning */
+  --neon-electric-teal:  oklch(0.600 0.130 195);   /* success */
+  --neon-electric-deep:  oklch(0.380 0.140 270);   /* secondary action */
+
   /* ============================================================
      LAYER 2 — SURFACE PRIMITIVES (light mode)
      ============================================================ */
@@ -49,7 +74,10 @@
   --light-bg-primary:   oklch(0.961 0     0.5);
   --light-bg-secondary: oklch(0.982 0.002 248);
   --light-bg-tertiary:  oklch(0.963 0.003 228.9);
-  --light-bg-accent:    oklch(1     0     0.5);
+  /* bg-panel. Was oklch(1 0 0.5) — pure white, and since --card and
+     --popover bridge to it, every shadcn card and popover in all five D2C
+     apps rendered pure white in light mode from this one line. */
+  --light-bg-accent:    oklch(0.994 0.002 260);
 
   /* D2C light text scale — hue 260 (cool blue-grey), capped L=0.22.
      Measured WCAG contrast vs --light-bg-primary oklch(0.961 0 0.5), OKLCH ->
@@ -63,9 +91,6 @@
   --light-text-muted:     oklch(0.52 0.018 260);  /*  4.92:1 ✓ AA  (normal, 4.5:1 floor) */
   --light-text-subtle:    oklch(0.60 0.012 260);  /*  3.52:1 ✓ AA large only (3:1) — ✗ AA normal */
   --light-text-disabled:  oklch(0.72 0.010 260);  /*  2.21:1 ✗ fails AA at any size — MUST pair with icon cue */
-  /* Legacy aliases (kept for consumers that haven't migrated) */
-  --light-text-tertiary:   var(--light-text-muted);
-  --light-text-quaternary: var(--light-text-subtle);
 
   --light-border: oklch(0.942 0.005 247.9);
   --light-hover:  oklch(0.963 0.003 228.9);
@@ -83,19 +108,33 @@
 
   /* Action colours */
   --role-primary:     var(--neon-electric-blue);    /* oklch(0.546 0.215 262.9) */
-  --role-secondary:   var(--neon-electric-indigo);  /* oklch(0.511 0.23  277)   */
+  --role-secondary:   var(--neon-electric-deep);    /* was indigo — 0.037 from primary */
   --role-accent:      var(--neon-electric-cyan);    /* oklch(0.769 0.132 191.7) */
 
-  /* ⚠️  COLOURBLIND POLICY: error = PURPLE — never red/coral.
-         Red-vs-green is the most common colour-vision deficiency (~8% M, ~0.5% F).
-         Purple (hue 283) is unambiguous to deuteranopes and protanopes.
+  /* ⚠️  SEPARATION POLICY (contract 0.7.0). The invariant is NOT a fixed hue —
+         it is that error must be maximally separated from PRIMARY under
+         deuteranopia and protanopia. D2C's primary is blue, so error is RED.
+         Purple scored DeltaE 0.006 against primary under protanopia: the
+         destructive colour and the primary action colour were the same swatch.
+         Purple and indigo are quarantined from semantics entirely.
+         Warm states separate by LIGHTNESS (under deuteranopia red and amber
+         both read yellow — error is the dark one, warning the light one).
          TENANT OVERRIDE BLOCKED: BrandingProvider rejects --role-error changes. */
-  --role-error:       var(--neon-electric-purple);  /* oklch(0.568 0.202 283.1) */
-  --role-destructive: var(--neon-electric-purple);  /* synonym — same value      */
-  --role-warning:     var(--neon-electric-orange);  /* oklch(0.728 0.168  22.5) */
-  --role-success:     var(--neon-electric-green);   /* oklch(0.723 0.192 149.6) */
+  --role-error:       var(--neon-electric-red);     /* was purple — 0.006 from primary */
+  --role-destructive: var(--neon-electric-red);     /* synonym — same value      */
+  --role-warning:     var(--neon-electric-amber);   /* was orange h22.5 — 0.059 from red */
+  --role-success:     var(--neon-electric-teal);    /* was green — 0.043 from red */
   --role-info:        var(--neon-electric-cyan);    /* oklch(0.769 0.132 191.7) */
 
+  /* AA-safe text renderings of the saturated roles on light surfaces.
+     A saturated fill colour is not a legible text colour; these are the
+     text variants and are the ONLY correct token for coloured type. */
+  --role-primary-text: oklch(0.541 0.215 262.9);  /* 4.71:1 ✓ AA */
+  --role-accent-text:  oklch(0.499 0.132 191.7);  /* 4.70:1 ✓ AA */
+  --role-error-text:   oklch(0.556 0.230  25);    /* 4.69:1 ✓ AA */
+  --role-warning-text: oklch(0.535 0.150  75);    /* 4.70:1 ✓ AA */
+  --role-success-text: oklch(0.501 0.130 195);    /* 4.70:1 ✓ AA */
+
   /* Text roles — six-tier scale (W3 §3.1 contract). Every tier below is
      measured against --role-bg-body (the conservative floor); all tiers
      score HIGHER against --role-bg-panel/--role-bg-surface. */
@@ -107,27 +146,54 @@
   --role-text-disabled:    var(--light-text-disabled);  /*  2.21:1 ✗ icon cue required */
 
   /* Surface roles */
-  --role-bg-body:    var(--light-bg-primary);
-  --role-bg-surface: var(--light-bg-secondary);
-  --role-bg-panel:   var(--light-bg-accent);
-  --role-bg-input:   var(--light-bg-tertiary);
-  --role-border:     var(--light-border);
-
-  /* Inverse text — safe on coloured fills (mid-lightness L≈0.5–0.7) */
-  --text-on-primary:     oklch(0.99 0    0);      /* on blue  L≈0.55 — 5.9:1 ✓ AA */
-  --text-on-accent:      oklch(0.17 0.02 260);    /* on cyan  L≈0.77 — 6.1:1 ✓ AA */
-  --text-on-error:       oklch(0.99 0    0);      /* on purple L≈0.57 */
-  --text-on-success:     oklch(0.17 0.02 260);    /* on green L≈0.72 — dark text */
-  --text-on-warning:     oklch(0.17 0.02 260);    /* on amber L≈0.82 — dark text */
+  --role-bg-body:      var(--light-bg-primary);
+  --role-bg-surface:   var(--light-bg-secondary);
+  --role-bg-panel:     var(--light-bg-accent);
+  --role-bg-input:     var(--light-bg-tertiary);
+  --role-bg-sunken:    oklch(0.938 0.004 250);
+  --role-border:       var(--light-border);
+  --role-border-strong: oklch(0.880 0.008 250);
 
-  /* ============================================================
-     LAYER 3 — SEMANTIC STATUS (legacy: keeps --status-* names)
-     Deprecated: prefer --role-* going forward.
-     ============================================================ */
-  --status-success: var(--role-success);
-  --status-warning: var(--role-warning);
-  --status-error:   var(--role-error);     /* was coral; now purple per colourblind policy */
-  --status-info:    var(--role-info);
+  /* Scrim — the veil behind a modal, and the reason `bg-black/N` survived
+     everywhere else. It was the single most duplicated pure endpoint in the
+     tree (9 sites across nav-core, page-builder and schema-builder) for one
+     reason: no overlay role existed, so every author reached for the only
+     thing that was always available. A banned value with no sanctioned
+     replacement does not get obeyed, it gets re-typed.
+
+     VALUE AND SHAPE ADOPTED FROM crm7, which had already solved this locally
+     (crm7/src/index.css --color-overlay, with the note "pure black banned").
+     Lifting their value rather than minting a competing one is the whole
+     point: two scrim tokens with different values is the duplication this
+     change exists to remove, and theirs was here first.
+
+     OPAQUE — the alpha belongs at the CALL SITE, not in the token. I first
+     baked 0.55 in to stop the /40-vs-/50 drift between page-builder and
+     schema-builder, which would have silently halved crm7's existing
+     `bg-overlay/50` to 0.275 by compounding. Call-site alpha is also simply
+     more useful: a full-page modal scrim and a caption strip over a photo
+     want the same colour at different strengths.
+
+     Declared ONCE — no .dark override. A scrim is not a surface: it veils
+     whatever is behind it, and the dialog above it is --role-bg-panel, which
+     already flips. Giving it a dark twin would move the veil and the panel
+     together and cancel out the separation this exists to create. */
+  --role-overlay:      oklch(0.145 0.022 268);
+
+  /* Inverse text on coloured fills. Two values only — the fill is either
+     light enough to need dark text, or dark enough to need light text.
+     Neither is a pure endpoint. */
+  --text-on-light-fill:  oklch(0.98 0.006 260);
+  --text-on-dark-fill:   oklch(0.19 0.020 255);
+  --text-on-primary:     var(--text-on-light-fill);  /* on blue  L≈0.55 — 4.88:1 ✓ AA */
+  --text-on-error:       var(--text-on-light-fill);  /* on red   L≈0.58 — 4.55:1 ✓ AA */
+  --text-on-accent:      var(--text-on-dark-fill);   /* on cyan  L≈0.77 — 9.38:1 ✓ AAA */
+  --text-on-overlay:     var(--text-on-light-fill);  /* on scrim L≈0.15 — the scrim is dark in BOTH modes,
+                                                        so this never flips. crm7 declared it as a bare
+                                                        oklch(0.99 0 0); routed through the shared token
+                                                        instead so there is one near-white, not two. */
+  --text-on-warning:     var(--text-on-dark-fill);   /* on amber L≈0.80 — 9.68:1 ✓ AAA */
+  --text-on-success:     var(--text-on-dark-fill);   /* on teal  L≈0.60 — 5.17:1 ✓ AA */
 
   /* ============================================================
      LAYER 4 — SHADCN/UI BRIDGE (light mode)
@@ -154,13 +220,6 @@
   --input:              var(--role-border);
   --ring:               var(--role-primary);
 
-  /* ============================================================
-     WCAG AA compliant text pairs for raw neon on light bg
-     (neon cyan L=0.77 on light bg is only 1.76:1 — fails 4.5:1)
-     ============================================================ */
-  --color-accent-text:  oklch(0.486 0.084 191.5);  /* Dark cyan — AA on light bg */
-  --color-primary-text: oklch(0.485 0.243 263.6);  /* Saturated blue — AA on light bg */
-
   /* ============================================================
      CANONICAL ACCENT GRADIENT (W3 §3.1) — exactly ONE gradient
      exists suite-wide. Marketing/pre-auth heroes ONLY — never on
@@ -190,44 +249,72 @@
 }
 
 /* ============================================================
-   SRGB FALLBACKS (for browsers without oklch support) — W3 §3.4
-   True-source hexes, each re-derived directly from its oklch token
-   (OKLCH -> OKLab -> linear-sRGB -> gamma-encoded sRGB) rather than
-   eyeballed against a Tailwind palette. Round-trip-verified: every
-   value below computes ΔE(OKLab) < 0.01 against its oklch token —
-   at least twice inside the < 0.02 acceptance bar (most values are
-   one to two orders of magnitude inside it; see docs/TOKEN-MAPPING.md
-   §8 for the full per-token ΔE table). The prior Tailwind-palette-
-   derived hexes were ΔE 0.03-0.10 off.
-
-   Deliberately declared at the TOP LEVEL, not nested inside another
-   `:root { }` block: engines that lack `oklch()` support predate CSS
-   nesting too, so a `@supports` block nested inside `:root` would be
-   silently dropped by exactly the browsers it's meant to serve when
-   this file is consumed raw (unbundled). It works when bundled
-   through the Tailwind v4 / LightningCSS pipeline only because that
-   pipeline hoists nested at-rules — this top-level form is correct
-   for both the raw and the bundled case.
+   LAYER 5 — PER-APP ACCENT
+   Added 2026-08-02: the 0.7.0 contract specifies these blocks but the
+   package had never shipped them — only a `var(--app-accent, …)` fallback
+   reference, so every app resolved to the shared cyan and the per-app
+   identity existed on paper only.
+
+   Set `data-app` on <body>. The FILL is the brand hue; the TEXT variants
+   are solved per mode, because a saturated fill colour is not a legible
+   text colour and the accent must never render below AA.
    ============================================================ */
-@supports not (color: oklch(0 0 0)) {
-  :root {
-    --neon-electric-blue:     #2563eb;
-    --neon-electric-cyan:     #00cec9;
-    --neon-electric-indigo:   #4f46e5;
-    --neon-electric-purple:   #6c5ce7;
-    --neon-electric-magenta:  #fd79a8;
-    --neon-electric-pink:     #ec4899;
-    --neon-electric-coral:    #ff4757;
-    --neon-electric-orange:   #ff7675;
-    --neon-electric-yellow:   #fdcb6e;
-    --neon-electric-green:    #22c55e;
-    --neon-electric-lavender: #a29bfe;
-    --role-error:             #6c5ce7;
-    --role-destructive:       #6c5ce7;
-    --light-text-primary:     #171b22;
-    --dark-text-primary:      #e8eaf6;
-  }
+[data-app="crm7"] {
+  --app-accent:        oklch(0.769 0.132 191.7);
+  --app-accent-text-l: oklch(0.505 0.132 191.7);
+  --app-accent-text-d: oklch(0.769 0.132 191.7);
 }
+[data-app="bsu"] {
+  --app-accent:        oklch(0.541 0.247 293);
+  --app-accent-text-l: oklch(0.564 0.247 293);
+  --app-accent-text-d: oklch(0.745 0.247 293);
+}
+[data-app="conduit"] {
+  --app-accent:        oklch(0.723 0.192 149.6);
+  --app-accent-text-l: oklch(0.505 0.192 149.6);
+  --app-accent-text-d: oklch(0.723 0.192 149.6);
+}
+[data-app="r80"] {
+  --app-accent:        oklch(0.666 0.157 58.3);
+  --app-accent-text-l: oklch(0.546 0.157 58.3);
+  --app-accent-text-d: oklch(0.703 0.157 58.3);
+}
+/* R8.04 — the rates engine replacing R80.3. Deliberately REUSES r80's
+   orange: it serves the same users doing the same job, and a rates engine
+   is not where people should be re-learning which app they are in.
+   Requested by the r804 lane 2026-08-02. */
+[data-app="r804"] {
+  --app-accent:        oklch(0.666 0.157 58.3);
+  --app-accent-text-l: oklch(0.546 0.157 58.3);
+  --app-accent-text-d: oklch(0.703 0.157 58.3);
+}
+[data-app="throughput"] {
+  --app-accent:        oklch(0.656 0.212 354.3);
+  --app-accent-text-l: oklch(0.564 0.212 354.3);
+  --app-accent-text-d: oklch(0.731 0.212 354.3);
+}
+/* Light/dark rebinding of the text variant. */
+:root      { --app-accent-text: var(--app-accent-text-l); }
+.dark      { --app-accent-text: var(--app-accent-text-d); }
+
+/* ============================================================
+   NO sRGB FALLBACK — DELIBERATELY REMOVED 2026-08-02.
+   Precedent: precedent__bsuite__20260802__theme_conformance_is_absolute.
+
+   The `@supports not (color: oklch(0 0 0))` block that stood here shipped
+   a parallel hex palette. It is gone, and must not be reinstated:
+
+     · OKLCH has been Baseline-available in every evergreen engine since
+       Firefox 113 (May 2023), after Safari 15.4 (2022) and Chrome 111
+       (Mar 2023). It guarded a population that no longer exists.
+     · It was a second source of truth for the same colours, so it drifted:
+       it still bound --role-error to purple after the semantic set moved
+       to red. A fallback that disagrees with the tokens is worse than none.
+
+   If a colour needs to exist in hex (email HTML, PDF, canvas, manifest),
+   derive it at that call site from the oklch token — do not re-introduce a
+   second palette here.
+   ============================================================ */
 
 /* ============================================================
    DARK MODE — Layer 2 surface overrides + Layer 3 role rebind
@@ -253,9 +340,6 @@
   --dark-text-muted:     oklch(0.68 0.018 260);  /* metadata —  6.69:1 ✓ AA (normal) */
   --dark-text-subtle:    oklch(0.56 0.015 260);  /* placeholders —  4.14:1 ✓ AA large only — ✗ AA normal */
   --dark-text-disabled:  oklch(0.44 0.010 260);  /* disabled —  2.48:1 ✗ fails AA at any size — MUST pair with icon cue */
-  /* Legacy aliases */
-  --dark-text-tertiary:   var(--dark-text-muted);
-  --dark-text-quaternary: var(--dark-text-disabled);
 
   --dark-border: oklch(0.428 0.015 248.2);
   --dark-hover:  oklch(0.39  0.035 265);
@@ -270,14 +354,17 @@
 
   --role-bg-body:    var(--dark-bg-primary);
   --role-bg-surface: var(--dark-bg-secondary);
-  --role-bg-panel:   oklch(0.19 0.02 260 / 0.8);
-  --role-bg-input:   oklch(0.24 0.02 260 / 0.6);
+  --role-bg-panel:   oklch(0.190 0.020 260);
+  --role-bg-input:   oklch(0.240 0.020 260);
+  --role-bg-sunken:  oklch(0.145 0.022 268);
   --role-border:     var(--dark-border);
 
-  /* Accent/primary text tokens flip to raw neons in dark mode —
-     contrast on navy bg is already ≥ 9:1 for these values. */
-  --color-accent-text:  oklch(0.769 0.132 191.7);
-  --color-primary-text: oklch(0.623 0.188 259.8);
+  /* Role text variants rebind for the dark surface — all AAA on navy. */
+  --role-primary-text: oklch(0.721 0.215 262.9);  /*  7.01:1 ✓ AAA */
+  --role-accent-text:  var(--neon-electric-cyan); /*  9.78:1 ✓ AAA */
+  --role-error-text:   oklch(0.786 0.230  25);    /*  7.00:1 ✓ AAA */
+  --role-warning-text: var(--neon-electric-amber);/* 10.10:1 ✓ AAA */
+  --role-success-text: oklch(0.671 0.130 195);    /*  6.99:1 ✓ AAA */
 
   /* Glow/shadow scale up in dark mode */
   --glow-strength:   0.6;

package/src/preset-v4.css

@@ -1,134 +1,148 @@
 /*
- * @bsuite/theme — Tailwind v4 @theme block
- * Version 0.3.1
+ * @bsuite/theme — Tailwind v4 @theme bridge
+ * Version 0.7.0
  *
- * Tailwind v4 exposes design tokens to the engine via CSS @theme blocks.
- * Import this before any app-specific @theme overrides:
+ * Usage (every D2C app; braden imports braden-css instead of css):
  *
  *   @import 'tailwindcss';
- *   @import '@bsuite/theme/preset-v4.css';
+ *   @import '@bsuite/theme/css';           ← defines --role-* (vars.css)
+ *   @import '@bsuite/theme/preset-v4.css'; ← this file, maps them to utilities
  *
- *   @theme {
- *     --color-app-primary: oklch(0.45 0.18 142); -- app-specific override
- *   }
+ * ─────────────────────────────────────────────────────────────────────────
+ * WHY `@theme inline` AND NOT `@theme`
+ *
+ * Until 0.7.0 this file used a plain `@theme` block containing hardcoded
+ * oklch literals — a full second copy of every value in vars.css. Two
+ * consequences, both real bugs:
+ *
+ *   1. DARK MODE DID NOT REACH THESE UTILITIES. Plain `@theme` emits
+ *      `--color-card: <literal>` at :root and makes `bg-card` resolve to
+ *      `var(--color-card)`. vars.css rebinds `--role-bg-panel` under
+ *      `.dark`, but nothing rebound `--color-card`, so `bg-card` stayed on
+ *      its light-mode literal in dark mode.
+ *   2. IT DRIFTED. The duplicate copy still said `--color-card: oklch(1 0
+ *      0.5)` (pure white) and `--color-destructive: <purple>` after the
+ *      token source had moved on from both.
+ *
+ * `@theme inline` emits the `var()` reference into the utility itself, so
+ * `bg-card` resolves through `--role-bg-panel` and follows every `.dark`
+ * and BrandingProvider rebinding for free. vars.css is the ONLY source of
+ * truth for values; this file contains no colour literals at all.
+ *
+ * Adding a colour literal to this file re-creates both bugs. Don't.
+ * ─────────────────────────────────────────────────────────────────────────
  *
  * Token naming: `--color-{name}` → Tailwind generates `bg-{name}`,
  * `text-{name}`, `border-{name}` etc. automatically.
- *
- * Layer order matches vars.css:
- *   1. Palette  — --color-neon-electric-*
- *   2. Surface  — --color-{light|dark}-{bg|text}-*
- *   3. Role     — --color-role-*   ← bind to these in components
- *   4. Shadcn   — --color-background, --color-foreground, etc.
- *   5. Text-on  — --color-text-on-*
  */
 
-@theme {
-  /* ============================================================
-     LAYER 1 — Neon Electric palette (11 colours, FROZEN)
-     ============================================================ */
-  --color-neon-electric-blue:     oklch(0.546 0.215 262.9);
-  --color-neon-electric-cyan:     oklch(0.769 0.132 191.7);
-  --color-neon-electric-indigo:   oklch(0.511 0.23  277);
-  --color-neon-electric-purple:   oklch(0.568 0.202 283.1);
-  --color-neon-electric-magenta:  oklch(0.742 0.167 359.5);
-  --color-neon-electric-pink:     oklch(0.656 0.212 354.3);
-  --color-neon-electric-coral:    oklch(0.669 0.219  20.9);
-  --color-neon-electric-orange:   oklch(0.728 0.168  22.5);
-  --color-neon-electric-yellow:   oklch(0.868 0.125  81.4);
-  --color-neon-electric-green:    oklch(0.723 0.192 149.6);
-  --color-neon-electric-lavender: oklch(0.736 0.141 285.6);
-
+@theme inline {
   /* ============================================================
-     LAYER 2 — Surface tokens (light)
+     LAYER 1 — Palette. Exposed for decorative use only.
+     Bind components to the role tokens below, never to these:
+     white-labelling mutates roles, so a palette-bound component
+     silently ignores tenant branding.
      ============================================================ */
-  --color-light-bg-primary:   oklch(0.961 0     0.5);
-  --color-light-bg-secondary: oklch(0.982 0.002 248);
-  --color-light-bg-tertiary:  oklch(0.963 0.003 228.9);
-  --color-light-bg-accent:    oklch(1     0     0.5);
-
-  /* Eye-strain-safe light text scale (L capped at 0.22, hue 260) */
-  --color-light-text-primary:   oklch(0.22 0.015 260);  /* 13.2:1 AAA */
-  --color-light-text-secondary: oklch(0.38 0.018 260);  /*  8.1:1 AAA */
-  --color-light-text-muted:     oklch(0.52 0.018 260);  /*  4.9:1 AA  */
-  --color-light-text-subtle:    oklch(0.60 0.012 260);  /*  3.8:1 AA large */
-  --color-light-text-disabled:  oklch(0.72 0.010 260);
+  --color-neon-electric-blue:     var(--neon-electric-blue);
+  --color-neon-electric-cyan:     var(--neon-electric-cyan);
+  --color-neon-electric-indigo:   var(--neon-electric-indigo);
+  --color-neon-electric-purple:   var(--neon-electric-purple);
+  --color-neon-electric-magenta:  var(--neon-electric-magenta);
+  --color-neon-electric-pink:     var(--neon-electric-pink);
+  --color-neon-electric-coral:    var(--neon-electric-coral);
+  --color-neon-electric-orange:   var(--neon-electric-orange);
+  --color-neon-electric-yellow:   var(--neon-electric-yellow);
+  --color-neon-electric-green:    var(--neon-electric-green);
+  --color-neon-electric-lavender: var(--neon-electric-lavender);
+  --color-neon-electric-red:      var(--neon-electric-red);
+  --color-neon-electric-amber:    var(--neon-electric-amber);
+  --color-neon-electric-teal:     var(--neon-electric-teal);
+  --color-neon-electric-deep:     var(--neon-electric-deep);
 
   /* ============================================================
-     LAYER 2 — Surface tokens (dark)
+     LAYER 2 — Surfaces. Role-bound, so they flip with .dark.
      ============================================================ */
-  --color-dark-bg-primary:    oklch(0.166 0.026 269.4);
-  --color-dark-bg-secondary:  oklch(0.242 0.03  269.9);
-  --color-dark-bg-tertiary:   oklch(0.326 0.036 266.7);
-  --color-dark-bg-quaternary: oklch(0.39  0.035 265);
-  --color-dark-bg-accent:     oklch(0.292 0.034 270);
-
-  /* Eye-strain-safe dark text scale (L capped at 0.94, hue 260) */
-  --color-dark-text-primary:   oklch(0.94 0.012 260);  /* 13.9:1 AAA */
-  --color-dark-text-secondary: oklch(0.82 0.015 260);  /*  9.8:1 AAA */
-  --color-dark-text-muted:     oklch(0.68 0.018 260);  /*  5.6:1 AA  */
-  --color-dark-text-subtle:    oklch(0.56 0.015 260);  /*  3.6:1 AA large */
-  --color-dark-text-disabled:  oklch(0.44 0.010 260);
+  --color-bg-body:       var(--role-bg-body);
+  --color-bg-surface:    var(--role-bg-surface);
+  --color-bg-panel:      var(--role-bg-panel);
+  --color-bg-input:      var(--role-bg-input);
+  --color-bg-sunken:     var(--role-bg-sunken);
+  --color-border-strong: var(--role-border-strong);
 
   /* ============================================================
-     LAYER 3 — Role aliases
-     Consumers should only reference these — never palette names.
+     LAYER 3 — Text scale
      ============================================================ */
-  --color-role-primary:     oklch(0.546 0.215 262.9);  /* electric blue  */
-  --color-role-secondary:   oklch(0.511 0.23  277);    /* electric indigo */
-  --color-role-accent:      oklch(0.769 0.132 191.7);  /* electric cyan  */
-
-  /* Colourblind-safe: error = purple, never red/coral */
-  --color-role-error:       oklch(0.568 0.202 283.1);  /* electric purple */
-  --color-role-destructive: oklch(0.568 0.202 283.1);  /* synonym         */
-  --color-role-warning:     oklch(0.728 0.168  22.5);  /* electric orange */
-  --color-role-success:     oklch(0.723 0.192 149.6);  /* electric green  */
-  --color-role-info:        oklch(0.769 0.132 191.7);  /* electric cyan   */
-
-  /* Semantic status aliases (deprecated: prefer role-*) */
-  --color-status-success: oklch(0.723 0.192 149.6);
-  --color-status-warning: oklch(0.728 0.168  22.5);
-  --color-status-error:   oklch(0.568 0.202 283.1);  /* purple — colourblind policy */
-  --color-status-info:    oklch(0.769 0.132 191.7);
+  --color-text-heading:   var(--role-text-heading);
+  --color-text-body:      var(--role-text-body);
+  --color-text-secondary: var(--role-text-secondary);
+  --color-text-muted:     var(--role-text-muted);
+  --color-text-subtle:    var(--role-text-subtle);
+  --color-text-disabled:  var(--role-text-disabled);
 
   /* ============================================================
-     LAYER 4 — Shadcn/ui bridge
-     Tailwind generates bg-background, text-foreground, etc.
+     LAYER 3 — Semantic roles.
+     Error is RED because D2C's primary is blue and error must be
+     maximally separated from primary under dichromacy — see the
+     separation policy in vars.css. Not a fixed-hue rule.
      ============================================================ */
-  --color-background:         oklch(0.961 0     0.5);
-  --color-foreground:         oklch(0.22  0.015 260);
-  --color-card:               oklch(1     0     0.5);
-  --color-card-foreground:    oklch(0.22  0.015 260);
-  --color-popover:            oklch(1     0     0.5);
-  --color-popover-foreground: oklch(0.22  0.015 260);
-  --color-primary:            oklch(0.546 0.215 262.9);
-  --color-primary-foreground: oklch(0.99  0     0);
-  --color-secondary:          oklch(0.511 0.23  277);
-  --color-secondary-foreground: oklch(0.99 0    0);
-  --color-muted:              oklch(0.963 0.003 228.9);
-  --color-muted-foreground:   oklch(0.52  0.018 260);
-  --color-accent:             oklch(0.769 0.132 191.7);
-  --color-accent-foreground:  oklch(0.17  0.02  260);
-  --color-destructive:        oklch(0.568 0.202 283.1);  /* purple — colourblind policy */
-  --color-destructive-foreground: oklch(0.99 0  0);
-  --color-border:             oklch(0.942 0.005 247.9);
-  --color-input:              oklch(0.942 0.005 247.9);
-  --color-ring:               oklch(0.546 0.215 262.9);
+  --color-role-primary:     var(--role-primary);
+  --color-role-secondary:   var(--role-secondary);
+  --color-role-accent:      var(--role-accent);
+  --color-role-error:       var(--role-error);
+  --color-role-destructive: var(--role-destructive);
+  --color-role-warning:     var(--role-warning);
+  --color-role-success:     var(--role-success);
+  --color-role-info:        var(--role-info);
+
+  /* AA-safe text variants — the only correct token for coloured type.
+     A saturated fill colour is not a legible text colour. */
+  --color-primary-text: var(--role-primary-text);
+  --color-accent-text:  var(--role-accent-text);
+  --color-error-text:   var(--role-error-text);
+  --color-warning-text: var(--role-warning-text);
+  --color-success-text: var(--role-success-text);
+
+  /* Per-app accent (Layer 5). Resolves through [data-app] on <body>,
+     falling back to the shared accent when no app is declared. */
+  --color-app-accent:      var(--app-accent, var(--role-accent));
+  --color-app-accent-text: var(--app-accent-text, var(--role-accent-text));
 
   /* ============================================================
-     LAYER 5 — Inverse text (for coloured fill surfaces)
+     LAYER 4 — shadcn/ui bridge
      ============================================================ */
-  --color-text-on-primary:  oklch(0.99 0    0);
-  --color-text-on-accent:   oklch(0.17 0.02 260);
-  --color-text-on-error:    oklch(0.99 0    0);
-  --color-text-on-success:  oklch(0.17 0.02 260);
-  --color-text-on-warning:  oklch(0.17 0.02 260);
+  --color-background:             var(--role-bg-body);
+  --color-foreground:             var(--role-text-body);
+  --color-card:                   var(--role-bg-panel);
+  --color-card-foreground:        var(--role-text-body);
+  --color-popover:                var(--role-bg-panel);
+  --color-popover-foreground:     var(--role-text-body);
+  --color-primary:                var(--role-primary);
+  --color-primary-foreground:     var(--text-on-primary);
+  --color-secondary:              var(--role-secondary);
+  --color-secondary-foreground:   var(--text-on-primary);
+  --color-muted:                  var(--role-bg-input);
+  --color-muted-foreground:       var(--role-text-muted);
+  --color-accent:                 var(--role-accent);
+  --color-accent-foreground:      var(--text-on-accent);
+  --color-destructive:            var(--role-destructive);
+  --color-destructive-foreground: var(--text-on-error);
+  --color-border:                 var(--role-border);
+  --color-input:                  var(--role-border);
+  --color-ring:                   var(--role-primary);
+  /* Modal scrim. OPAQUE — always write an explicit alpha at the call site
+     (`bg-overlay/50`), never bare `bg-overlay`, which would hide the page
+     entirely. Pairs with `text-text-on-overlay`. */
+  --color-overlay:                var(--role-overlay);
+  --color-text-on-overlay:        var(--text-on-overlay);
 
   /* ============================================================
-     WCAG AA text pairs for raw neons on light backgrounds
+     LAYER 5 — Inverse text on coloured fills
      ============================================================ */
-  --color-accent-text:  oklch(0.486 0.084 191.5);
-  --color-primary-text: oklch(0.485 0.243 263.6);
+  --color-text-on-primary: var(--text-on-primary);
+  --color-text-on-accent:  var(--text-on-accent);
+  --color-text-on-error:   var(--text-on-error);
+  --color-text-on-success: var(--text-on-success);
+  --color-text-on-warning: var(--text-on-warning);
 
   /* ============================================================
      ANIMATIONS
@@ -143,27 +157,28 @@
 }
 
 /* ============================================================
-   KEYFRAMES — outside @theme (v4 doesn't expose them there)
-   oklch used throughout — no rgba/hsl leakage
+   KEYFRAMES — outside @theme (v4 doesn't expose them there).
+   Colour-bearing frames derive from --role-accent, so they follow
+   per-app accent and tenant branding instead of pinning cyan.
    ============================================================ */
 @keyframes pulse-soft {
   0%, 100% { opacity: 1; }
-  50%       { opacity: 0.7; }
+  50%      { opacity: 0.7; }
 }
 
 @keyframes glow {
-  0%   { box-shadow: 0 0  5px oklch(0.769 0.132 191.7 / 0.2); }
-  100% { box-shadow: 0 0 20px oklch(0.769 0.132 191.7 / 0.6); }
+  0%   { box-shadow: 0 0  5px oklch(from var(--role-accent) l c h / 0.2); }
+  100% { box-shadow: 0 0 20px oklch(from var(--role-accent) l c h / 0.6); }
 }
 
 @keyframes neon-pulse {
-  0%, 100% { text-shadow: 0 0 10px oklch(0.769 0.132 191.7 / 0.3); }
-  50%       { text-shadow: 0 0 20px oklch(0.769 0.132 191.7 / 0.8); }
+  0%, 100% { text-shadow: 0 0 10px oklch(from var(--role-accent) l c h / 0.3); }
+  50%      { text-shadow: 0 0 20px oklch(from var(--role-accent) l c h / 0.8); }
 }
 
 @keyframes float {
   0%, 100% { transform: translateY(0px); }
-  50%       { transform: translateY(-10px); }
+  50%      { transform: translateY(-10px); }
 }
 
 @keyframes shimmer {
@@ -173,7 +188,7 @@
 
 @keyframes typing {
   0%, 60% { opacity: 1; }
-  30%      { opacity: 0.4; }
+  30%     { opacity: 0.4; }
 }
 
 @keyframes shine {

package/src/tailwind-preset.js

@@ -1,150 +0,0 @@
-/**
- * @bsuite/theme — Tailwind v3 preset (oklch edition)
- *
- * Consume via:
- *   // tailwind.config.js (CommonJS)
- *   module.exports = {
- *     presets: [require('@bsuite/theme/tailwind-preset')],
- *     content: ['./src/**\/*.{js,ts,jsx,tsx}'],
- *   }
- *
- * Extends Tailwind's theme with the D2C Neon Electric palette, light/dark
- * surface tokens, semantic status colours, gradients, glow shadows, and
- * the six canonical animations. Does not override Tailwind's default scale.
- *
- * Colour values are inline oklch so the preset is self-contained — no
- * dependency on any `--*-rgb` CSS custom property. Tailwind v3 injects
- * `<alpha-value>` into any valid CSS colour function, and `oklch(L C H / A)`
- * is valid CSS Color 4 syntax (supported in all evergreen browsers:
- * Chrome ≥111, Safari ≥15.4, Firefox ≥113). Keeps bg-neon-electric-blue/40
- * and friends working without the RGB-triplet variable indirection.
- *
- * Values are kept in sync with `preset-v4.css` — editing one without the
- * other will cause v3 and v4 consumers to diverge. See README.
- *
- * NOTE: Tailwind v4 apps should import `@bsuite/theme/preset-v4.css` instead.
- * v4 removed the preset system — presets exist only for v3.
- */
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ['class'],
-  theme: {
-    extend: {
-      colors: {
-        neon: {
-          'electric-blue': 'oklch(0.546 0.215 262.9 / <alpha-value>)',
-          'electric-cyan': 'oklch(0.769 0.132 191.7 / <alpha-value>)',
-          'electric-indigo': 'oklch(0.511 0.23 277 / <alpha-value>)',
-          'electric-purple': 'oklch(0.568 0.202 283.1 / <alpha-value>)',
-          'electric-magenta': 'oklch(0.742 0.167 359.5 / <alpha-value>)',
-          'electric-pink': 'oklch(0.656 0.212 354.3 / <alpha-value>)',
-          'electric-coral': 'oklch(0.669 0.219 20.9 / <alpha-value>)',
-          'electric-orange': 'oklch(0.728 0.168 22.5 / <alpha-value>)',
-          'electric-yellow': 'oklch(0.868 0.125 81.4 / <alpha-value>)',
-          'electric-green': 'oklch(0.726 0.197 145.5 / <alpha-value>)',
-          'electric-lavender': 'oklch(0.749 0.115 288.4 / <alpha-value>)',
-        },
-        light: {
-          bg: {
-            primary: 'var(--light-bg-primary)',
-            secondary: 'var(--light-bg-secondary)',
-            tertiary: 'var(--light-bg-tertiary)',
-            accent: 'var(--light-bg-accent)',
-          },
-          text: {
-            primary: 'var(--light-text-primary)',
-            secondary: 'var(--light-text-secondary)',
-            tertiary: 'var(--light-text-tertiary)',
-            quaternary: 'var(--light-text-quaternary)',
-          },
-          border: 'var(--light-border)',
-          hover: 'var(--light-hover)',
-        },
-        dark: {
-          bg: {
-            primary: 'var(--dark-bg-primary)',
-            secondary: 'var(--dark-bg-secondary)',
-            tertiary: 'var(--dark-bg-tertiary)',
-            quaternary: 'var(--dark-bg-quaternary)',
-            accent: 'var(--dark-bg-accent)',
-          },
-          text: {
-            primary: 'var(--dark-text-primary)',
-            secondary: 'var(--dark-text-secondary)',
-            tertiary: 'var(--dark-text-tertiary)',
-            quaternary: 'var(--dark-text-quaternary)',
-          },
-          border: 'var(--dark-border)',
-          hover: 'var(--dark-hover)',
-        },
-        status: {
-          success: 'var(--status-success)',
-          warning: 'var(--status-warning)',
-          error: 'var(--status-error)',
-          info: 'var(--status-info)',
-        },
-      },
-
-      backgroundImage: {
-        'gradient-brand':
-          'linear-gradient(135deg, oklch(0.669 0.219 20.9) 0%, oklch(0.728 0.168 22.5) 25%, oklch(0.868 0.125 81.4) 50%, oklch(0.769 0.132 191.7) 75%, oklch(0.749 0.115 288.4) 100%)',
-        'gradient-electric':
-          'linear-gradient(135deg, oklch(0.546 0.215 262.9) 0%, oklch(0.769 0.132 191.7) 50%, oklch(0.656 0.212 354.3) 100%)',
-        'gradient-neon':
-          'linear-gradient(90deg, oklch(0.769 0.132 191.7) 0%, oklch(0.568 0.202 283.1) 50%, oklch(0.669 0.219 20.9) 100%)',
-        'gradient-chat-user':
-          'linear-gradient(135deg, oklch(0.636 0.153 271.3) 0%, oklch(0.466 0.168 296.3) 100%)',
-        'gradient-chat-agent':
-          'linear-gradient(135deg, oklch(0.546 0.215 262.9) 0%, oklch(0.656 0.212 354.3) 100%)',
-        'gradient-neural':
-          'radial-gradient(circle at center, oklch(0.769 0.132 191.7 / 0.1) 0%, transparent 50%)',
-      },
-
-      boxShadow: {
-        'glow-electric-blue': '0 0 20px oklch(0.546 0.215 262.9 / var(--glow-strength))',
-        'glow-electric-cyan': '0 0 20px oklch(0.769 0.132 191.7 / var(--glow-strength))',
-        'glow-electric-purple': '0 0 20px oklch(0.568 0.202 283.1 / var(--glow-strength))',
-        'glow-electric-pink': '0 0 20px oklch(0.656 0.212 354.3 / var(--glow-strength))',
-        'glow-electric-coral': '0 0 20px oklch(0.669 0.219 20.9 / var(--glow-strength))',
-        'glow-electric-magenta': '0 0 20px oklch(0.742 0.167 359.5 / var(--glow-strength))',
-      },
-
-      animation: {
-        'pulse-soft': 'pulse-soft 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
-        glow: 'glow 2s ease-in-out infinite alternate',
-        typing: 'typing 1.5s infinite',
-        shimmer: 'shimmer 2s infinite',
-        float: 'float 3s ease-in-out infinite',
-        'neon-pulse': 'neon-pulse 2s ease-in-out infinite',
-      },
-
-      keyframes: {
-        'pulse-soft': {
-          '0%, 100%': { opacity: '1' },
-          '50%': { opacity: '0.7' },
-        },
-        glow: {
-          '0%': { boxShadow: '0 0 5px oklch(0.769 0.132 191.7 / 0.2)' },
-          '100%': { boxShadow: '0 0 20px oklch(0.769 0.132 191.7 / 0.6)' },
-        },
-        typing: {
-          '0%, 60%': { opacity: '1' },
-          '30%': { opacity: '0.4' },
-        },
-        shimmer: {
-          '0%': { backgroundPosition: '-1000px 0' },
-          '100%': { backgroundPosition: '1000px 0' },
-        },
-        float: {
-          '0%, 100%': { transform: 'translateY(0px)' },
-          '50%': { transform: 'translateY(-10px)' },
-        },
-        'neon-pulse': {
-          '0%, 100%': { textShadow: '0 0 10px oklch(0.769 0.132 191.7 / 0.3)' },
-          '50%': { textShadow: '0 0 20px oklch(0.769 0.132 191.7 / 0.8)' },
-        },
-      },
-    },
-  },
-}