@mdwrk/ui-tokens 1.0.1

package/README.md

@@ -0,0 +1,56 @@
+# mdwrk/ui-tokens
+
+Shared CSS tokens, root variables, markdown/editor class names, and theme mapping helpers for Markdown Workspace applications and packages.
+
+## What this package contains
+
+- the reusable root CSS variable contract
+- the reusable markdown rendering stylesheet
+- token and class-name re-exports aligned to `mdwrk/theme-contract`
+- theme CSS generation helpers for first-party and third-party consumers
+- renderer/editor bridge variable helpers
+
+## CSS entry points
+
+- `mdwrk/ui-tokens/styles/index.css`
+- `mdwrk/ui-tokens/styles/root.css`
+- `mdwrk/ui-tokens/styles/markdown.css`
+
+## TypeScript entry points
+
+- `mdwrk/ui-tokens`
+- `mdwrk/ui-tokens/tokens`
+- `mdwrk/ui-tokens/classes`
+- `mdwrk/ui-tokens/theme-map`
+
+## Example
+
+```ts
+import "@mdwrk/ui-tokens/styles/index.css";
+import {
+  renderThemeCssVariables,
+  renderThemeBridgeCssVariables,
+} from "@mdwrk/ui-tokens/theme-map";
+
+const hostCss = renderThemeCssVariables(
+  {
+    "bg-app": "#111111",
+    accent: "#7c3aed",
+  },
+  { selector: ".my-theme" },
+);
+
+const rendererCss = renderThemeBridgeCssVariables(
+  "renderer",
+  {
+    "bg-panel": "#111111",
+    "fg-primary": "#fafafa",
+    accent: "#7c3aed",
+  },
+  { selector: ".my-theme .markdown-renderer" },
+);
+```
+
+## Contract alignment
+
+The exported token names, theme classes, and bridge definitions align with `mdwrk/theme-contract`. That keeps the implemented styling primitives aligned with the normative contract package.

package/dist/classes.d.ts

@@ -0,0 +1,13 @@
+import { type MarkdownWorkspaceThemeClassName, type ThemeClassDefinition } from "@mdwrk/theme-contract/classes";
+export { MARKDOWN_WORKSPACE_THEME_CLASS_NAMES, MARKDOWN_WORKSPACE_THEME_CLASSES, type MarkdownWorkspaceThemeClassName, type ThemeClassDefinition, } from "@mdwrk/theme-contract/classes";
+export declare const MARKDOWN_WORKSPACE_RENDERER_HELPER_CLASS_NAMES: readonly MarkdownWorkspaceThemeClassName[];
+export type MarkdownWorkspaceRendererHelperClassName = typeof MARKDOWN_WORKSPACE_RENDERER_HELPER_CLASS_NAMES[number];
+export interface RendererHelperClassDefinition extends ThemeClassDefinition {
+    readonly group: "scope" | "heading" | "text" | "list" | "table" | "code" | "form";
+}
+export declare const MARKDOWN_WORKSPACE_RENDERER_HELPER_CLASSES: readonly RendererHelperClassDefinition[];
+export declare const MARKDOWN_WORKSPACE_STABLE_THEME_CLASS_NAMES: readonly MarkdownWorkspaceThemeClassName[];
+export declare const MARKDOWN_WORKSPACE_STABLE_THEME_CLASSES: readonly ThemeClassDefinition[];
+export type MarkdownWorkspaceStableThemeClassName = typeof MARKDOWN_WORKSPACE_STABLE_THEME_CLASS_NAMES[number];
+export type StableThemeClassDefinition = ThemeClassDefinition;
+//# sourceMappingURL=classes.d.ts.map

package/dist/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","sourceRoot":"","sources":["../src/classes.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EAC1B,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,oCAAoC,EACpC,gCAAgC,EAChC,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,GAC1B,MAAM,+BAA+B,CAAC;AAEvC,eAAO,MAAM,8CAA8C,EAItD,SAAS,+BAA+B,EAAE,CAAC;AAEhD,MAAM,MAAM,wCAAwC,GAAG,OAAO,8CAA8C,CAAC,MAAM,CAAC,CAAC;AAErH,MAAM,WAAW,6BAA8B,SAAQ,oBAAoB;IACzE,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACnF;AAYD,eAAO,MAAM,0CAA0C,EAIlD,SAAS,6BAA6B,EAAE,CAAC;AAE9C,eAAO,MAAM,2CAA2C,EAInD,SAAS,+BAA+B,EAAE,CAAC;AAEhD,eAAO,MAAM,uCAAuC,EAE/C,SAAS,oBAAoB,EAAE,CAAC;AAErC,MAAM,MAAM,qCAAqC,GAAG,OAAO,2CAA2C,CAAC,MAAM,CAAC,CAAC;AAC/G,MAAM,MAAM,0BAA0B,GAAG,oBAAoB,CAAC"}

package/dist/classes.js

