pi-kiosk-shared 2.1.85 → 2.1.87

package/dist/ui/Turnstile/useTurnstileExecute.js

@@ -0,0 +1,73 @@
+import { useCallback, useRef, useState } from 'react';
+import { useQuery } from '@tanstack/react-query';
+import { fetchTurnstileConfig } from '../../auth/turnstileTypes.js';
+const TURNSTILE_EXECUTE_TIMEOUT_MS = 30_000;
+export function useTurnstileExecute(apiBaseUrl = '') {
+    const turnstileRef = useRef(undefined);
+    const pendingResolveRef = useRef(null);
+    const pendingRejectRef = useRef(null);
+    const timeoutRef = useRef(null);
+    const [widgetKey, setWidgetKey] = useState(0);
+    const query = useQuery({
+        queryKey: ['turnstile-config', apiBaseUrl],
+        queryFn: () => fetchTurnstileConfig(apiBaseUrl),
+        staleTime: 5 * 60_000,
+    });
+    const siteKey = query.data?.siteKey ?? null;
+    const required = query.data?.enabled === true && typeof siteKey === 'string' && siteKey.length > 0;
+    const clearPending = useCallback(() => {
+        if (timeoutRef.current !== null) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        pendingResolveRef.current = null;
+        pendingRejectRef.current = null;
+    }, []);
+    const resetTurnstile = useCallback(() => {
+        clearPending();
+        setWidgetKey((current) => current + 1);
+    }, [clearPending]);
+    const onSuccess = useCallback((token) => {
+        pendingResolveRef.current?.(token);
+        clearPending();
+    }, [clearPending]);
+    const onExpire = useCallback(() => {
+        pendingRejectRef.current?.(new Error('Turnstile expired'));
+        clearPending();
+        resetTurnstile();
+    }, [clearPending, resetTurnstile]);
+    const onError = useCallback(() => {
+        pendingRejectRef.current?.(new Error('Turnstile error'));
+        clearPending();
+        resetTurnstile();
+    }, [clearPending, resetTurnstile]);
+    const execute = useCallback(async () => {
+        if (!required) {
+            return undefined;
+        }
+        return new Promise((resolve, reject) => {
+            clearPending();
+            pendingResolveRef.current = resolve;
+            pendingRejectRef.current = reject;
+            timeoutRef.current = setTimeout(() => {
+                pendingRejectRef.current?.(new Error('Turnstile execute timeout'));
+                clearPending();
+                resetTurnstile();
+            }, TURNSTILE_EXECUTE_TIMEOUT_MS);
+            turnstileRef.current?.execute();
+        });
+    }, [required, clearPending, resetTurnstile]);
+    return {
+        required,
+        siteKey,
+        widgetKey,
+        isLoading: query.isLoading,
+        turnstileRef,
+        execute,
+        resetTurnstile,
+        onSuccess,
+        onExpire,
+        onError,
+    };
+}
+//# sourceMappingURL=useTurnstileExecute.js.map

package/dist/ui/Turnstile/useTurnstileExecute.js.map

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

package/dist/ui/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Shared UI primitives — import from `pi-kiosk-shared/ui`.
+ */
+export { Button, type ButtonProps } from './Button/Button.js';
+export { Card, type CardProps } from './Card/Card.js';
+export { FormField, type FormFieldProps } from './FormField/FormField.js';
+export { LanguageToggle, type LanguageToggleProps, type LanguageToggleNamespace, type LanguageToggleSurface, } from './LanguageToggle/LanguageToggle.js';
+export { useTurnstileAuth, type UseTurnstileAuthResult } from './Turnstile/useTurnstileAuth.js';
+export { TurnstileWidget, type TurnstileWidgetProps } from './Turnstile/TurnstileWidget.js';
+export { useTurnstileExecute, type UseTurnstileExecuteResult } from './Turnstile/useTurnstileExecute.js';
+export { TurnstileExecuteWidget, type TurnstileExecuteWidgetProps, } from './Turnstile/TurnstileExecuteWidget.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,EACxB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC3B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,uCAAuC,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,12 @@
+/**
+ * Shared UI primitives — import from `pi-kiosk-shared/ui`.
+ */
+export { Button } from './Button/Button.js';
+export { Card } from './Card/Card.js';
+export { FormField } from './FormField/FormField.js';
+export { LanguageToggle, } from './LanguageToggle/LanguageToggle.js';
+export { useTurnstileAuth } from './Turnstile/useTurnstileAuth.js';
+export { TurnstileWidget } from './Turnstile/TurnstileWidget.js';
+export { useTurnstileExecute } from './Turnstile/useTurnstileExecute.js';
+export { TurnstileExecuteWidget, } from './Turnstile/TurnstileExecuteWidget.js';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,MAAM,EAAoB,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAkB,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAuB,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EACL,cAAc,GAIf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAA+B,MAAM,iCAAiC,CAAC;AAChG,OAAO,EAAE,eAAe,EAA6B,MAAM,gCAAgC,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAkC,MAAM,oCAAoC,CAAC;AACzG,OAAO,EACL,sBAAsB,GAEvB,MAAM,uCAAuC,CAAC"}

