@nebutra/design-tokens 2.0.0 → 3.0.0

package/build/ts/dark.d.ts

@@ -112,8 +112,93 @@ export const TrackingDisplay: string;
 export const TrackingHeading: string;
 /** Body emphasis */
 export const TrackingTight: string;
+/** Uppercase micro-labels. 0.07em is Vercel's measured eyebrow value (0.071em); open tracking keeps small caps legible. */
+export const TrackingLabel: string;
 export const LeadingDisplay: string;
 export const LeadingHeading: string;
+export const Type2xsSize: string;
+export const Type2xsLeading: string;
+export const Type2xsTracking: string;
+export const TypeXsSize: string;
+export const TypeXsLeading: string;
+export const TypeXsTracking: string;
+export const TypeUiSize: string;
+export const TypeUiLeading: string;
+export const TypeUiTracking: string;
+export const TypeSmSize: string;
+export const TypeSmLeading: string;
+export const TypeSmTracking: string;
+export const TypeBaseSize: string;
+export const TypeBaseLeading: string;
+export const TypeBaseTracking: string;
+export const TypeLgSize: string;
+export const TypeLgLeading: string;
+export const TypeLgTracking: string;
+export const TypeXlSize: string;
+export const TypeXlLeading: string;
+export const TypeXlTracking: string;
+export const Type2xlSize: string;
+export const Type2xlLeading: string;
+export const Type2xlTracking: string;
+export const Type3xlSize: string;
+export const Type3xlLeading: string;
+export const Type3xlTracking: string;
+export const Type4xlSize: string;
+export const Type4xlLeading: string;
+export const Type4xlTracking: string;
+export const Type5xlSize: string;
+export const Type5xlLeading: string;
+export const Type5xlTracking: string;
+export const Type6xlSize: string;
+export const Type6xlLeading: string;
+export const Type6xlTracking: string;
+export const Type7xlSize: string;
+export const Type7xlLeading: string;
+export const Type7xlTracking: string;
+export const Type8xlSize: string;
+export const Type8xlLeading: string;
+export const Type8xlTracking: string;
+export const Type9xlSize: string;
+export const Type9xlLeading: string;
+export const Type9xlTracking: string;
+export const TypeDisplaySize: string;
+export const TypeDisplayLeading: string;
+export const TypeDisplayTracking: string;
+export const TypeBodySize: string;
+export const TypeBodyLeading: string;
+export const TypeBodyTracking: string;
+export const TypeLabelSize: string;
+export const TypeLabelLeading: string;
+export const TypeLabelTracking: string;
+export const TypeMetaSize: string;
+export const TypeMetaLeading: string;
+export const TypeMetaTracking: string;
+/** Within a component: an element lifted over its siblings. */
+export const LayerRaised: string;
+/** Sticky headers and table heads. */
+export const LayerSticky: string;
+/** Floating toolbars and canvas chrome anchored to content. */
+export const LayerFloating: string;
+/** App navigation and the shell's top bar. */
+export const LayerNav: string;
+/** Mobile navigation drawers and their toggles. */
+export const LayerDrawer: string;
+/** Page-level banners: cookie consent, announcements. */
+export const LayerBanner: string;
+/** The skip link — above page chrome whenever it is focused. */
+export const LayerSkipLink: string;
+/** App-owned floating panels that are not overlays (locale switcher, search flyouts). */
+export const LayerPanel: string;
+/** Overlay tier. Mirrors overlayZIndex in @nebutra/ui; a test keeps them equal. */
+export const LayerBackdrop: string;
+/** Dialogs and sheets. */
+export const LayerModal: string;
+/** Popovers, menus, selects. */
+export const LayerPopover: string;
+/** Tooltips. */
+export const LayerTooltip: string;
+/** Developer and debug surfaces only — never product UI. */
+export const LayerDevtools: string;
 /** Hairline override — more visible on dark background */
 export const RingHairline: string;
 /** Dark-mode faint overlay (6% white) — inverted from light */
