okchroma 0.6.1 → 0.7.0

package/dist-lib/types/engine/cssRender.d.ts

@@ -14,44 +14,7 @@ export declare const OFFSET_ALPHAS: {
 };
 export type OffsetRung = keyof typeof OFFSET_ALPHAS;
 export declare const ctaBorderRung: (prefix: string) => OffsetRung;
-export declare const offsetLeafName: (rung: OffsetRung) => string;
-export declare const offsetVarName: (rung: OffsetRung) => string;
-export declare const offsetTokenPath: (rung: OffsetRung) => string;
-export declare const OPACITY_RUNGS: {
-    readonly 4: 0.04;
-    readonly 8: 0.08;
-    readonly 12: 0.12;
-    readonly 16: 0.16;
-    readonly 24: 0.24;
-    readonly 32: 0.32;
-    readonly 48: 0.48;
-    readonly 64: 0.64;
-};
-export type OpacityRung = keyof typeof OPACITY_RUNGS;
-export declare const INTERACTION_RUNGS: readonly OpacityRung[];
-export declare const opacityLeafName: (rung: OpacityRung) => string;
-export declare const opacityVarName: (rung: OpacityRung) => string;
-export declare const opacityTokenPath: (rung: OpacityRung) => string;
-export declare const SHADOW_ALPHAS: {
-    readonly 4: {
-        readonly light: 0.04;
-        readonly dark: 0.32;
-    };
-    readonly 8: {
-        readonly light: 0.08;
-        readonly dark: 0.48;
-    };
-    readonly 12: {
-        readonly light: 0.12;
-        readonly dark: 0.64;
-    };
-};
-export type ShadowRung = keyof typeof SHADOW_ALPHAS;
-export declare const SCRIM_ALPHA: 0.64;
-export declare const DISABLED_OPACITY = 0.38;
-export declare const TRANSPARENT_VAR = "--alpha-transparent";
 export declare const offsetRgba: (rung: OffsetRung, mode: "light" | "dark") => string;
-export declare const alphaRootVars: (mode: "light" | "dark") => string[];
 export declare function ctaPageLc(s: GeneratedScale, mode: 'light' | 'dark', page: ColorStop): number;
 export declare function ctaNeedsBorder(s: GeneratedScale, mode: 'light' | 'dark', page: ColorStop | undefined): boolean;
 export declare function brandKindBody(prefix: string, s: GeneratedScale, mode: 'light' | 'dark', page: ColorStop | undefined, on?: 'soft' | 'solid'): string[];

package/dist-lib/types/engine/dtcgRender.d.ts

@@ -0,0 +1,39 @@
+import type { ThemeTokens } from './tokensRender';
+import { type TokenPath } from './tokenNames';
+export type DtcgColorValue = {
+    colorSpace: 'srgb';
+    components: [number, number, number];
+    alpha: number;
+    hex: string;
+};
+/** a color token, literal or an alias in the curly-brace form (`{brand.pencil-47}`) */
+export type DtcgToken = {
+    $type: 'color';
+    $value: DtcgColorValue | string;
+    $description?: string;
+};
+export type DtcgGroup = {
+    [key: string]: DtcgToken | DtcgGroup;
+};
+export type DtcgDocument = DtcgGroup;
+/**
+ * Every primitive's path, in document order: the neutral with its poles, the brand, the
+ * alt, the four signals by role, the link trios, the seed absolutes. This roster is the
+ * definition of what the engine emits; the emitters and the audit ride it.
+ */
+export declare function tokenPaths(): TokenPath[];
+/** the path of a structured-emit name (`brand-stamp-fill`), or undefined when it is not a primitive */
+export declare function tokenPathOf(name: string): TokenPath | undefined;
+/** the description key of a structured-emit name: its slash-joined path */
+export declare function descriptionPathOf(name: string): string | undefined;
+/** a resolved CSS value (hex, rgba(), transparent) as a DTCG color value */
+export declare function dtcgColor(value: string): DtcgColorValue;
+/**
+ * The two DTCG documents for a structured emit. Every primitive in the roster must be
+ * present in the emit and nothing else may be; a missing or foreign name throws, so the
+ * emit and the roster cannot drift apart silently.
+ */
+export declare function tokensToDtcg(tokens: ThemeTokens): {
+    light: DtcgDocument;
+    dark: DtcgDocument;
+};