package/package.json

@@ -1,122 +1,168 @@
-{
-  "name": "pi-kiosk-shared",
-  "version": "2.1.85",
-  "type": "module",
-  "private": false,
-  "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
-  "keywords": [
-    "kiosk",
-    "typescript",
-    "types",
-    "api"
-  ],
-  "author": "tehacko@seznam.cz",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/tehacko/pi-kiosk-shared.git"
-  },
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    },
-    "./analyticsExploreCaps": {
-      "import": "./dist/analyticsExploreCaps.js",
-      "require": "./dist/analyticsExploreCaps.js",
-      "types": "./dist/analyticsExploreCaps.d.ts"
-    },
-    "./analyticsApiTypes": {
-      "import": "./dist/analyticsApiTypes.js",
-      "require": "./dist/analyticsApiTypes.js",
-      "types": "./dist/analyticsApiTypes.d.ts"
-    },
-    "./analyticsEvents": {
-      "import": "./dist/analyticsEvents.js",
-      "require": "./dist/analyticsEvents.js",
-      "types": "./dist/analyticsEvents.d.ts"
-    },
-    "./analyticsEmitterManifest": {
-      "import": "./dist/analyticsEmitterManifest.js",
-      "require": "./dist/analyticsEmitterManifest.js",
-      "types": "./dist/analyticsEmitterManifest.d.ts"
-    },
-    "./crossTab": {
-      "import": "./dist/crossTab/index.js",
-      "require": "./dist/crossTab/index.js",
-      "types": "./dist/crossTab/index.d.ts"
-    },
-    "./analyticsDevLog": {
-      "import": "./dist/analyticsDevLog.js",
-      "require": "./dist/analyticsDevLog.js",
-      "types": "./dist/analyticsDevLog.d.ts"
-    },
-    "./analyticsConsentAllowlist": {
-      "import": "./dist/analyticsConsentAllowlist.js",
-      "require": "./dist/analyticsConsentAllowlist.js",
-      "types": "./dist/analyticsConsentAllowlist.d.ts"
-    },
-    "./analyticsAnonymousIdentity": {
-      "import": "./dist/analyticsAnonymousIdentity.js",
-      "require": "./dist/analyticsAnonymousIdentity.js",
-      "types": "./dist/analyticsAnonymousIdentity.d.ts"
-    },
-    "./clientLogRedaction": {
-      "import": "./dist/clientLogRedaction.js",
-      "require": "./dist/clientLogRedaction.js",
-      "types": "./dist/clientLogRedaction.d.ts"
-    },
-    "./loyalty/loyaltySessionHandoff": {
-      "import": "./dist/loyalty/loyaltySessionHandoff.js",
-      "require": "./dist/loyalty/loyaltySessionHandoff.js",
-      "types": "./dist/loyalty/loyaltySessionHandoff.d.ts"
-    },
-    "./checkout/sessionMetadataV4": {
-      "import": "./dist/checkout/sessionMetadataV4.js",
-      "require": "./dist/checkout/sessionMetadataV4.js",
-      "types": "./dist/checkout/sessionMetadataV4.d.ts"
-    },
-    "./sentry": {
-      "import": "./dist/sentry/initSentry.js",
-      "require": "./dist/sentry/initSentry.js",
-      "types": "./dist/sentry/initSentry.d.ts"
-    }
-  },
-  "peerDependencies": {
-    "@sentry/react": "^8.0.0",
-    "react": "^18.0.0"
-  },
-  "scripts": {
-    "build": "npm run clean && tsc",
-    "dev": "tsc --watch",
-    "type-check": "tsc --noEmit",
-    "lint": "npm run type-check",
-    "test": "jest --config jest.config.cjs --passWithNoTests",
-    "test:watch": "jest --config jest.config.cjs --watch",
-    "test:coverage": "jest --config jest.config.cjs --coverage",
-    "clean": "rimraf dist",
-    "publish:local": "npm run build && npm pack --pack-destination ../",
-    "prepublishOnly": "npm run build",
-    "preversion": "npm run test -- --passWithNoTests",
-    "postversion": "echo 'Version updated. Run git push && git push --tags manually if needed.'",
-    "audit:deps": "npm audit --audit-level=high"
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "devDependencies": {
-    "@sentry/react": "^8.55.0",
-    "@types/jest": "^29.5.0",
-    "@types/node": "^20.19.41",
-    "@types/react": "^18.2.0",
-    "jest": "^29.5.0",
-    "rimraf": "^5.0.0",
-    "ts-jest": "^29.1.0",
-    "typescript": "^5.0.0"
-  }
-}
+{
+  "name": "pi-kiosk-shared",
+  "version": "2.1.87",
+  "type": "module",
+  "private": false,
+  "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
+  "keywords": [
+    "kiosk",
+    "typescript",
+    "types",
+    "api"
+  ],
+  "author": "tehacko@seznam.cz",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tehacko/pi-kiosk-shared.git"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./analyticsExploreCaps": {
+      "import": "./dist/analyticsExploreCaps.js",
+      "require": "./dist/analyticsExploreCaps.js",
+      "types": "./dist/analyticsExploreCaps.d.ts"
+    },
+    "./analyticsApiTypes": {
+      "import": "./dist/analyticsApiTypes.js",
+      "require": "./dist/analyticsApiTypes.js",
+      "types": "./dist/analyticsApiTypes.d.ts"
+    },
+    "./analyticsEvents": {
+      "import": "./dist/analyticsEvents.js",
+      "require": "./dist/analyticsEvents.js",
+      "types": "./dist/analyticsEvents.d.ts"
+    },
+    "./analyticsEmitterManifest": {
+      "import": "./dist/analyticsEmitterManifest.js",
+      "require": "./dist/analyticsEmitterManifest.js",
+      "types": "./dist/analyticsEmitterManifest.d.ts"
+    },
+    "./crossTab": {
+      "import": "./dist/crossTab/index.js",
+      "require": "./dist/crossTab/index.js",
+      "types": "./dist/crossTab/index.d.ts"
+    },
+    "./analyticsDevLog": {
+      "import": "./dist/analyticsDevLog.js",
+      "require": "./dist/analyticsDevLog.js",
+      "types": "./dist/analyticsDevLog.d.ts"
+    },
+    "./analyticsConsentAllowlist": {
+      "import": "./dist/analyticsConsentAllowlist.js",
+      "require": "./dist/analyticsConsentAllowlist.js",
+      "types": "./dist/analyticsConsentAllowlist.d.ts"
+    },
+    "./analyticsCatalogVersion": {
+      "import": "./dist/analyticsCatalogVersion.js",
+      "require": "./dist/analyticsCatalogVersion.js",
+      "types": "./dist/analyticsCatalogVersion.d.ts"
+    },
+    "./analyticsAnonymousIdentity": {
+      "import": "./dist/analyticsAnonymousIdentity.js",
+      "require": "./dist/analyticsAnonymousIdentity.js",
+      "types": "./dist/analyticsAnonymousIdentity.d.ts"
+    },
+    "./analyticsEmitDedup": {
+      "import": "./dist/analyticsEmitDedup.js",
+      "require": "./dist/analyticsEmitDedup.js",
+      "types": "./dist/analyticsEmitDedup.d.ts"
+    },
+    "./clientLogRedaction": {
+      "import": "./dist/clientLogRedaction.js",
+      "require": "./dist/clientLogRedaction.js",
+      "types": "./dist/clientLogRedaction.d.ts"
+    },
+    "./loyalty/loyaltySessionHandoff": {
+      "import": "./dist/loyalty/loyaltySessionHandoff.js",
+      "require": "./dist/loyalty/loyaltySessionHandoff.js",
+      "types": "./dist/loyalty/loyaltySessionHandoff.d.ts"
+    },
+    "./checkout/sessionMetadataV4": {
+      "import": "./dist/checkout/sessionMetadataV4.js",
+      "require": "./dist/checkout/sessionMetadataV4.js",
+      "types": "./dist/checkout/sessionMetadataV4.d.ts"
+    },
+    "./sentry": {
+      "import": "./dist/sentry/initSentry.js",
+      "require": "./dist/sentry/initSentry.js",
+      "types": "./dist/sentry/initSentry.d.ts"
+    },
+    "./sentry/captureRateLimitBreadcrumb": {
+      "import": "./dist/sentry/captureRateLimitBreadcrumb.js",
+      "require": "./dist/sentry/captureRateLimitBreadcrumb.js",
+      "types": "./dist/sentry/captureRateLimitBreadcrumb.d.ts"
+    },
+    "./theme.css": "./src/tokens/theme.css",
+    "./admin-theme.css": "./src/tokens/admin-theme.css",
+    "./ui": {
+      "import": "./dist/ui/index.js",
+      "require": "./dist/ui/index.js",
+      "types": "./dist/ui/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@marsidev/react-turnstile": "^1.0.0",
+    "@sentry/react": "^8.0.0",
+    "@tanstack/react-query": "^5.0.0",
+    "react": "^18.0.0",
+    "react-i18next": "^14.0.0"
+  },
+  "dependencies": {
+    "tailwind-variants": "^0.3.0",
+    "@tanstack/react-query": "^5.66.0"
+  },
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "dev": "tsc --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "npm run type-check",
+    "test": "jest --config jest.config.cjs --passWithNoTests && node --test src/tokens/__tests__/*.test.mjs",
+    "test:watch": "jest --config jest.config.cjs --watch",
+    "test:coverage": "jest --config jest.config.cjs --coverage",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "clean": "rimraf dist",
+    "publish:local": "npm run build && npm pack --pack-destination ../",
+    "prepublishOnly": "npm run build",
+    "preversion": "npm run test -- --passWithNoTests",
+    "postversion": "echo 'Version updated. Run git push && git push --tags manually if needed.'",
+    "audit:deps": "npm audit --audit-level=high",
+    "export:catalog": "npm run build && node scripts/exportAnalyticsCatalog.mjs"
+  },
+  "files": [
+    "dist",
+    "src/tokens",
+    "README.md"
+  ],
+  "devDependencies": {
+    "@marsidev/react-turnstile": "^1.1.0",
+    "@sentry/react": "^8.55.0",
+    "@storybook/addon-essentials": "^8.6.0",
+    "@storybook/react-vite": "^8.6.0",
+    "@tanstack/react-query": "^5.66.0",
+    "@testing-library/jest-dom": "^6.6.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.6.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^20.19.41",
+    "@types/react": "^18.2.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-i18next": "^14.1.0",
+    "rimraf": "^5.0.0",
+    "storybook": "^8.6.0",
+    "ts-jest": "^29.1.0",
+    "typescript": "^5.0.0",
+    "vite": "^6.0.0"
+  }
+}