@@ -234,13 +319,14 @@ export const ScaleCyan11: string;
 export const ScaleCyan12: string;
 /** Label ink for the bright fill tier. Absolute near-black, identical in both modes. 10.35:1 on step 9, 11.34:1 on step 10. */
 export const ScaleCyanContrast: string;
+/** House canvas. Light is gray-50 under white cards (two-surface layering, as Vercel #fafafa/#fff); dark is OKLCH L 0.16, inside the near-black band every reference measures (Linear L 0.14, Raycast #040506). */
 export const ShadcnBackground: string;
 export const ShadcnForeground: string;
 export const ShadcnCard: string;
 export const ShadcnCardForeground: string;
 export const ShadcnPopover: string;
 export const ShadcnPopoverForeground: string;
-/** Dark-mode action blue, paired with the near-black --primary-foreground, not white. #396ae2 keeps the VI hue and sits at L*55.9 C0.191. */
+/** House action fill = ink, not blue (owner decision 2026-09-24). Every measured reference ships a solid near-black primary (Vercel #171717, Figma #000) and keeps its one saturated hue for a single signal. Blue now lives on --ring (focus, selection) only. */
 export const ShadcnPrimary: string;
 /** White, matching light mode and matching --blue-contrast. It was near-black (222 14% 9%) when --primary was a LIGHT fill at L* 68.3, where dark ink read 6.20:1. Once --primary became a deep fill at L* 55.9 the pairing inverted and measured 3.74:1, below AA — the fill moved and the ink did not. The deep-fill tier takes white in both modes; --blue-contrast says the same thing, and they must agree because --primary and --blue-9 are now the same value. */
 export const ShadcnPrimaryForeground: string;
@@ -266,10 +352,11 @@ export const ShadcnInfo: string;
 export const ShadcnInfoForeground: string;
 export const ShadcnBorder: string;
 export const ShadcnInput: string;
-/** Focus ring (dark mode) — neutral light gray. Mirrors light-mode neutral foreground choice. */
+/** The House blue. Focus rings, selection and links — the one saturated hue on a product screen. #2e65ee light / #6b93f5 dark. */
 export const ShadcnRing: string;
 export const ShadcnSidebar: string;
 export const ShadcnSidebarForeground: string;
+/** Current-page accent in the sidebar. = blue-11 (#89aaee, L* 74.0, C 0.106), the ramp's measured secondary-text tier on dark (8.62:1 on step 1). Was 228 95% 72% — 95% chroma sat outside every measured band and matched no ramp step. */
 export const ShadcnSidebarPrimary: string;
 export const ShadcnSidebarPrimaryForeground: string;
 export const ShadcnSidebarAccent: string;

package/build/ts/dark.js

@@ -24,17 +24,17 @@ export const ColorNebutraCyan700 = "#07a183";
 export const ColorNebutraCyan800 = "#057963";
 export const ColorNebutraCyan900 = "#035143";
 export const ColorNebutraCyan950 = "#012923";
-export const ColorNebutraNeutral50 = "#f8fafc";
-export const ColorNebutraNeutral100 = "#f1f5f9";
-export const ColorNebutraNeutral200 = "#e2e8f0";
-export const ColorNebutraNeutral300 = "#cbd5e1";
-export const ColorNebutraNeutral400 = "#94a3b8";
-export const ColorNebutraNeutral500 = "#64748b";
-export const ColorNebutraNeutral600 = "#475569";
-export const ColorNebutraNeutral700 = "#334155";
-export const ColorNebutraNeutral800 = "#1e293b";
-export const ColorNebutraNeutral900 = "#0f172a";
-export const ColorNebutraNeutral950 = "#020617";
+export const ColorNebutraNeutral50 = "#f9fafb";
+export const ColorNebutraNeutral100 = "#f3f4f6";
+export const ColorNebutraNeutral200 = "#e4e5e8";
+export const ColorNebutraNeutral300 = "#d2d4d8";
+export const ColorNebutraNeutral400 = "#9fa1a5";
+export const ColorNebutraNeutral500 = "#717377";
+export const ColorNebutraNeutral600 = "#515357";
+export const ColorNebutraNeutral700 = "#3f4044";
+export const ColorNebutraNeutral800 = "#26272a";
+export const ColorNebutraNeutral900 = "#18191c";
+export const ColorNebutraNeutral950 = "#0b0c0d";
 export const ColorNebutraGray50 = "#fafafa";
 export const ColorNebutraGray100 = "#f5f5f5";
 export const ColorNebutraGray200 = "#e5e5e5";