@@ -0,0 +1,28 @@
+import { MARKDOWN_WORKSPACE_THEME_CLASSES, } from "@mdwrk/theme-contract/classes";
+export { MARKDOWN_WORKSPACE_THEME_CLASS_NAMES, MARKDOWN_WORKSPACE_THEME_CLASSES, } from "@mdwrk/theme-contract/classes";
+export const MARKDOWN_WORKSPACE_RENDERER_HELPER_CLASS_NAMES = Object.freeze(MARKDOWN_WORKSPACE_THEME_CLASSES
+    .filter((definition) => definition.scope === "renderer")
+    .map((definition) => definition.name));
+function resolveGroup(name) {
+    if (name === "markdown-body")
+        return "scope";
+    if (name.startsWith("md-h"))
+        return "heading";
+    if (["md-p", "md-strong", "md-em", "md-hr", "md-blockquote", "md-link"].includes(name))
+        return "text";
+    if (["md-ul", "md-ol", "md-li", "md-task-list-item"].includes(name))
+        return "list";
+    if (["md-checkbox"].includes(name))
+        return "form";
+    if (name.startsWith("md-table"))
+        return "table";
+    return "code";
+}
+export const MARKDOWN_WORKSPACE_RENDERER_HELPER_CLASSES = Object.freeze(MARKDOWN_WORKSPACE_THEME_CLASSES
+    .filter((definition) => definition.scope === "renderer")
+    .map((definition) => ({ ...definition, group: resolveGroup(definition.name) })));
+export const MARKDOWN_WORKSPACE_STABLE_THEME_CLASS_NAMES = Object.freeze(MARKDOWN_WORKSPACE_THEME_CLASSES
+    .filter((definition) => definition.stability === "stable")
+    .map((definition) => definition.name));
+export const MARKDOWN_WORKSPACE_STABLE_THEME_CLASSES = Object.freeze(MARKDOWN_WORKSPACE_THEME_CLASSES.filter((definition) => definition.stability === "stable"));
+//# sourceMappingURL=classes.js.map

package/dist/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sourceRoot":"","sources":["../src/classes.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gCAAgC,GAGjC,MAAM,+BAA+B,CAAC;AAEvC,OAAO,EACL,oCAAoC,EACpC,gCAAgC,GAGjC,MAAM,+BAA+B,CAAC;AAEvC,MAAM,CAAC,MAAM,8CAA8C,GAAG,MAAM,CAAC,MAAM,CACzE,gCAAgC;KAC7B,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC;KACvD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CACM,CAAC;AAQhD,SAAS,YAAY,CAAC,IAAqC;IACzD,IAAI,IAAI,KAAK,eAAe;QAAE,OAAO,OAAO,CAAC;IAC7C,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAAE,OAAO,SAAS,CAAC;IAC9C,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC;IACtG,IAAI,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,mBAAmB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC;IACnF,IAAI,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;QAAE,OAAO,MAAM,CAAC;IAClD,IAAI,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC;QAAE,OAAO,OAAO,CAAC;IAChD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,MAAM,0CAA0C,GAAG,MAAM,CAAC,MAAM,CACrE,gCAAgC;KAC7B,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,KAAK,UAAU,CAAC;KACvD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,UAAU,EAAE,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CACtC,CAAC;AAE9C,MAAM,CAAC,MAAM,2CAA2C,GAAG,MAAM,CAAC,MAAM,CACtE,gCAAgC;KAC7B,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,KAAK,QAAQ,CAAC;KACzD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,CAAC,CACM,CAAC;AAEhD,MAAM,CAAC,MAAM,uCAAuC,GAAG,MAAM,CAAC,MAAM,CAClE,gCAAgC,CAAC,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,SAAS,KAAK,QAAQ,CAAC,CACxD,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./version.js";
+export * from "./tokens.js";
+export * from "./classes.js";
+export * from "./theme-map.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./version.js";
+export * from "./tokens.js";
+export * from "./classes.js";
+export * from "./theme-map.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/theme-map.d.ts