package/src/tokens/__tests__/theme-exports.test.mjs

@@ -0,0 +1,24 @@
+import { readFileSync, existsSync } from 'node:fs';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { test } from 'node:test';
+import assert from 'node:assert/strict';
+
+const tokensDir = join(dirname(fileURLToPath(import.meta.url)), '..');
+
+test('theme.css and admin-theme.css exist and export @theme tokens', () => {
+  const theme = readFileSync(join(tokensDir, 'theme.css'), 'utf8');
+  const admin = readFileSync(join(tokensDir, 'admin-theme.css'), 'utf8');
+  assert.match(theme, /@theme/);
+  assert.match(theme, /--color-surface/);
+  assert.match(admin, /--color-an-bg/);
+  assert.match(admin, /--color-rail-sidebar-bg/);
+});
+
+test('package.json exports token CSS paths', () => {
+  const pkgPath = join(tokensDir, '..', '..', 'package.json');
+  const pkg = JSON.parse(readFileSync(pkgPath, 'utf8'));
+  assert.ok(pkg.exports['./theme.css']);
+  assert.ok(pkg.exports['./admin-theme.css']);
+  assert.ok(existsSync(join(tokensDir, 'theme.css')));
+});

package/src/tokens/admin-theme.css

@@ -0,0 +1,37 @@
+/**
+ * Admin analytics / shell design tokens — import from pi-kiosk-shared/admin-theme.css
+ * Apps: @import "pi-kiosk-shared/admin-theme.css" in admin tailwind entry.
+ */
+@theme {
+  --color-an-bg: var(--color-gray-50);
+  --color-an-bg-elevated: #ffffff;
+  --color-an-surface: #ffffff;
+  --color-an-text: var(--color-gray-900);
+  --color-an-text-muted: var(--color-gray-500);
+  --color-an-border: var(--color-gray-200);
+  --color-an-primary: var(--color-primary);
+  --color-an-primary-soft: var(--color-primary-light);
+  --color-an-success: var(--color-success);
+  --color-an-warn: var(--color-warning);
+  --color-an-danger: var(--color-error);
+  --color-an-info: var(--color-info);
+  --color-an-chart-1: #6366f1;
+  --color-an-chart-2: #14b8a6;
+  --color-an-chart-3: #f59e0b;
+  --color-an-chart-4: #ef4444;
+  --color-an-chart-5: #8b5cf6;
+  --color-an-chart-6: #06b6d4;
+  --color-shell-bg: var(--color-an-bg);
+  --color-shell-surface: var(--color-an-surface);
+  --color-shell-border: var(--color-an-border);
+  --color-shell-text: var(--color-an-text);
+  --color-rail-sidebar-bg: #1e1b4b;
+  --color-rail-sidebar-text: #e0e7ff;
+  --color-rail-sidebar-muted: #a5b4fc;
+  --color-rail-sidebar-active: #7c3aed;
+  --color-rail-sidebar-hover: rgba(124, 58, 237, 0.2);
+  --color-rail-page-bg: #f1f5f9;
+  --color-rail-card-border: #e2e8f0;
+  --color-rail-kpi-up: #059669;
+  --color-rail-kpi-down: #dc2626;
+}