@@ -82,18 +82,89 @@ export const EasingSpring = "cubic-bezier(0.175, 0.885, 0.32, 1.275)";
 export const TrackingDisplay = "-0.04em"; // Hero H1
 export const TrackingHeading = "-0.03em"; // Section H2/H3
 export const TrackingTight = "-0.015em"; // Body emphasis
+export const TrackingLabel = "0.07em"; // Uppercase micro-labels. 0.07em is Vercel's measured eyebrow value (0.071em); open tracking keeps small caps legible.
 export const LeadingDisplay = "1.05";
 export const LeadingHeading = "1.15";
+export const Type2xsSize = "0.6875rem";
+export const Type2xsLeading = "1.45";
+export const Type2xsTracking = "0.01em";
+export const TypeXsSize = "0.75rem";
+export const TypeXsLeading = "1.4";
+export const TypeXsTracking = "0.005em";
+export const TypeUiSize = "0.8125rem";
+export const TypeUiLeading = "1.45";
+export const TypeUiTracking = "0em";
+export const TypeSmSize = "0.875rem";
+export const TypeSmLeading = "1.5";
+export const TypeSmTracking = "0em";
+export const TypeBaseSize = "1rem";
+export const TypeBaseLeading = "1.6";
+export const TypeBaseTracking = "-0.005em";
+export const TypeLgSize = "1.125rem";
+export const TypeLgLeading = "1.55";
+export const TypeLgTracking = "-0.01em";
+export const TypeXlSize = "1.25rem";
+export const TypeXlLeading = "1.45";
+export const TypeXlTracking = "-0.012em";
+export const Type2xlSize = "1.5rem";
+export const Type2xlLeading = "1.33";
+export const Type2xlTracking = "-0.015em";
+export const Type3xlSize = "1.875rem";
+export const Type3xlLeading = "1.25";
+export const Type3xlTracking = "-0.02em";
+export const Type4xlSize = "2.25rem";
+export const Type4xlLeading = "1.15";
+export const Type4xlTracking = "-0.022em";
+export const Type5xlSize = "3rem";
+export const Type5xlLeading = "1.08";
+export const Type5xlTracking = "-0.028em";
+export const Type6xlSize = "3.75rem";
+export const Type6xlLeading = "1.04";
+export const Type6xlTracking = "-0.032em";
+export const Type7xlSize = "4.5rem";
+export const Type7xlLeading = "1";
+export const Type7xlTracking = "-0.035em";
+export const Type8xlSize = "6rem";
+export const Type8xlLeading = "1";
+export const Type8xlTracking = "-0.04em";
+export const Type9xlSize = "8rem";
+export const Type9xlLeading = "1";
+export const Type9xlTracking = "-0.045em";
+export const TypeDisplaySize = "1.25rem";
+export const TypeDisplayLeading = "1.45";
+export const TypeDisplayTracking = "-0.012em";
+export const TypeBodySize = "0.875rem";
+export const TypeBodyLeading = "1.5";
+export const TypeBodyTracking = "0em";
+export const TypeLabelSize = "0.75rem";
+export const TypeLabelLeading = "1.4";
+export const TypeLabelTracking = "0.005em";
+export const TypeMetaSize = "0.6875rem";
+export const TypeMetaLeading = "1.45";
+export const TypeMetaTracking = "0.01em";
+export const LayerRaised = "10"; // Within a component: an element lifted over its siblings.
+export const LayerSticky = "20"; // Sticky headers and table heads.
+export const LayerFloating = "30"; // Floating toolbars and canvas chrome anchored to content.
+export const LayerNav = "40"; // App navigation and the shell's top bar.
+export const LayerDrawer = "60"; // Mobile navigation drawers and their toggles.
+export const LayerBanner = "90"; // Page-level banners: cookie consent, announcements.
+export const LayerSkipLink = "100"; // The skip link — above page chrome whenever it is focused.
+export const LayerPanel = "200"; // App-owned floating panels that are not overlays (locale switcher, search flyouts).
+export const LayerBackdrop = "1040"; // Overlay tier. Mirrors overlayZIndex in @nebutra/ui; a test keeps them equal.
+export const LayerModal = "1050"; // Dialogs and sheets.
+export const LayerPopover = "1060"; // Popovers, menus, selects.
+export const LayerTooltip = "1070"; // Tooltips.
+export const LayerDevtools = "9999"; // Developer and debug surfaces only — never product UI.
 export const RingHairline = "inset 0 0 0 1px rgb(255 255 255 / 0.06)"; // Hairline override — more visible on dark background
 export const OverlayFaint = "rgb(255 255 255 / 0.06)"; // Dark-mode faint overlay (6% white) — inverted from light
 export const FontFamilySans =