@@ -0,0 +1,16 @@
+import { type MarkdownWorkspaceThemeTokenMap, type MarkdownWorkspaceThemeTokenName } from "@mdwrk/theme-contract/tokens";
+import { type ThemeBridgeTarget } from "@mdwrk/theme-contract/bridges";
+export type ThemeTokenOverrides = Partial<Record<MarkdownWorkspaceThemeTokenName, string>>;
+export interface ThemeCssVariableRenderOptions {
+    readonly selector?: string;
+    readonly indent?: string;
+    readonly compact?: boolean;
+}
+export declare function createMarkdownWorkspaceThemeTokenMap(overrides?: ThemeTokenOverrides): MarkdownWorkspaceThemeTokenMap;
+export declare function createThemeCssCustomPropertyRecord(overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function createThemeBridgeVariableRecord(target: ThemeBridgeTarget, overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function createRendererThemeBridgeVariableRecord(overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function createEditorThemeBridgeVariableRecord(overrides?: ThemeTokenOverrides): Readonly<Record<`--${string}`, string>>;
+export declare function renderThemeCssVariables(overrides?: ThemeTokenOverrides, options?: ThemeCssVariableRenderOptions): string;
+export declare function renderThemeBridgeCssVariables(target: ThemeBridgeTarget, overrides?: ThemeTokenOverrides, options?: ThemeCssVariableRenderOptions): string;
+//# sourceMappingURL=theme-map.d.ts.map

package/dist/theme-map.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-map.d.ts","sourceRoot":"","sources":["../src/theme-map.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,8BAA8B,EACnC,KAAK,+BAA+B,EACrC,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,+BAA+B,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC,MAAM,CAAC,+BAA+B,EAAE,MAAM,CAAC,CAAC,CAAC;AAE3F,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,oCAAoC,CAClD,SAAS,GAAE,mBAAwB,GAClC,8BAA8B,CAShC;AAED,wBAAgB,kCAAkC,CAChD,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAUzC;AAED,wBAAgB,+BAA+B,CAC7C,MAAM,EAAE,iBAAiB,EACzB,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAUzC;AAED,wBAAgB,uCAAuC,CACrD,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAEzC;AAED,wBAAgB,qCAAqC,CACnD,SAAS,GAAE,mBAAwB,GAClC,QAAQ,CAAC,MAAM,CAAC,KAAK,MAAM,EAAE,EAAE,MAAM,CAAC,CAAC,CAEzC;AAED,wBAAgB,uBAAuB,CACrC,SAAS,GAAE,mBAAwB,EACnC,OAAO,GAAE,6BAAkC,GAC1C,MAAM,CAYR;AAED,wBAAgB,6BAA6B,CAC3C,MAAM,EAAE,iBAAiB,EACzB,SAAS,GAAE,mBAAwB,EACnC,OAAO,GAAE,6BAAkC,GAC1C,MAAM,CAYR"}

package/dist/theme-map.js

@@ -0,0 +1,51 @@
+import { MARKDOWN_WORKSPACE_THEME_TOKENS, } from "@mdwrk/theme-contract/tokens";
+import { getThemeBridgeDefinitions, } from "@mdwrk/theme-contract/bridges";
+export function createMarkdownWorkspaceThemeTokenMap(overrides = {}) {
+    return Object.freeze(Object.fromEntries(MARKDOWN_WORKSPACE_THEME_TOKENS.map((definition) => [
+        definition.name,
+        overrides[definition.name] ?? definition.defaultValue,
+    ])));
+}
+export function createThemeCssCustomPropertyRecord(overrides = {}) {
+    const tokenMap = createMarkdownWorkspaceThemeTokenMap(overrides);
+    return Object.freeze(Object.fromEntries(MARKDOWN_WORKSPACE_THEME_TOKENS.map((definition) => [
+        definition.cssCustomProperty,
+        tokenMap[definition.name],
+    ])));
+}
+export function createThemeBridgeVariableRecord(target, overrides = {}) {
+    const tokenMap = createMarkdownWorkspaceThemeTokenMap(overrides);
+    return Object.freeze(Object.fromEntries(getThemeBridgeDefinitions(target).map((definition) => [
+        definition.cssCustomProperty,
+        tokenMap[definition.sourceToken],
+    ])));
+}
+export function createRendererThemeBridgeVariableRecord(overrides = {}) {
+    return createThemeBridgeVariableRecord("renderer", overrides);
+}
+export function createEditorThemeBridgeVariableRecord(overrides = {}) {
+    return createThemeBridgeVariableRecord("editor", overrides);
+}
+export function renderThemeCssVariables(overrides = {}, options = {}) {
+    const selector = options.selector ?? ":root";
+    const indent = options.indent ?? "  ";
+    const compact = options.compact ?? false;
+    const propertyRecord = createThemeCssCustomPropertyRecord(overrides);
+    const lines = Object.entries(propertyRecord).map(([property, value]) => `${indent}${property}: ${value};`);
+    if (compact) {
+        return `${selector}{${lines.map((line) => line.trim()).join("")}}`;
+    }
+    return `${selector} {\n${lines.join("\n")}\n}`;
+}
+export function renderThemeBridgeCssVariables(target, overrides = {}, options = {}) {
+    const selector = options.selector ?? ":root";
+    const indent = options.indent ?? "  ";
+    const compact = options.compact ?? false;
+    const propertyRecord = createThemeBridgeVariableRecord(target, overrides);
+    const lines = Object.entries(propertyRecord).map(([property, value]) => `${indent}${property}: ${value};`);
+    if (compact) {
+        return `${selector}{${lines.map((line) => line.trim()).join("")}}`;
+    }
+    return `${selector} {\n${lines.join("\n")}\n}`;
+}
+//# sourceMappingURL=theme-map.js.map

package/dist/theme-map.js.map

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

package/dist/tokens.d.ts

@@ -0,0 +1,269 @@
+import { type MarkdownWorkspaceThemeTokenMap, type MarkdownWorkspaceThemeTokenName, type ThemeTokenDefinition } from "@mdwrk/theme-contract/tokens";
+export { MARKDOWN_WORKSPACE_THEME_TOKEN_NAMES, MARKDOWN_WORKSPACE_THEME_TOKENS, type MarkdownWorkspaceThemeTokenMap, type MarkdownWorkspaceThemeTokenName, type ThemeTokenDefinition, } from "@mdwrk/theme-contract/tokens";
+export type MarkdownWorkspaceUiTokenName = MarkdownWorkspaceThemeTokenName;
+export type MarkdownWorkspaceUiTokenMap = MarkdownWorkspaceThemeTokenMap;
+export type UiTokenDefinition = ThemeTokenDefinition;
+export declare const MARKDOWN_WORKSPACE_UI_TOKEN_NAMES: readonly ["ui-scale", "header-height", "rail-width", "rail-height", "sidebar-width", "status-height", "tab-height", "panel-header-height", "rail-btn-size", "bg-app", "bg-panel", "bg-inset", "border-color", "border-width", "fg-primary", "fg-secondary", "fg-muted", "accent", "table-header-bg", "table-header-fg", "table-row-primary-bg", "table-row-secondary-bg", "status-ok", "status-warn", "status-error", "app-gap", "texture-opacity", "editor-padding", "file-indent-base", "file-indent-unit", "c-explorer-hover", "c-explorer-selected", "c-explorer-selected-text", "c-explorer-drag-bg", "font-ui", "font-mono", "font-head"];
+export declare const MARKDOWN_WORKSPACE_UI_TOKENS: readonly [{
+    readonly name: "ui-scale";
+    readonly cssCustomProperty: "--ui-scale";
+    readonly category: "layout";
+    readonly description: "Global UI scale multiplier.";
+    readonly defaultValue: "1";
+    readonly stability: "stable";
+}, {
+    readonly name: "header-height";
+    readonly cssCustomProperty: "--header-height";
+    readonly category: "layout";
+    readonly description: "Header height for the application shell.";
+    readonly defaultValue: "calc(32px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "rail-width";
+    readonly cssCustomProperty: "--rail-width";
+    readonly category: "layout";
+    readonly description: "Action rail width.";
+    readonly defaultValue: "calc(44px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "rail-height";
+    readonly cssCustomProperty: "--rail-height";
+    readonly category: "layout";
+    readonly description: "Action rail row height.";
+    readonly defaultValue: "calc(44px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "sidebar-width";
+    readonly cssCustomProperty: "--sidebar-width";
+    readonly category: "layout";
+    readonly description: "Sidebar width.";
+    readonly defaultValue: "calc(200px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "status-height";
+    readonly cssCustomProperty: "--status-height";
+    readonly category: "layout";
+    readonly description: "Status bar height.";
+    readonly defaultValue: "calc(20px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "tab-height";
+    readonly cssCustomProperty: "--tab-height";
+    readonly category: "layout";
+    readonly description: "Tab strip height.";
+    readonly defaultValue: "var(--header-height)";
+    readonly stability: "stable";
+}, {
+    readonly name: "panel-header-height";
+    readonly cssCustomProperty: "--panel-header-height";
+    readonly category: "layout";
+    readonly description: "Panel header height.";
+    readonly defaultValue: "calc(30px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "rail-btn-size";
+    readonly cssCustomProperty: "--rail-btn-size";
+    readonly category: "layout";
+    readonly description: "Action rail button size.";
+    readonly defaultValue: "calc(30px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "bg-app";
+    readonly cssCustomProperty: "--bg-app";
+    readonly category: "color";
+    readonly description: "Top-level application background.";
+    readonly defaultValue: "#c0c0c0";
+    readonly stability: "stable";
+}, {
+    readonly name: "bg-panel";
+    readonly cssCustomProperty: "--bg-panel";
+    readonly category: "color";
+    readonly description: "Panel background.";
+    readonly defaultValue: "#ececec";
+    readonly stability: "stable";
+}, {
+    readonly name: "bg-inset";
+    readonly cssCustomProperty: "--bg-inset";
+    readonly category: "color";
+    readonly description: "Inset surface background.";
+    readonly defaultValue: "#dcdcdc";
+    readonly stability: "stable";
+}, {
+    readonly name: "border-color";
+    readonly cssCustomProperty: "--border-color";
+    readonly category: "color";
+    readonly description: "Primary border color.";
+    readonly defaultValue: "#000000";
+    readonly stability: "stable";
+}, {
+    readonly name: "border-width";
+    readonly cssCustomProperty: "--border-width";
+    readonly category: "layout";
+    readonly description: "Primary border width.";
+    readonly defaultValue: "2px";
+    readonly stability: "stable";
+}, {
+    readonly name: "fg-primary";
+    readonly cssCustomProperty: "--fg-primary";
+    readonly category: "color";
+    readonly description: "Primary foreground color.";
+    readonly defaultValue: "#000000";
+    readonly stability: "stable";
+}, {
+    readonly name: "fg-secondary";
+    readonly cssCustomProperty: "--fg-secondary";
+    readonly category: "color";
+    readonly description: "Secondary foreground color.";
+    readonly defaultValue: "#333333";
+    readonly stability: "stable";
+}, {
+    readonly name: "fg-muted";
+    readonly cssCustomProperty: "--fg-muted";
+    readonly category: "color";
+    readonly description: "Muted foreground color.";
+    readonly defaultValue: "#666666";
+    readonly stability: "stable";
+}, {
+    readonly name: "accent";
+    readonly cssCustomProperty: "--accent";
+    readonly category: "color";
+    readonly description: "Accent color.";
+    readonly defaultValue: "#ff3e00";
+    readonly stability: "stable";
+}, {
+    readonly name: "table-header-bg";
+    readonly cssCustomProperty: "--table-header-bg";
+    readonly category: "color";
+    readonly description: "Markdown table header background.";
+    readonly defaultValue: "var(--bg-inset)";
+    readonly stability: "stable";
+}, {
+    readonly name: "table-header-fg";
+    readonly cssCustomProperty: "--table-header-fg";
+    readonly category: "color";
+    readonly description: "Markdown table header foreground.";
+    readonly defaultValue: "var(--fg-primary)";
+    readonly stability: "stable";
+}, {
+    readonly name: "table-row-primary-bg";
+    readonly cssCustomProperty: "--table-row-primary-bg";
+    readonly category: "color";
+    readonly description: "Odd markdown table row background.";
+    readonly defaultValue: "var(--bg-panel)";
+    readonly stability: "stable";
+}, {
+    readonly name: "table-row-secondary-bg";
+    readonly cssCustomProperty: "--table-row-secondary-bg";
+    readonly category: "color";
+    readonly description: "Even markdown table row background.";
+    readonly defaultValue: "var(--bg-inset)";
+    readonly stability: "stable";
+}, {
+    readonly name: "status-ok";
+    readonly cssCustomProperty: "--status-ok";
+    readonly category: "status";
+    readonly description: "Success status color.";
+    readonly defaultValue: "#00cc00";
+    readonly stability: "stable";
+}, {
+    readonly name: "status-warn";
+    readonly cssCustomProperty: "--status-warn";
+    readonly category: "status";
+    readonly description: "Warning status color.";
+    readonly defaultValue: "#ff8800";
+    readonly stability: "stable";
+}, {
+    readonly name: "status-error";
+    readonly cssCustomProperty: "--status-error";
+    readonly category: "status";
+    readonly description: "Error status color.";
+    readonly defaultValue: "#cc0000";
+    readonly stability: "stable";
+}, {
+    readonly name: "app-gap";
+    readonly cssCustomProperty: "--app-gap";
+    readonly category: "spacing";
+    readonly description: "Primary gap between shell regions.";
+    readonly defaultValue: "calc(4px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "texture-opacity";
+    readonly cssCustomProperty: "--texture-opacity";
+    readonly category: "interaction";
+    readonly description: "Texture overlay opacity.";
+    readonly defaultValue: "0.05";
+    readonly stability: "stable";
+}, {
+    readonly name: "editor-padding";
+    readonly cssCustomProperty: "--editor-padding";
+    readonly category: "spacing";
+    readonly description: "Editor inner padding.";
+    readonly defaultValue: "calc(24px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "file-indent-base";
+    readonly cssCustomProperty: "--file-indent-base";
+    readonly category: "spacing";
+    readonly description: "Base indentation for file tree items.";
+    readonly defaultValue: "calc(12px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "file-indent-unit";
+    readonly cssCustomProperty: "--file-indent-unit";
+    readonly category: "spacing";
+    readonly description: "Incremental indentation for nested file tree items.";
+    readonly defaultValue: "calc(12px * var(--ui-scale))";
+    readonly stability: "stable";
+}, {
+    readonly name: "c-explorer-hover";
+    readonly cssCustomProperty: "--c-explorer-hover";
+    readonly category: "interaction";
+    readonly description: "Explorer hover background.";
+    readonly defaultValue: "rgba(0, 0, 0, 0.06)";
+    readonly stability: "stable";
+}, {
+    readonly name: "c-explorer-selected";
+    readonly cssCustomProperty: "--c-explorer-selected";
+    readonly category: "interaction";
+    readonly description: "Explorer selected background.";
+    readonly defaultValue: "var(--accent)";
+    readonly stability: "stable";
+}, {
+    readonly name: "c-explorer-selected-text";
+    readonly cssCustomProperty: "--c-explorer-selected-text";
+    readonly category: "interaction";
+    readonly description: "Explorer selected foreground.";
+    readonly defaultValue: "#ffffff";
+    readonly stability: "stable";
+}, {
+    readonly name: "c-explorer-drag-bg";
+    readonly cssCustomProperty: "--c-explorer-drag-bg";
+    readonly category: "interaction";
+    readonly description: "Explorer drag surface background.";
+    readonly defaultValue: "rgba(255, 255, 255, 0.08)";
+    readonly stability: "stable";
+}, {
+    readonly name: "font-ui";
+    readonly cssCustomProperty: "--font-ui";
+    readonly category: "typography";
+    readonly description: "UI font stack.";
+    readonly defaultValue: "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
+    readonly stability: "stable";
+}, {
+    readonly name: "font-mono";
+    readonly cssCustomProperty: "--font-mono";
+    readonly category: "typography";
+    readonly description: "Monospace font stack.";
+    readonly defaultValue: "'JetBrains Mono', 'IBM Plex Mono', Menlo, monospace";
+    readonly stability: "stable";
+}, {
+    readonly name: "font-head";
+    readonly cssCustomProperty: "--font-head";
+    readonly category: "typography";
+    readonly description: "Heading font stack.";
+    readonly defaultValue: "'Inter', sans-serif";
+    readonly stability: "stable";
+}];
+export declare const MARKDOWN_WORKSPACE_TOKEN_DEFAULTS: Readonly<Readonly<Record<"ui-scale" | "header-height" | "rail-width" | "rail-height" | "sidebar-width" | "status-height" | "tab-height" | "panel-header-height" | "rail-btn-size" | "bg-app" | "bg-panel" | "bg-inset" | "border-color" | "border-width" | "fg-primary" | "fg-secondary" | "fg-muted" | "accent" | "table-header-bg" | "table-header-fg" | "table-row-primary-bg" | "table-row-secondary-bg" | "status-ok" | "status-warn" | "status-error" | "app-gap" | "texture-opacity" | "editor-padding" | "file-indent-base" | "file-indent-unit" | "c-explorer-hover" | "c-explorer-selected" | "c-explorer-selected-text" | "c-explorer-drag-bg" | "font-ui" | "font-mono" | "font-head", string>>>;
+export declare const MARKDOWN_WORKSPACE_TOKEN_CSS_CUSTOM_PROPERTIES: readonly ThemeTokenDefinition["cssCustomProperty"][];
+//# sourceMappingURL=tokens.d.ts.map

package/dist/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,8BAA8B,EACnC,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EAC1B,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,oCAAoC,EACpC,+BAA+B,EAC/B,KAAK,8BAA8B,EACnC,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,GAC1B,MAAM,8BAA8B,CAAC;AAEtC,MAAM,MAAM,4BAA4B,GAAG,+BAA+B,CAAC;AAC3E,MAAM,MAAM,2BAA2B,GAAG,8BAA8B,CAAC;AACzE,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC;AAErD,eAAO,MAAM,iCAAiC,inBAAuC,CAAC;AACtF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAkC,CAAC;AAE5E,eAAO,MAAM,iCAAiC,8qBAI7C,CAAC;AAEF,eAAO,MAAM,8CAA8C,EAEtD,SAAS,oBAAoB,CAAC,mBAAmB,CAAC,EAAE,CAAC"}

package/dist/tokens.js

@@ -0,0 +1,7 @@
+import { MARKDOWN_WORKSPACE_THEME_TOKEN_NAMES, MARKDOWN_WORKSPACE_THEME_TOKENS, } from "@mdwrk/theme-contract/tokens";
+export { MARKDOWN_WORKSPACE_THEME_TOKEN_NAMES, MARKDOWN_WORKSPACE_THEME_TOKENS, } from "@mdwrk/theme-contract/tokens";
+export const MARKDOWN_WORKSPACE_UI_TOKEN_NAMES = MARKDOWN_WORKSPACE_THEME_TOKEN_NAMES;
+export const MARKDOWN_WORKSPACE_UI_TOKENS = MARKDOWN_WORKSPACE_THEME_TOKENS;
+export const MARKDOWN_WORKSPACE_TOKEN_DEFAULTS = Object.freeze(Object.fromEntries(MARKDOWN_WORKSPACE_THEME_TOKENS.map((definition) => [definition.name, definition.defaultValue])));
+export const MARKDOWN_WORKSPACE_TOKEN_CSS_CUSTOM_PROPERTIES = Object.freeze(MARKDOWN_WORKSPACE_THEME_TOKENS.map((definition) => definition.cssCustomProperty));
+//# sourceMappingURL=tokens.js.map

package/dist/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oCAAoC,EACpC,+BAA+B,GAIhC,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EACL,oCAAoC,EACpC,+BAA+B,GAIhC,MAAM,8BAA8B,CAAC;AAMtC,MAAM,CAAC,MAAM,iCAAiC,GAAG,oCAAoC,CAAC;AACtF,MAAM,CAAC,MAAM,4BAA4B,GAAG,+BAA+B,CAAC;AAE5E,MAAM,CAAC,MAAM,iCAAiC,GAAG,MAAM,CAAC,MAAM,CAC5D,MAAM,CAAC,WAAW,CAChB,+BAA+B,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC,CAC9D,CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,8CAA8C,GAAG,MAAM,CAAC,MAAM,CACzE,+BAA+B,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAC1B,CAAC"}

package/dist/version.d.ts

@@ -0,0 +1,2 @@
+export declare const UI_TOKENS_PACKAGE_VERSION: "1.0.1";
+//# sourceMappingURL=version.d.ts.map

package/dist/version.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,yBAAyB,EAAG,OAAgB,CAAC"}

package/dist/version.js

@@ -0,0 +1,2 @@
+export const UI_TOKENS_PACKAGE_VERSION = "1.0.1";
+//# sourceMappingURL=version.js.map

package/dist/version.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"version.js","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAgB,CAAC"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "version": "1.0.1",
+  "type": "module",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20 <23"
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "README.md"
+  ],
+  "name": "@mdwrk/ui-tokens",
+  "description": "Shared CSS tokens, markdown class names, and theme mapping helpers for Markdown Workspace packages and applications.",
+  "sideEffects": [
+    "./src/styles/*.css"
+  ],
+  "keywords": [
+    "markdown-workspace",
+    "shared",
+    "css",
+    "tokens",
+    "themes"
+  ],
+  "dependencies": {
+    "@mdwrk/theme-contract": "^1.0.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "lint": "npm run typecheck",
+    "test": "npm run build && node ./tests/prepare-workspace-links.mjs && node ./tests/run-smoke.mjs",
+    "prepack": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./version": {
+      "types": "./dist/version.d.ts",
+      "import": "./dist/version.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens.d.ts",
+      "import": "./dist/tokens.js"
+    },
+    "./classes": {
+      "types": "./dist/classes.d.ts",
+      "import": "./dist/classes.js"
+    },
+    "./theme-map": {
+      "types": "./dist/theme-map.d.ts",
+      "import": "./dist/theme-map.js"
+    },
+    "./styles/index.css": "./src/styles/index.css",
+    "./styles/root.css": "./src/styles/root.css",
+    "./styles/markdown.css": "./src/styles/markdown.css"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "author": "Jacob Stewart <jacob@swarmauri.com>",
+  "homepage": "https://mdwrk.com"
+}

package/src/styles/index.css

@@ -0,0 +1,3 @@
+/* Shared styling primitives for Markdown Workspace packages. */
+@import url("./root.css");
+@import url("./markdown.css");

package/src/styles/markdown.css

@@ -0,0 +1,268 @@
+/* Lattice Architect: Markdown & GFM Rendering */
+
+/* MARKDOWN STYLES (Scoped) */
+.markdown-body {
+  font-family: var(--font-ui);
+  line-height: 1.6;
+  font-size: calc(0.95rem * var(--ui-scale));
+  color: var(--fg-primary);
+  overflow-wrap: anywhere;
+  word-break: break-word;
+}
+
+.markdown-body h1,
+.markdown-body h2,
+.markdown-body h3,
+.markdown-body h4,
+.markdown-body h5,
+.markdown-body h6 {
+  font-family: var(--font-head);
+  color: var(--fg-primary);
+  margin-top: 1.5em;
+  margin-bottom: 0.5em;
+  font-weight: 700;
+}
+
+.markdown-body h1 { font-size: calc(2em * var(--ui-scale)); border-bottom: 1px solid var(--border-color); padding-bottom: 0.3em; }
+.markdown-body h2 { font-size: calc(1.5em * var(--ui-scale)); }
+.markdown-body h3 { font-size: calc(1.2em * var(--ui-scale)); }
+.markdown-body h4 { font-size: calc(1.05em * var(--ui-scale)); }
+.markdown-body h5 { font-size: calc(0.95em * var(--ui-scale)); text-transform: uppercase; letter-spacing: 0.04em; }
+.markdown-body h6 { font-size: calc(0.85em * var(--ui-scale)); text-transform: uppercase; letter-spacing: 0.06em; color: var(--fg-muted); }
+.markdown-body p { margin-bottom: 1em; }
+.markdown-body strong { font-weight: 700; }
+.markdown-body em { font-style: italic; }
+.markdown-body u,
+.markdown-body ins {
+  text-decoration: underline;
+  text-underline-offset: 0.15em;
+}
+.markdown-body del { color: var(--fg-muted); }
+.markdown-body code {
+  font-family: var(--font-mono);
+  background: var(--bg-inset);
+  padding: 0.2em 0.4em;
+  border-radius: 3px;
+  font-size: calc(0.85em * var(--ui-scale));
+  color: var(--fg-secondary);
+}
+.markdown-body pre {
+  background: var(--bg-inset);
+  padding: 1em;
+  overflow-x: auto;
+  border-radius: 4px;
+  border: 1px solid var(--border-color);
+}
+.markdown-body pre code {
+  background: transparent;
+  padding: 0;
+  font-size: calc(0.85em * var(--ui-scale));
+  color: inherit;
+}
+.markdown-body blockquote { border-left: 4px solid var(--accent); padding-left: 1em; color: var(--fg-muted); margin-left: 0; }
+.markdown-body hr {
+  border: none;
+  border-top: 1px solid var(--border-color);
+  margin: 2em 0;
+}
+.markdown-body ul,
+.markdown-body ol {
+  margin: 0.6em 0 1em;
+  padding-left: 1.8em;
+}
+.markdown-body ul {
+  list-style: disc outside;
+}
+.markdown-body ol {
+  list-style: decimal outside;
+}
+.markdown-body li {
+  display: list-item;
+  margin: 0.3em 0;
+  padding-left: 0.15em;
+}
+.markdown-body li > p {
+  margin: 0.2em 0;
+}
+.markdown-body ul ul,
+.markdown-body ul ol,
+.markdown-body ol ul,
+.markdown-body ol ol {
+  margin: 0.35em 0 0.15em;
+  padding-left: 1.5em;
+}
+.markdown-body ul ul { list-style-type: circle; }
+.markdown-body ul ul ul { list-style-type: square; }
+.markdown-body ol ol { list-style-type: lower-alpha; }
+.markdown-body ol ol ol { list-style-type: lower-roman; }
+.markdown-body .md-task-list-item {
+  list-style: none;
+  padding-left: 0.1em;
+}
+.markdown-body .md-task-list-item > .md-checkbox,
+.markdown-body .md-task-list-item > input[type="checkbox"] {
+  margin: 0.15em 0.6em 0 0;
+  transform: translateX(-0.35em);
+}
+.markdown-body .md-checkbox,
+.markdown-body input[type="checkbox"] {
+  vertical-align: middle;
+}
+.markdown-body li::marker {
+  color: var(--fg-muted);
+}
+.markdown-body li[data-has-nested-list="true"]::marker {
+  content: "";
+}
+.markdown-body a {
+  color: var(--accent);
+  text-decoration: underline;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.2em;
+  cursor: pointer;
+}
+.markdown-body a:visited { color: var(--fg-secondary); }
+.markdown-body a:hover,
+.markdown-body a:focus-visible {
+  color: var(--fg-primary);
+  text-decoration-color: var(--accent);
+}
+.markdown-body a::selection {
+  background: var(--accent);
+  color: var(--bg-panel);
+}
+.markdown-body img { max-width: 100%; }
+.markdown-body figure { margin: 1.5em 0; }
+.markdown-body figcaption { color: var(--fg-muted); font-size: calc(0.85em * var(--ui-scale)); text-align: center; }
+.markdown-body sup,
+.markdown-body sub {
+  font-size: 0.75em;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+.markdown-body sup {
+  top: -0.4em;
+}
+.markdown-body sub {
+  bottom: -0.2em;
+}
+
+/* Table Styles */
+.markdown-body table,
+.markdown-body .md-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-bottom: 1em;
+}
+
+.markdown-body th,
+.markdown-body td,
+.markdown-body .md-table-header,
+.markdown-body .md-table-cell {
+  border: 1px solid var(--border-color);
+  padding: 6px 12px;
+}
+
+.markdown-body th,
+.markdown-body .md-table-header {
+  background-color: var(--table-header-bg);
+  color: var(--table-header-fg);
+  font-weight: 700;
+  text-align: left;
+}
+
+.markdown-body caption,
+.markdown-body .md-table-caption {
+  caption-side: top;
+  text-align: left;
+  font-weight: 700;
+  margin-bottom: 0.5em;
+  color: var(--fg-secondary);
+}
+
+.markdown-body thead th,
+.markdown-body .md-table-head .md-table-header {
+  background: var(--table-header-bg);
+  color: var(--table-header-fg);
+}
+
+.markdown-body tbody tr:nth-child(even),
+.markdown-body .md-table-body .md-table-row:nth-child(even) {
+  background: var(--table-row-secondary-bg);
+}
+
+.markdown-body tbody tr:nth-child(odd),
+.markdown-body .md-table-body .md-table-row:nth-child(odd) {
+  background: var(--table-row-primary-bg);
+}
+
+/* Syntax Highlighting overrides */
+.markdown-body pre > div {
+  background: transparent !important;
+  padding: 0 !important;
+}
+
+.md-code-block {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 12px;
+  background: var(--bg-panel);
+  border: none;
+  border-radius: 6px;
+  margin-bottom: 1em;
+  overflow: hidden;
+}
+
+.md-code-header {
+  background: var(--bg-inset);
+  padding: 4px 12px;
+  font-family: var(--font-mono);
+  font-size: calc(0.7rem * var(--ui-scale));
+  border-bottom: 1px solid var(--border-color);
+  color: var(--fg-muted);
+  text-transform: uppercase;
+}
+
+.md-code-surface {
+  background: var(--code-block-bg, var(--bg-inset));
+  padding: 12px 14px;
+  border-radius: 6px;
+}
+
+.md-code-surface pre,
+.md-code-surface pre > code,
+.md-code-surface > div {
+  background: transparent !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+@media print {
+  .markdown-body {
+    font-size: calc(11pt * var(--ui-scale));
+  }
+
+  .markdown-body h1,
+  .markdown-body h2,
+  .markdown-body h3,
+  .markdown-body h4,
+  .markdown-body h5,
+  .markdown-body h6 {
+    break-after: avoid;
+    page-break-after: avoid;
+  }
+
+  .markdown-body table,
+  .markdown-body pre,
+  .markdown-body blockquote,
+  .markdown-body ul,
+  .markdown-body ol,
+  .markdown-body img,
+  .markdown-body .md-code-block,
+  .markdown-body .md-table {
+    break-inside: avoid;
+    page-break-inside: avoid;
+  }
+}

package/src/styles/root.css

@@ -0,0 +1,129 @@
+/* Lattice Architect: Core Variable Contract */
+
+:root {
+  /* Layout Dimensions - Structural Chassis (Hardcoded/Deterministic) */
+  --ui-scale: 1;
+  --header-height: calc(32px * var(--ui-scale));
+  --rail-width: calc(44px * var(--ui-scale));
+  --rail-height: calc(44px * var(--ui-scale));
+  --sidebar-width: calc(200px * var(--ui-scale));
+  --status-height: calc(20px * var(--ui-scale));
+  --tab-height: var(--header-height);
+  --panel-header-height: calc(30px * var(--ui-scale));
+  --rail-btn-size: calc(30px * var(--ui-scale));
+  
+  /* Fallback Values: Ensures layout survives theme loading failure */
+  --bg-app: #c0c0c0;     
+  --bg-panel: #ececec;   
+  --bg-inset: #dcdcdc;   
+  
+  --border-color: #000000;
+  --border-width: 2px;
+  
+  --fg-primary: #000000;
+  --fg-secondary: #333333;
+  --fg-muted: #666666;
+
+  --accent: #ff3e00;
+
+  --table-header-bg: var(--bg-inset);
+  --table-header-fg: var(--fg-primary);
+  --table-row-primary-bg: var(--bg-panel);
+  --table-row-secondary-bg: var(--bg-inset);
+  
+  --status-ok: #00cc00;
+  --status-warn: #ff8800;
+  --status-error: #cc0000;
+
+  /* Structure Settings */
+  --app-gap: calc(4px * var(--ui-scale)); 
+  --texture-opacity: 0.05;
+  --editor-padding: calc(24px * var(--ui-scale));
+  --file-indent-base: calc(12px * var(--ui-scale));
+  --file-indent-unit: calc(12px * var(--ui-scale));
+  --c-explorer-hover: rgba(0, 0, 0, 0.06);
+  --c-explorer-selected: var(--accent);
+  --c-explorer-selected-text: #ffffff;
+  --c-explorer-drag-bg: rgba(255, 255, 255, 0.08);
+
+  /* Fonts - Industrial Stack */
+  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  --font-mono: 'JetBrains Mono', 'IBM Plex Mono', Menlo, monospace;
+  --font-head: 'Inter', sans-serif;
+}
+
+/* Base reset: The Chassis Grid logic is non-themeable for stability */
+body {
+  background-color: var(--bg-app);
+  color: var(--fg-primary);
+  font-family: var(--font-ui);
+  font-size: calc(12px * var(--ui-scale));
+  margin: 0;
+  overflow: hidden;
+  cursor: default;
+  -webkit-font-smoothing: antialiased;
+}
+
+* { 
+  box-sizing: border-box;
+  border-radius: 0 !important; /* Zero-radius mandate */
+}
+
+input, textarea, button {
+  font-family: inherit;
+  font-size: inherit;
+  outline: none;
+}
+
+button {
+  cursor: pointer;
+  text-transform: uppercase;
+  font-weight: 900;
+  letter-spacing: 0.02em;
+}
+
+/* Scaled icon sizing for Lucide SVGs */
+svg.lucide {
+  display: inline-block;
+}
+
+svg.lucide[width="10"] {
+  width: calc(10px * var(--ui-scale));
+  height: calc(10px * var(--ui-scale));
+}
+
+svg.lucide[width="12"] {
+  width: calc(12px * var(--ui-scale));
+  height: calc(12px * var(--ui-scale));
+}
+
+svg.lucide[width="14"] {
+  width: calc(14px * var(--ui-scale));
+  height: calc(14px * var(--ui-scale));
+}
+
+svg.lucide[width="16"] {
+  width: calc(16px * var(--ui-scale));
+  height: calc(16px * var(--ui-scale));
+}
+
+svg.lucide[width="18"] {
+  width: calc(18px * var(--ui-scale));
+  height: calc(18px * var(--ui-scale));
+}
+
+svg.lucide[width="24"] {
+  width: calc(24px * var(--ui-scale));
+  height: calc(24px * var(--ui-scale));
+}
+
+svg.lucide[width="48"] {
+  width: calc(48px * var(--ui-scale));
+  height: calc(48px * var(--ui-scale));
+}
+
+/* Scrollbar Styling - Deterministic */
+::-webkit-scrollbar { width: 8px; height: 8px; }
+::-webkit-scrollbar-track { background: var(--bg-app); border-left: var(--border-width) solid var(--border-color); }
+::-webkit-scrollbar-thumb { background: var(--fg-primary); border: 2px solid var(--bg-panel); }
+::-webkit-scrollbar-thumb:hover { background: var(--accent); }