package/src/tokens/theme.css

@@ -0,0 +1,49 @@
+/**
+ * Customer / kiosk / pickup design tokens — import from pi-kiosk-shared/theme.css
+ * Apps: @import "pi-kiosk-shared/theme.css" after tailwindcss in globals entry.
+ */
+@theme {
+  --color-surface: #ffffff;
+  --color-surface-muted: #f8fafc;
+  --color-surface-elevated: #ffffff;
+  --color-on-surface: #0f172a;
+  --color-on-surface-muted: #475569;
+  --color-primary: #0f172a;
+  --color-primary-foreground: #f8fafc;
+  --color-accent: #2563eb;
+  --color-accent-foreground: #ffffff;
+  --color-success: #16a34a;
+  --color-success-foreground: #ecfdf5;
+  --color-danger: #dc2626;
+  --color-danger-foreground: #fef2f2;
+  --color-warning: #d97706;
+  --color-warning-foreground: #fffbeb;
+  --color-border: #e2e8f0;
+  --color-border-strong: #cbd5e1;
+  --color-focus-ring: #2563eb;
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+  --shadow-card: 0 1px 2px rgba(15, 23, 42, 0.06), 0 4px 12px rgba(15, 23, 42, 0.04);
+  --shadow-popover: 0 6px 24px rgba(15, 23, 42, 0.12);
+  --motion-duration-fast: 120ms;
+  --motion-duration-base: 200ms;
+  --motion-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
+}
+
+@media (prefers-color-scheme: dark) {
+  @theme {
+    --color-surface: #0b1220;
+    --color-surface-muted: #0f172a;
+    --color-surface-elevated: #111a2e;
+    --color-on-surface: #e2e8f0;
+    --color-on-surface-muted: #94a3b8;
+    --color-primary: #f8fafc;
+    --color-primary-foreground: #0f172a;
+    --color-accent: #60a5fa;
+    --color-accent-foreground: #0b1220;
+    --color-border: #1f2937;
+    --color-border-strong: #334155;
+  }
+}