-  'var(--font-geist-sans), "Geist", var(--font-noto-sans-sc, "Noto Sans SC"), "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif';
+  'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, system-ui, sans-serif';
 export const FontFamilyCn =
-  'var(--font-geist-sans), "Geist", var(--font-noto-sans-sc, "Noto Sans SC"), "PingFang SC", "Microsoft YaHei", sans-serif'; // CJK-locale stack — same order as sans, minus the Latin-only system faces
+  'var(--font-geist-sans), "Geist", var(--font-misans, "MiSans"), "PingFang SC", "Microsoft YaHei", sans-serif'; // CJK-locale stack — same order as sans, minus the Latin-only system faces
 export const FontFamilyDisplay =
-  'var(--font-geist-sans), "Geist", var(--font-noto-sans-sc, "Noto Sans SC"), sans-serif';
+  'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif';
 export const FontFamilyHeading =
-  'var(--font-geist-sans), "Geist", var(--font-noto-sans-sc, "Noto Sans SC"), sans-serif';
+  'var(--font-dm-sans), "DM Sans", var(--font-misans, "MiSans"), "PingFang SC", sans-serif';
 export const FontFamilyMono =
   'var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace';
 export const TransitionDefault = {
@@ -127,18 +198,18 @@ export const MotionDurationFlow = "200ms";
 export const MotionDurationReveal = "300ms";
 export const MotionDurationCinematic = "500ms";
 export const FocusRingDefault = "0 0 0 2px hsl(var(--ring) / 0.4)"; // Single-layer translucent focus ring (2026 pattern). Legacy box-shadow consumers stay compatible; modern surfaces should prefer the global :focus-visible outline rule in static/base.css.
-export const ScaleNeutral1 = "#020617";
-export const ScaleNeutral2 = "#0f172a";
-export const ScaleNeutral3 = "#1e293b";
-export const ScaleNeutral4 = "#334155";
-export const ScaleNeutral5 = "#475569";
+export const ScaleNeutral1 = "#0b0c0d";
+export const ScaleNeutral2 = "#18191c";
+export const ScaleNeutral3 = "#26272a";
+export const ScaleNeutral4 = "#3f4044";
+export const ScaleNeutral5 = "#515357";
 export const ScaleNeutral6 = "#666666"; // subtle border — DERIVED: OKLab lerp step5 → step9 at t=0.25, chroma forced to 0. The achromatic result is deliberate and preserves the documented intent of color.nebutra-gray ('used where blue undertone clashes — primarily dark-mode borders, dividers, elevation hairlines'). What was broken was the LIGHTNESS: gray-900/800/700 are darker than the slate background tier they sit above, so the border read as a hole rather than a hairline.
-export const ScaleNeutral7 = "#7a7a7a"; // default border — DERIVED: OKLab lerp step5 → step9 at t=0.50, chroma 0.
+export const ScaleNeutral7 = "#797979"; // default border — DERIVED: OKLab lerp step5 → step9 at t=0.50, chroma 0.
 export const ScaleNeutral8 = "#8d8d8d"; // hovered border — DERIVED: OKLab lerp step5 → step9 at t=0.75, chroma 0.
-export const ScaleNeutral9 = "#94a3b8";
-export const ScaleNeutral10 = "#cbd5e1";
-export const ScaleNeutral11 = "#e2e8f0";
-export const ScaleNeutral12 = "#f8fafc";
+export const ScaleNeutral9 = "#9fa1a5";
+export const ScaleNeutral10 = "#d2d4d8";
+export const ScaleNeutral11 = "#e4e5e8";
+export const ScaleNeutral12 = "#f9fafb";
 export const ScaleBlue1 = "#030815"; // app tint — L* 13.59, C 0.031, hue 264.
 export const ScaleBlue2 = "#060f25"; // subtle background — L* 17.43, C 0.048.
 export const ScaleBlue3 = "#09183b"; // component background default — L* 22.04, C 0.071.
@@ -165,20 +236,20 @@ export const ScaleCyan10 = "#5af8ce"; // solid fill hover — L* 88.53, C 0.145,
 export const ScaleCyan11 = "#90fbdb"; // secondary text — L* 91.46, C 0.110. 15.68:1 on step 1.
 export const ScaleCyan12 = "#bdfde8"; // primary text — L* 94.54, C 0.070. 16.95:1 on step 1.
 export const ScaleCyanContrast = "#0d2b25"; // Label ink for the bright fill tier. Absolute near-black, identical in both modes. 10.35:1 on step 9, 11.34:1 on step 10.
-export const ShadcnBackground = "222 14% 9%";
-export const ShadcnForeground = "210 18% 96%";
-export const ShadcnCard = "222 12% 13%";
-export const ShadcnCardForeground = "210 18% 96%";
-export const ShadcnPopover = "222 12% 13%";
-export const ShadcnPopoverForeground = "210 18% 96%";
-export const ShadcnPrimary = "222.6 74.4% 55.5%"; // Dark-mode action blue, paired with the near-black --primary-foreground, not white. #396ae2 keeps the VI hue and sits at L*55.9 C0.191.
-export const ShadcnPrimaryForeground = "0 0% 100%"; // White, matching light mode and matching --blue-contrast. It was near-black (222 14% 9%) when --primary was a LIGHT fill at L* 68.3, where dark ink read 6.20:1. Once --primary became a deep fill at L* 55.9 the pairing inverted and measured 3.74:1, below AA — the fill moved and the ink did not. The deep-fill tier takes white in both modes; --blue-contrast says the same thing, and they must agree because --primary and --blue-9 are now the same value.
-export const ShadcnSecondary = "222 10% 18%";
-export const ShadcnSecondaryForeground = "210 18% 96%";
-export const ShadcnMuted = "222 10% 17%";
-export const ShadcnMutedForeground = "220 8% 65%";
-export const ShadcnAccent = "228 38% 22%";
-export const ShadcnAccentForeground = "228 95% 80%";
+export const ShadcnBackground = "220 11.1% 5.3%"; // House canvas. Light is gray-50 under white cards (two-surface layering, as Vercel #fafafa/#fff); dark is OKLCH L 0.16, inside the near-black band every reference measures (Linear L 0.14, Raycast #040506).
+export const ShadcnForeground = "228 23.8% 95.9%";
+export const ShadcnCard = "220 7.3% 8%";
+export const ShadcnCardForeground = "228 23.8% 95.9%";
+export const ShadcnPopover = "225 7.7% 10.2%";
+export const ShadcnPopoverForeground = "228 23.8% 95.9%";
+export const ShadcnPrimary = "228 23.8% 95.9%"; // House action fill = ink, not blue (owner decision 2026-09-24). Every measured reference ships a solid near-black primary (Vercel #171717, Figma #000) and keeps its one saturated hue for a single signal. Blue now lives on --ring (focus, selection) only.
+export const ShadcnPrimaryForeground = "220 11.1% 5.3%"; // White, matching light mode and matching --blue-contrast. It was near-black (222 14% 9%) when --primary was a LIGHT fill at L* 68.3, where dark ink read 6.20:1. Once --primary became a deep fill at L* 55.9 the pairing inverted and measured 3.74:1, below AA — the fill moved and the ink did not. The deep-fill tier takes white in both modes; --blue-contrast says the same thing, and they must agree because --primary and --blue-9 are now the same value.
+export const ShadcnSecondary = "225 6.2% 12.5%";
+export const ShadcnSecondaryForeground = "228 23.8% 95.9%";
+export const ShadcnMuted = "225 6.2% 12.5%";
+export const ShadcnMutedForeground = "228 2.6% 62.5%";
+export const ShadcnAccent = "225 6.2% 12.5%";
+export const ShadcnAccentForeground = "228 23.8% 95.9%";
 export const ShadcnDestructive = "0 63% 38%";
 export const ShadcnDestructiveForeground = "210 18% 96%";
 export const ShadcnDestructiveStrong = "0 80% 66%"; // Red as FOREGROUND on a dark surface. --destructive (0 63% 38%) is 2.15:1 on --card here — a fill only. Lightened to 5.18:1 on --card / 5.61:1 on --neutral-1, which sits alongside the light-mode 5.42:1 so red reads with the same weight in both themes. Use --destructive for fills with --destructive-foreground on top; use this for red text and icons.
@@ -190,17 +261,17 @@ export const ShadcnWarningForeground = "222 14% 9%";
 export const ShadcnWarningStrong = "38 80% 52%"; // Amber as foreground on a dark surface. Unlike light mode this needs no adjustment — 38 80% 52% is already 7.98:1 against --neutral-1 — so it deliberately equals --warning. The token exists in both themes so consumers can reference one name.
 export const ShadcnInfo = "228 95% 72%";
 export const ShadcnInfoForeground = "222 14% 9%";
-export const ShadcnBorder = "220 8% 22%";
-export const ShadcnInput = "220 8% 22%";
-export const ShadcnRing = "0 0% 88%"; // Focus ring (dark mode) — neutral light gray. Mirrors light-mode neutral foreground choice.
-export const ShadcnSidebar = "222 16% 8%";
-export const ShadcnSidebarForeground = "210 18% 94%";
-export const ShadcnSidebarPrimary = "228 95% 72%";
-export const ShadcnSidebarPrimaryForeground = "222 14% 9%";
-export const ShadcnSidebarAccent = "228 38% 22%";
-export const ShadcnSidebarAccentForeground = "228 95% 80%";
-export const ShadcnSidebarBorder = "220 8% 18%";
-export const ShadcnSidebarRing = "228 95% 72%";
+export const ShadcnBorder = "220 3.6% 16.3%";
+export const ShadcnInput = "220 3.6% 16.3%";
+export const ShadcnRing = "222.6 87.3% 69%"; // The House blue. Focus rings, selection and links — the one saturated hue on a product screen. #2e65ee light / #6b93f5 dark.
+export const ShadcnSidebar = "220 11.1% 5.3%";
+export const ShadcnSidebarForeground = "228 23.8% 95.9%";
+export const ShadcnSidebarPrimary = "228 23.8% 95.9%"; // Current-page accent in the sidebar. = blue-11 (#89aaee, L* 74.0, C 0.106), the ramp's measured secondary-text tier on dark (8.62:1 on step 1). Was 228 95% 72% — 95% chroma sat outside every measured band and matched no ramp step.
+export const ShadcnSidebarPrimaryForeground = "220 11.1% 5.3%";
+export const ShadcnSidebarAccent = "225 6.2% 12.5%";
+export const ShadcnSidebarAccentForeground = "228 23.8% 95.9%";
+export const ShadcnSidebarBorder = "225 6.2% 12.5%";
+export const ShadcnSidebarRing = "222.6 87.3% 69%";
 export const ShadcnChart1 = "228 95% 67%";
 export const ShadcnChart2 = "168 96% 54%";
 export const ShadcnChart3 = "228 100% 82%";

package/build/ts/light.d.ts

@@ -112,8 +112,93 @@ export const TrackingDisplay: string;
 export const TrackingHeading: string;
 /** Body emphasis */
 export const TrackingTight: string;
+/** Uppercase micro-labels. 0.07em is Vercel's measured eyebrow value (0.071em); open tracking keeps small caps legible. */
+export const TrackingLabel: string;
 export const LeadingDisplay: string;
 export const LeadingHeading: string;
+export const Type2xsSize: string;
+export const Type2xsLeading: string;
+export const Type2xsTracking: string;
+export const TypeXsSize: string;
+export const TypeXsLeading: string;
+export const TypeXsTracking: string;
+export const TypeUiSize: string;
+export const TypeUiLeading: string;
+export const TypeUiTracking: string;
+export const TypeSmSize: string;
+export const TypeSmLeading: string;
+export const TypeSmTracking: string;
+export const TypeBaseSize: string;
+export const TypeBaseLeading: string;
+export const TypeBaseTracking: string;
+export const TypeLgSize: string;
+export const TypeLgLeading: string;
+export const TypeLgTracking: string;
+export const TypeXlSize: string;
+export const TypeXlLeading: string;
+export const TypeXlTracking: string;
+export const Type2xlSize: string;
+export const Type2xlLeading: string;
+export const Type2xlTracking: string;
+export const Type3xlSize: string;
+export const Type3xlLeading: string;
+export const Type3xlTracking: string;
+export const Type4xlSize: string;
+export const Type4xlLeading: string;
+export const Type4xlTracking: string;
+export const Type5xlSize: string;
+export const Type5xlLeading: string;
+export const Type5xlTracking: string;
+export const Type6xlSize: string;
+export const Type6xlLeading: string;
+export const Type6xlTracking: string;
+export const Type7xlSize: string;
+export const Type7xlLeading: string;
+export const Type7xlTracking: string;
+export const Type8xlSize: string;
+export const Type8xlLeading: string;
+export const Type8xlTracking: string;
+export const Type9xlSize: string;
+export const Type9xlLeading: string;
+export const Type9xlTracking: string;
+export const TypeDisplaySize: string;
+export const TypeDisplayLeading: string;
+export const TypeDisplayTracking: string;
+export const TypeBodySize: string;
+export const TypeBodyLeading: string;
+export const TypeBodyTracking: string;
+export const TypeLabelSize: string;
+export const TypeLabelLeading: string;
+export const TypeLabelTracking: string;
+export const TypeMetaSize: string;
+export const TypeMetaLeading: string;
+export const TypeMetaTracking: string;
+/** Within a component: an element lifted over its siblings. */
+export const LayerRaised: string;
+/** Sticky headers and table heads. */
+export const LayerSticky: string;
+/** Floating toolbars and canvas chrome anchored to content. */
+export const LayerFloating: string;
+/** App navigation and the shell's top bar. */
+export const LayerNav: string;
+/** Mobile navigation drawers and their toggles. */
+export const LayerDrawer: string;
+/** Page-level banners: cookie consent, announcements. */
+export const LayerBanner: string;
+/** The skip link — above page chrome whenever it is focused. */
+export const LayerSkipLink: string;
+/** App-owned floating panels that are not overlays (locale switcher, search flyouts). */
+export const LayerPanel: string;
+/** Overlay tier. Mirrors overlayZIndex in @nebutra/ui; a test keeps them equal. */
+export const LayerBackdrop: string;
+/** Dialogs and sheets. */
+export const LayerModal: string;
+/** Popovers, menus, selects. */
+export const LayerPopover: string;
+/** Tooltips. */
+export const LayerTooltip: string;
+/** Developer and debug surfaces only — never product UI. */
+export const LayerDevtools: string;
 /** Etched-glass hairline (light mode value, dark mode override in themes/dark.json) */
 export const RingHairline: string;
 /** Light-mode faint overlay (6% black) */
@@ -243,14 +328,14 @@ export const ScaleCyan11: string;
 export const ScaleCyan12: string;
 /** Label ink for the bright fill tier. Absolute near-black, identical in both modes, carrying a trace of the scale hue. A bright fill needs an explicit dark ink; comparing white against the scale's own step 12 picks white in dark mode, where step 12 is light, and measures 1.52:1. 10.35:1 on step 9, 9.40:1 on step 10. */
 export const ScaleCyanContrast: string;
-/** HSL channel triple — consume via hsl(var(--background)) */
+/** House canvas. Light is gray-50 under white cards (two-surface layering, as Vercel #fafafa/#fff); dark is OKLCH L 0.16, inside the near-black band every reference measures (Linear L 0.14, Raycast #040506). */
 export const ShadcnBackground: string;
 export const ShadcnForeground: string;
 export const ShadcnCard: string;
 export const ShadcnCardForeground: string;
 export const ShadcnPopover: string;
 export const ShadcnPopoverForeground: string;
-/** Product action blue. Derived, not borrowed: hue 264 is the VI hue, L* and C were chosen inside the band the industry actually ships (measured OKLCH C 0.167-0.235, L* 54-67 across Vercel, Stripe, Linear, GitHub, Tailwind, Radix, Figma, Notion). #2e65ee = L*55.5 C0.215, white label 4.99:1. The previous 228 85% 56% (#2f56ee, C0.232) also passed at 5.70:1 — this trims it to the middle of the band rather than its top edge. The VI lock --blue-9 (#0033FE, C0.290) is 23% above anything in that band and must never surface on a component. */
+/** House action fill = ink, not blue (owner decision 2026-09-24). Every measured reference ships a solid near-black primary (Vercel #171717, Figma #000) and keeps its one saturated hue for a single signal. Blue now lives on --ring (focus, selection) only. */
 export const ShadcnPrimary: string;
 export const ShadcnPrimaryForeground: string;
 export const ShadcnSecondary: string;
@@ -276,10 +361,11 @@ export const ShadcnInfo: string;
 export const ShadcnInfoForeground: string;
 export const ShadcnBorder: string;
 export const ShadcnInput: string;
-/** Focus ring — neutral foreground (Vercel/Linear/Cursor 2026 pattern). Brand blue is reserved for selected/active states; focus indication is chrome and stays neutral. Consumed by global :focus-visible outline as hsl(var(--ring) / 0.5). */
+/** The House blue. Focus rings, selection and links — the one saturated hue on a product screen. #2e65ee light / #6b93f5 dark. */
 export const ShadcnRing: string;
 export const ShadcnSidebar: string;
 export const ShadcnSidebarForeground: string;
+/** Current-page accent in the sidebar (icon tint + edge). Same value as --primary: the sidebar carried the superseded 228 85% 56% (#2f56ee, C 0.232), which the action-blue measurement trimmed to C 0.215. */
 export const ShadcnSidebarPrimary: string;
 export const ShadcnSidebarPrimaryForeground: string;
 export const ShadcnSidebarAccent: string;