package/dist-lib/types/engine/figmaRender.d.ts

@@ -9,11 +9,7 @@ export interface FigmaColorToken {
         hex: string;
     };
 }
-export interface FigmaNumberToken {
-    $type: 'number';
-    $value: number;
-}
-export type FigmaLeaf = FigmaColorToken | FigmaNumberToken;
+export type FigmaLeaf = FigmaColorToken;
 export type FigmaGroup = {
     [key: string]: FigmaLeaf | FigmaGroup;
 };

package/dist-lib/types/engine/tokenDescriptions.d.ts

@@ -1,3 +1,5 @@
+export declare const AA_LARGE = "AA large text and UI elements";
+export declare const AA_BODY = "AA standard body text";
 export declare const FAMILY: {
     readonly neutral: "neutral";
     readonly brandPrimary: "brand";
@@ -14,5 +16,23 @@ export declare const CSS_FAMILY: {
     readonly brandPrimary: "brand";
     readonly brandSecondary: "brand-alt";
 };
+export declare const GUARANTEE_SCOPE: {
+    readonly highlighter: {
+        readonly level: "AA large text and UI elements";
+        readonly grounds: readonly ["paper"];
+    };
+    readonly pencil: {
+        readonly level: "AA standard body text";
+        readonly grounds: readonly ["paper"];
+    };
+    readonly pen: {
+        readonly level: "AA standard body text";
+        readonly grounds: readonly ["paper", "chalk"];
+    };
+};
+export type GuaranteeBand = keyof typeof GUARANTEE_SCOPE;
+export type GuaranteeGround = (typeof GUARANTEE_SCOPE)[GuaranteeBand]['grounds'][number];
+export declare const BAND_STOPS: Record<GuaranteeBand, readonly string[]>;
 export declare function canonicalize(path: string): string;
 export declare function describeToken(path: string): string;
+export declare function describeDocument(path: string): string;

package/dist-lib/types/engine/tokenNames.d.ts

@@ -15,35 +15,18 @@ export declare const STAMP_LEAF: {
     readonly EDGE: string;
     readonly ON: string;
 };
-export declare const SYSTEM_LEAF: {
-    readonly ABS_BLACK: "system/abs-black";
-    readonly ABS_WHITE: "system/abs-white";
-    readonly SURFACE: {
-        readonly DIM: "system/surface/dim";
-        readonly LOW: "system/surface/low";
-        readonly MID: "system/surface/mid";
-        readonly HIGH: "system/surface/high";
-    };
-    readonly ALPHA: {
-        readonly TRANSPARENT: "system/alpha/transparent";
-        readonly INK: "system/alpha/ink";
-        readonly AWAY_FROM_BG_06: "system/alpha/away-from-bg/06";
-        readonly AWAY_FROM_BG_08: "system/alpha/away-from-bg/08";
-        readonly AWAY_FROM_BG_16: "system/alpha/away-from-bg/16";
-        readonly TOWARD_BG_06: "system/alpha/toward-bg/06";
-        readonly TOWARD_BG_08: "system/alpha/toward-bg/08";
-        readonly TOWARD_BG_16: "system/alpha/toward-bg/16";
-        readonly SHADOW_04: "system/alpha/shadow-04";
-        readonly SHADOW_08: "system/alpha/shadow-08";
-        readonly SHADOW_12: "system/alpha/shadow-12";
-    };
-    readonly OPACITY: Record<string, string>;
-};
-export declare const SURFACE_PLANE_LAW: Record<string, {
-    light: string;
-    dark: string;
-}>;
-export declare const CONTRACT_INVARIANT_ROWS: ReadonlySet<string>;
-export declare const EXT_NON_OVERRIDABLE: (p: string) => boolean;
+export type TokenPath = readonly string[];
+export declare const cssVarName: (path: TokenPath) => string;
+export declare const figmaPathOf: (path: TokenPath) => string;
+/** a family row: a scale stop, a pole, or a stamp token (nested under stamp/) */
+export declare const familyPath: (family: string, leaf: string) => string[];
+export declare const LINK_GROUP = "link";
+export declare const LINK_POSTURES: readonly ["default", "inverse"];
+export type LinkPosture = (typeof LINK_POSTURES)[number];
+export declare const LINK_STATES: readonly ["enabled", "hover", "pressed"];
+export type LinkState = (typeof LINK_STATES)[number];
+export declare const linkPath: (posture: LinkPosture, state: LinkState) => string[];
+export declare const ABSOLUTE_GROUP = "absolute";
+export declare const absolutePath: (family: string) => string[];
 export declare const EXT_OVERRIDABLE_SYSTEM: (p: string) => boolean;
 export declare function tokenOrder(name: string): number;

package/dist-lib/types/engine/tokensRender.d.ts

@@ -8,7 +8,7 @@ export interface ThemeTokens {
     /** resolved literal values per mode; mode-invariant names appear in both */
     light: Record<string, string>;
     dark: Record<string, string>;
-    /** names whose value does not depend on the mode */
+    /** names whose value does not depend on the mode (the seed absolutes) */
     invariant: string[];
     /** the declarations as emitted, var() references intact, per block */
     raw: {
@@ -43,9 +43,7 @@ export declare function readEmission(css: string): {
 };
 /** Resolves var() references against `own`, falling back to `shared` for names declared once. */
 export declare function resolveReferences(own: Map<string, string>, shared: Map<string, string>): Record<string, string>;
-/** The system rows tokens/semantic.css states as static aliases, as engine-table projections. */
-export declare function systemCss(): string;
 /** Builds a ThemeTokens object from an emission's declaration maps. */
 export declare function tokensFromEmission(slug: string, css: string): ThemeTokens;
-/** The whole page's token set for one brand: signals, system rows, and the brand block. */
+/** The whole page's token set for one brand: the signal block and the brand block. */
 export declare function themeTokens(input: ThemeTokensInput): ThemeTokens;

package/dist-lib/types/index.d.ts

@@ -1,13 +1,12 @@
 export { generateScale, generateNeutralScale, generateSubtleSecondary, neutralTintHue, type NeutralSource, type GeneratedScale, type ColorStop, type GenerateOptions, type NeutralLevel, type ContrastProfile, } from './engine/colorEngine';
 export { resolveBrand, resolveTheme, resolveLinkTrio, resolveLinkInverseTrio, DEFAULT_LINK_HEX, SIGNAL_SCALES, signalScalesFor, SECONDARY_DISTINCT_DELTA_E, SUBTLE_TINT_MULT, SUBTLE_PASTEL_K, OUTLINE_HOVER_ALPHA, type ResolvedBrand, type ResolvedTheme, type ResolvedSecondary, type SecondaryLevel, type SecondaryStyle, type SignalOverride, } from './engine/resolve';
-export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, SHADOW_ALPHAS, SCRIM_ALPHA, OPACITY_RUNGS, INTERACTION_RUNGS, opacityLeafName, opacityVarName, opacityTokenPath, type OpacityRung, DISABLED_OPACITY, type ShadowRung, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
-export { CSS_FAMILY } from './engine/tokenDescriptions';
-export { themeTokens, tokensFromEmission, readEmission, resolveReferences, systemCss, type ThemeTokens, type ThemeTokensInput, type TokenMode, } from './engine/tokensRender';
-export { interactionCss, interactionTokens, interactionRows, interactionVarName, interactionTintName, INTERACTION_FAMILIES, INTERACTION_POLE_FAMILY, INTERACTION_ROWS, INTERACTION_STATES, INTERACTION_LADDER, type InteractionRow, type InteractionState, type InteractionPoleFamily, } from './engine/interaction';
-export { themeToFigma, type FigmaGroup, type FigmaColorToken, type FigmaNumberToken, type FigmaLeaf, type ThemeInput, } from './engine/figmaRender';
-export { emitDtcgRamp, resolveDtcgRamp, parseToken, EXT_KEY, RESOLVER_ID, type DtcgRampGroup, type DtcgRequirementToken, type DtcgSeedToken, type DtcgColorValue, } from './engine/requirements/dtcg';
+export { brandCss, neutralCss, signalsCss, stopsToVars, toHex, stopHex, OFFSET_ALPHAS, type OffsetRung, ctaNeedsBorder, ctaBorderRung, pageStopFor, } from './engine/cssRender';
+export { CSS_FAMILY, describeToken, describeDocument, GUARANTEE_SCOPE, BAND_STOPS } from './engine/tokenDescriptions';
+export { themeTokens, tokensFromEmission, readEmission, resolveReferences, type ThemeTokens, type ThemeTokensInput, type TokenMode, } from './engine/tokensRender';
+export { themeToFigma, groupEntries, type FigmaGroup, type FigmaColorToken, type FigmaLeaf, type ThemeInput, } from './engine/figmaRender';
+export { tokensToDtcg, tokenPathOf, descriptionPathOf, type DtcgDocument, type DtcgGroup, type DtcgToken, type DtcgColorValue, } from './engine/dtcgRender';
 export { MODE_SPECS, type ModeSpec } from './engine/requirements/spec';
-export { stopTokenName, tokenOrder, SCALE_STOP_COUNT, PAPER_0, PEN_100, STAMP_FILL, STAMP_FILL_HOVER, STAMP_FILL_PRESSED, STAMP_EDGE, STAMP_ON, STAMP_STATE_LEAVES, SYSTEM_LEAF, SURFACE_PLANE_LAW, } from './engine/tokenNames';
+export { stopTokenName, tokenOrder, SCALE_STOP_COUNT, PAPER_0, PEN_100, STAMP_FILL, STAMP_FILL_HOVER, STAMP_FILL_PRESSED, STAMP_EDGE, STAMP_ON, STAMP_STATE_LEAVES, STAMP_LEAF, cssVarName, figmaPathOf, familyPath, linkPath, absolutePath, LINK_GROUP, LINK_POSTURES, LINK_STATES, ABSOLUTE_GROUP, type TokenPath, type LinkPosture, type LinkState, } from './engine/tokenNames';
 export { SIGNAL_EMIT_NAME } from './engine/signals';
 export { classifyArchetype, type Archetype } from './engine/archetypes';
 export { SIGNALS, type SignalDef } from './engine/signals';

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "okchroma",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "license": "MIT",
-  "description": "Color token engine: one brand hex in, a full WCAG-enforced light+dark token system out (CSS variables, DTCG JSON, Figma variables)",
+  "description": "Color-system engine: one brand hex in, a light and dark set of color primitives out, with the contrast requirements solved during generation; emitted as CSS custom properties, DTCG documents, and Figma variables",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/egerrity/okchroma.git"
@@ -18,8 +18,7 @@
     }
   },
   "files": [
-    "dist-lib",
-    "tokens"
+    "dist-lib"
   ],
   "sideEffects": false,
   "scripts": {
@@ -55,7 +54,9 @@
     "typecheck": "tsc --noEmit",
     "typecheck:ext": "tsc --noEmit -p plugin-ext",
     "docs:lint": "esbuild scripts/docs-lint.ts --bundle --platform=node --outfile=dist/docs-lint.js && node dist/docs-lint.js",
-    "audit:tokens": "esbuild scripts/tokens-audit.ts --bundle --platform=node --outfile=dist/tokens-audit.js && node dist/tokens-audit.js"
+    "audit:tokens": "esbuild scripts/tokens-audit.ts --bundle --platform=node --outfile=dist/tokens-audit.js && node dist/tokens-audit.js",
+    "audit:dtcg": "esbuild scripts/dtcg-audit.ts --bundle --platform=node --outfile=dist/dtcg-audit.js && node dist/dtcg-audit.js",
+    "tokens:emit": "esbuild scripts/dtcg-emit.ts --bundle --platform=node --outfile=dist/dtcg-emit.js && node dist/dtcg-emit.js"
   },
   "devDependencies": {
     "@types/node": "^25.9.2",

package/tokens/semantic.css

@@ -1,202 +0,0 @@
-/*
-  Semantic token layer: maps role names to primitive tokens.
-  This file never changes per brand. Only the primitives (--brand-*, --neutral-*) change.
-*/
-
-/* ─── Global surface / fg / border ─────────────────────────────────────────── */
-
-[data-brand] {
-  /* Elevation planes dim, low, mid, high: mid is the raised plane components sit on,
-     the page behind it is low, and the two extremes are edge cases. Both themes use
-     the SAME four stops in reversed order, so elevation always moves toward paper-0's
-     side of the ramp. Light descends the ramp as elevation rises (dim paper-5 to high
-     paper-0, white); dark ascends it (dim paper-0, the deep tinted ground, to high
-     paper-5). paper-0 flips with the mode, so it is always the extreme pole: the high
-     in light, the dim in dark. */
-  --surface-dim:        var(--neutral-paper-5);
-  --surface-low:         var(--neutral-paper-3);
-  --surface-mid:       var(--neutral-paper-1);
-  --surface-high:        var(--paper-0, #ffffff);
-
-  --fg-default:           var(--neutral-pen-70);
-  --fg-subtle:            var(--neutral-pencil-47);
-
-  /* --border-default IS THE ACCESSIBILITY BORDER: a border that has to be there (inputs
-     and other controls), so it rides highlighter-26, the stop that carries the 3:1 non-text
-     contrast requirement. Decorative borders are --border-subtle (chalk-11) and
-     the per-family --*-border-default (chalk-15). */
-  --border-default:       var(--neutral-highlighter-26);
-  --border-subtle:        var(--neutral-chalk-11);
-
-  /* Shadow transparencies: pure black at a rung of the engine's opacity ladder (the
-     --opacity-NNN numbers signalsCss writes at :root), the same rows the plugins write
-     as shadow-04|08|12. Dark is heavier by necessity: near black a light-mode weight
-     vanishes, so the dark block picks the heavier rungs for the same three roles.
-     Elevation recipes compose these, so dark shadows fall out of the token swap with
-     nothing bespoke per style. */
-  --shadow-04: rgb(0 0 0 / var(--opacity-004));
-  --shadow-08: rgb(0 0 0 / var(--opacity-008));
-  --shadow-12: rgb(0 0 0 / var(--opacity-012));
-
-  /* The scrim: the modal veil, the absolute black at the ladder's top rung in both
-     modes. Composed here from the number; a Figma kit composes the same thing as a
-     black alias at that opacity. There is no separate scrim color row. */
-  --scrim: rgb(0 0 0 / var(--opacity-064));
-
-  /* Disabled opacity: disabled is a COMPONENT-LEVEL opacity. Colors stay the enabled
-     ones and never swap. Mode-invariant; mirrors the JS API's DISABLED_OPACITY
-     constant 1:1. */
-  --disabled-opacity: 0.38;
-}
-
-[data-brand][data-theme="dark"] {
-  /* Dark runs the same four stops upward: dim paper-0 (the deep tinted ground), low
-     paper-1, mid paper-3, high paper-5, the one-level highest background: every
-     family's paper-5 shares one photometric level, so chips sit flush on the high
-     plane by construction. Low needs its own override here because the shared
-     block's low is paper-3, the light value. */
-  --surface-dim:        var(--paper-0, #000000);
-  --surface-low:         var(--neutral-paper-1);
-  --surface-mid:       var(--neutral-paper-3);
-  --surface-high:        var(--neutral-paper-5);
-
-  --shadow-04: rgb(0 0 0 / var(--opacity-032));
-  --shadow-08: rgb(0 0 0 / var(--opacity-048));
-  --shadow-12: rgb(0 0 0 / var(--opacity-064));
-}
-
-/* ─── role.brand ────────────────────────────────────────────────────────────── */
-
-[data-brand] {
-  --brand-fg:                    var(--brand-pen-70);
-  --brand-fg-hover:              var(--brand-pencil-47);
-  --brand-fg-alt:                var(--brand-pencil-47);
-  --brand-fg-alt-hover:          var(--brand-pen-70);
-  --brand-fg-on-emphasis:        var(--brand-stamp-on);
-
-  --brand-bg-faint:              var(--brand-paper-3);
-  --brand-bg-subtle:             var(--brand-chalk-11);
-  --brand-bg-subtle-hover:       var(--brand-chalk-15);
-  --brand-bg-emphasis:           var(--brand-stamp-fill);
-  --brand-bg-emphasis-hover:     var(--brand-stamp-fill-hover);
-  --brand-bg-emphasis-pressed:   var(--brand-stamp-fill-pressed);
-
-  --brand-border-subtle:         var(--brand-chalk-8);
-  --brand-border-subtle-hover:   var(--brand-chalk-11);
-  --brand-border-default:            var(--brand-chalk-15);
-  --brand-border-default-hover:      var(--brand-highlighter-26);
-  --brand-border-emphasis:       var(--brand-stamp-fill);
-  --brand-border-emphasis-hover: var(--brand-stamp-fill-hover);
-
-  /* the SYSTEM LINK (one trio per theme; aliases the primary's pen stops unless a custom
-     link color de-conflicts it; --link/-hover/-pressed are emitted per brand) */
-  --fg-link:         var(--link);
-  --fg-link-hover:   var(--link-hover);
-  --fg-link-pressed: var(--link-pressed);
-
-  /* the INVERSE link trio: the same link seed re-solved for text on inverted surfaces
-     (a pen-70 fill); always its own emitted values, since no stop is anchored against
-     that ground and so there is no alias posture */
-  --fg-link-inverse:         var(--link-inverse);
-  --fg-link-inverse-hover:   var(--link-inverse-hover);
-  --fg-link-inverse-pressed: var(--link-inverse-pressed);
-}
-
-/* ─── role.secondary (the brand's secondary ramp; mirrors brand when none) ──── */
-
-[data-brand] {
-  --brand-alt-fg:                    var(--brand-alt-pen-70);
-  --brand-alt-fg-hover:              var(--brand-alt-pencil-47);
-  --brand-alt-fg-alt:                var(--brand-alt-pencil-47);
-  --brand-alt-fg-alt-hover:          var(--brand-alt-pen-70);
-  --brand-alt-fg-on-emphasis:        var(--brand-alt-stamp-on);
-
-  --brand-alt-bg-faint:              var(--brand-alt-paper-3);
-  --brand-alt-bg-subtle:             var(--brand-alt-chalk-11);
-  --brand-alt-bg-subtle-hover:       var(--brand-alt-chalk-15);
-  --brand-alt-bg-emphasis:           var(--brand-alt-stamp-fill);
-  --brand-alt-bg-emphasis-hover:     var(--brand-alt-stamp-fill-hover);
-  --brand-alt-bg-emphasis-pressed:   var(--brand-alt-stamp-fill-pressed);
-
-  --brand-alt-border-subtle:         var(--brand-alt-chalk-8);
-  --brand-alt-border-subtle-hover:   var(--brand-alt-chalk-11);
-  --brand-alt-border-default:           var(--brand-alt-chalk-15);
-  --brand-alt-border-default-hover:     var(--brand-alt-highlighter-26);
-  --brand-alt-border-emphasis:       var(--brand-alt-stamp-fill);
-  --brand-alt-border-emphasis-hover: var(--brand-alt-stamp-fill-hover);
-}
-
-/* ─── Signal roles ──────────────────────────────────────────────────────────
-   Aliases onto engine-generated signal primitives (dist/signals.css).
-   Mode switching happens at the primitive layer, so one block covers both.
-   Signal families emit by ROLE (critical/warning/positive/info, the re-pointable
-   in-between tier; identity stays engine-internal), so the role tokens and the
-   family ramp share a prefix: --critical-fg rides --critical-pen-70.
-
-   -fg-on-emphasis rides --paper-0, NOT a solved on-color. paper-0 is the
-   mode-flipping paper extreme (white in light, the deep tinted ground in dark) and
-   it clears the 4.5:1 text bar against pencil-47 in every family and both modes;
-   the band audit holds that floor over an agnostic sweep. -bg-emphasis and
-   -border-emphasis ride pencil-47. */
-
-[data-brand] {
-  --critical-fg:                    var(--critical-pen-70);
-  --critical-fg-hover:              var(--critical-pencil-47);
-  --critical-fg-alt:                var(--critical-pencil-47);
-  --critical-fg-alt-hover:          var(--critical-pen-70);
-  --critical-fg-on-emphasis:        var(--paper-0);
-  --critical-bg-faint:              var(--critical-paper-3);
-  --critical-bg-subtle:             var(--critical-chalk-11);
-  --critical-bg-subtle-hover:       var(--critical-chalk-15);
-  --critical-bg-emphasis:           var(--critical-pencil-47);
-  --critical-border-subtle:         var(--critical-chalk-8);
-  --critical-border-subtle-hover:   var(--critical-chalk-11);
-  --critical-border-default:       var(--critical-chalk-15);
-  --critical-border-default-hover: var(--critical-highlighter-26);
-  --critical-border-emphasis:       var(--critical-pencil-47);
-
-  --warning-fg:                     var(--warning-pen-70);
-  --warning-fg-hover:               var(--warning-pencil-47);
-  --warning-fg-alt:                 var(--warning-pencil-47);
-  --warning-fg-alt-hover:           var(--warning-pen-70);
-  --warning-fg-on-emphasis:         var(--paper-0);
-  --warning-bg-faint:               var(--warning-paper-3);
-  --warning-bg-subtle:              var(--warning-chalk-11);
-  --warning-bg-subtle-hover:        var(--warning-chalk-15);
-  --warning-bg-emphasis:            var(--warning-pencil-47);
-  --warning-border-subtle:          var(--warning-chalk-8);
-  --warning-border-subtle-hover:    var(--warning-chalk-11);
-  --warning-border-default:        var(--warning-chalk-15);
-  --warning-border-default-hover:  var(--warning-highlighter-26);
-  --warning-border-emphasis:        var(--warning-pencil-47);
-
-  --positive-fg:                      var(--positive-pen-70);
-  --positive-fg-hover:                var(--positive-pencil-47);
-  --positive-fg-alt:                  var(--positive-pencil-47);
-  --positive-fg-alt-hover:            var(--positive-pen-70);
-  --positive-fg-on-emphasis:          var(--paper-0);
-  --positive-bg-faint:                var(--positive-paper-3);
-  --positive-bg-subtle:               var(--positive-chalk-11);
-  --positive-bg-subtle-hover:         var(--positive-chalk-15);
-  --positive-bg-emphasis:             var(--positive-pencil-47);
-  --positive-border-subtle:           var(--positive-chalk-8);
-  --positive-border-subtle-hover:     var(--positive-chalk-11);
-  --positive-border-default:         var(--positive-chalk-15);
-  --positive-border-default-hover:   var(--positive-highlighter-26);
-  --positive-border-emphasis:         var(--positive-pencil-47);
-
-  --info-fg:                          var(--info-pen-70);
-  --info-fg-hover:                    var(--info-pencil-47);
-  --info-fg-alt:                      var(--info-pencil-47);
-  --info-fg-alt-hover:                var(--info-pen-70);
-  --info-fg-on-emphasis:              var(--paper-0);
-  --info-bg-faint:                    var(--info-paper-3);
-  --info-bg-subtle:                   var(--info-chalk-11);
-  --info-bg-subtle-hover:             var(--info-chalk-15);
-  --info-bg-emphasis:                 var(--info-pencil-47);
-  --info-border-subtle:               var(--info-chalk-8);
-  --info-border-subtle-hover:         var(--info-chalk-11);
-  --info-border-default:             var(--info-chalk-15);
-  --info-border-default-hover:       var(--info-highlighter-26);
-  --info-border-emphasis:             var(--info-pencil-47);
-}