@verdify/tokens 0.6.0 → 0.8.0

package/dist/preset-adaptive.css

@@ -10,8 +10,56 @@
 [data-adaptive="dusk"] {
   --color-surface-canvas: #1a1a26;
   --color-text-primary: #c8d0de;
+  --color-surface-raised: #1f2638;
+  --color-surface-input: #1f2638;
+  --color-surface-border: #4a5567;
+  --color-surface-border-muted: #2a3142;
+  --color-text-secondary: #8a95a8;
+  --color-text-muted: #4a5567;
+  --color-text-disabled: #2a3142;
+  --color-text-inverse: #0b0f19;
+  --color-action-secondary-bg: #1f2638;
+  --color-action-secondary-fg: #c8d0de;
+  --color-action-secondary-border: #4a5567;
+  --color-action-secondary-bg-hover: #1f2638;
+  --color-action-ghost-fg: #c8d0de;
+  --color-action-ghost-bg-hover: #1f2638;
+  --color-border-default: #4a5567;
+  --color-border-strong: #2a3142;
+  --color-control-bg: #1f2638;
+  --color-control-border: #4a5567;
+  --color-control-fg: #c8d0de;
+  --color-control-placeholder: #4a5567;
+  --color-status-verified-on-surface: #00d17a;
+  --color-status-signal-on-surface: #4d9dff;
+  --color-status-caution-on-surface: #f5a623;
+  --color-status-critical-on-surface: #ff4d4d;
 }
 [data-adaptive="night"] {
   --color-surface-canvas: #060912;
   --color-text-primary: #c8d0de;
+  --color-surface-raised: #0f1320;
+  --color-surface-input: #161b2a;
+  --color-surface-border: #1f2638;
+  --color-surface-border-muted: #2a3142;
+  --color-text-secondary: #8a95a8;
+  --color-text-muted: #4a5567;
+  --color-text-disabled: #2a3142;
+  --color-text-inverse: #0b0f19;
+  --color-action-secondary-bg: #0f1320;
+  --color-action-secondary-fg: #c8d0de;
+  --color-action-secondary-border: #1f2638;
+  --color-action-secondary-bg-hover: #161b2a;
+  --color-action-ghost-fg: #c8d0de;
+  --color-action-ghost-bg-hover: #0f1320;
+  --color-border-default: #1f2638;
+  --color-border-strong: #2a3142;
+  --color-control-bg: #161b2a;
+  --color-control-border: #1f2638;
+  --color-control-fg: #c8d0de;
+  --color-control-placeholder: #4a5567;
+  --color-status-verified-on-surface: #00d17a;
+  --color-status-signal-on-surface: #4d9dff;
+  --color-status-caution-on-surface: #f5a623;
+  --color-status-critical-on-surface: #ff4d4d;
 }

package/dist/preset.css

@@ -10,6 +10,7 @@
   --breakpoint-xl: 80rem;
   --breakpoint-2xl: 96rem;
   --color-brand-brand: #7c5cff;
+  --color-brand-brand-strong: #7053e5;
   --color-brand-brand-deep: #5b3ee8;
   --color-neutral-obsidian-300: #c8d0de;
   --color-neutral-obsidian-400: #8a95a8;
@@ -50,9 +51,9 @@
   --color-text-on-brand: #fbfcfe;
   --color-scrim-light: rgba(11, 15, 25, 0.5);
   --color-scrim-dark: rgba(6, 9, 18, 0.7);
-  --color-action-primary-bg: #7c5cff;
+  --color-action-primary-bg: #7053e5;
   --color-action-primary-fg: #fbfcfe;
-  --color-action-primary-border: #7c5cff;
+  --color-action-primary-border: #7053e5;
   --color-action-primary-bg-hover: #5b3ee8;
   --color-action-primary-bg-active: #5b3ee8;
   --color-action-secondary-bg: #e8ecf4;
@@ -61,22 +62,26 @@
   --color-action-secondary-bg-hover: #d6dce8;
   --color-action-ghost-fg: #0b0f19;
   --color-action-ghost-bg-hover: #e8ecf4;
-  --color-action-destructive-bg: #ff4d4d;
+  --color-action-destructive-bg: #be3939;
   --color-action-destructive-fg: #fbfcfe;
-  --color-action-destructive-border: #ff4d4d;
+  --color-action-destructive-border: #be3939;
   --color-status-verified-fg: #007947;
+  --color-status-verified-on-surface: #007947;
   --color-status-verified-bg: #e8ecf4;
   --color-status-verified-border: #007947;
   --color-status-verified-accent: #00d17a;
   --color-status-signal-fg: #346bad;
+  --color-status-signal-on-surface: #346bad;
   --color-status-signal-bg: #e8ecf4;
   --color-status-signal-border: #346bad;
   --color-status-signal-accent: #4d9dff;
   --color-status-caution-fg: #8e6014;
+  --color-status-caution-on-surface: #8e6014;
   --color-status-caution-bg: #e8ecf4;
   --color-status-caution-border: #8e6014;
   --color-status-caution-accent: #f5a623;
   --color-status-critical-fg: #be3939;
+  --color-status-critical-on-surface: #be3939;
   --color-status-critical-bg: #e8ecf4;
   --color-status-critical-border: #be3939;
   --color-status-critical-accent: #ff4d4d;

package/dist/tokens.css

@@ -13,6 +13,7 @@
   --breakpoint-xl: 80rem; /** Extra large breakpoint (1280px) — desktops */
   --breakpoint-2xl: 96rem; /** 2X large breakpoint (1536px) — wide desktops */
   --color-brand-brand: #7c5cff; /** Sovereign Violet — the single brand anchor. Identity color; the logo seam and primary brand moments. Sits outside the traffic-light status register. */
+  --color-brand-brand-strong: #7053e5; /** AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only. */
   --color-brand-brand-deep: #5b3ee8; /** Companion to brand.brand — used on light surfaces where #7C5CFF fails WCAG 2.2 non-text contrast (>=3:1). Luminance shift only. */
   --color-neutral-obsidian-300: #c8d0de; /** Primary text on dark */
   --color-neutral-obsidian-400: #8a95a8; /** Secondary text */
@@ -59,11 +60,23 @@
   --color-text-disabled: #b0baca; /** Disabled text — low-contrast, deliberate. Aliases mist.400; downstream consumers may alternatively compose text.primary with state.opacity.disabled (0.38) for a different visual register. */
   --color-text-inverse: #fbfcfe; /** Text on dark surfaces (e.g. obsidian backdrop, dark scrim). Aliases mist.50 — the lightest neutral. Distinct from on-brand: inverse is for neutral-dark contexts; on-brand is reserved for brand backgrounds. */
   --color-text-on-brand: #fbfcfe; /** Text on brand backgrounds (e.g. CTA buttons). Constant per brand discipline. */
+  --color-dark-surface-raised: #0f1320; /** Raised surface · cards — dark family (dusk/night). Mirrors surface.raised in light. */
+  --color-dark-surface-input: #161b2a; /** Input / well — dark family (dusk/night). */
+  --color-dark-surface-border: #1f2638; /** Border / divider — dark family (dusk/night). */
+  --color-dark-surface-border-muted: #2a3142; /** Muted border — dark family (dusk/night). */
+  --color-dark-text-secondary: #8a95a8; /** Secondary text — dark family (dusk/night); 6.6:1 on night canvas. */
+  --color-dark-text-muted: #4a5567; /** Muted text — dark family; de-emphasized, same sub-UI register as light muted (~2.3-2.6:1). */
+  --color-dark-text-disabled: #2a3142; /** Disabled text — dark family; low-contrast, deliberate (contrast-exempt). */
+  --color-dark-text-inverse: #0b0f19; /** Text on light surfaces within a dark context — dark family. (0 current component uses.) */
+  --color-dusk-surface-raised: #1f2638; /** Raised surface · cards — DUSK band only. The dusk canvas (#1a1a26, L≈0.011) is lighter than the shared dark family's raised (obsidian.850, L≈0.0067), which inverted elevation. Obsidian.700 (L≈0.0196) sits ABOVE the dusk canvas so cards read raised, while secondary text still clears AA (≈5.0:1). */
+  --color-dusk-surface-input: #1f2638; /** Input / well — DUSK band only. Same tone as dusk raised (lifted above the dusk canvas); distinguished from cards by its border. Obsidian.700 keeps muted text at the ≈2.0:1 perceptible floor (obsidian.600 would drop it to ~1.7:1 and fail). */
+  --color-dusk-surface-border: #4a5567; /** Border / divider — DUSK band only. Obsidian.500 (L≈0.089) gives inputs/cards a visible boundary on the dusk canvas (≈2.3:1) where the shared dark border (obsidian.700) would be ~invisible. */
+  --color-dusk-surface-border-muted: #2a3142; /** Muted border — DUSK band only; the softer divider above the dusk canvas. */
   --color-scrim-light: rgba(11, 15, 25, 0.5); /** Modal/sheet backdrop on light surfaces — obsidian-900 at 50% opacity (per BR-2 spec §4). */
   --color-scrim-dark: rgba(6, 9, 18, 0.7); /** Modal/sheet backdrop on dark surfaces — obsidian-950 at 70% opacity for stronger isolation. */
-  --color-action-primary-bg: #7c5cff; /** Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. */
+  --color-action-primary-bg: #7053e5; /** Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. — AA-darkened (brand-strong, 5.04:1 with white). */
   --color-action-primary-fg: #fbfcfe; /** Text/icon on a primary action. */
-  --color-action-primary-border: #7c5cff; /** Primary action border — matches bg. */
+  --color-action-primary-border: #7053e5; /** Primary action border — matches bg. — AA-darkened (brand-strong, 5.04:1 with white). */
   --color-action-primary-bg-hover: #5b3ee8; /** Primary action hover — deep companion. */
   --color-action-primary-bg-active: #5b3ee8; /** Primary action pressed/active. */
   --color-action-secondary-bg: #e8ecf4; /** Secondary action background — neutral raised surface. */
@@ -72,22 +85,26 @@
   --color-action-secondary-bg-hover: #d6dce8; /** Secondary action hover. */
   --color-action-ghost-fg: #0b0f19; /** Ghost action text/icon — no fill until hover. */
   --color-action-ghost-bg-hover: #e8ecf4; /** Ghost action hover fill. */
-  --color-action-destructive-bg: #ff4d4d; /** Destructive action background — Critical. A status color used for a destructive control; never the brand. */
+  --color-action-destructive-bg: #be3939; /** Destructive action background — Critical. A status color used for a destructive control; never the brand. — AA-darkened (critical-strong, 5.34:1 with white). */
   --color-action-destructive-fg: #fbfcfe; /** Text/icon on a destructive action. */
-  --color-action-destructive-border: #ff4d4d; /** Destructive action border. */
+  --color-action-destructive-border: #be3939; /** Destructive action border. — AA-darkened (critical-strong, 5.34:1 with white). */
   --color-status-verified-fg: #007947; /** Verified status foreground — Verified Green darkened to WCAG AA (#007947, ≥4.5:1 on the chip bg). The in-product success state; never the brand. */
+  --color-status-verified-on-surface: #007947; /** Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip. */
   --color-status-verified-bg: #e8ecf4; /** Verified status chip background — neutral; color carried by fg/border (restraint over volume). */
   --color-status-verified-border: #007947; /** Verified status border — AA-dark shade (≥3:1 non-text). */
   --color-status-verified-accent: #00d17a; /** Verified bright decorative accent (#00D17A) — for icons/fills where contrast is not a text/border requirement. */
   --color-status-signal-fg: #346bad; /** Informational status foreground — Signal darkened to WCAG AA (#346BAD, ≥4.5:1 on the chip bg). */
+  --color-status-signal-on-surface: #346bad; /** Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip. */
   --color-status-signal-bg: #e8ecf4; /** Informational status chip background — neutral. */
   --color-status-signal-border: #346bad; /** Informational status border — AA-dark shade (≥3:1 non-text). */
   --color-status-signal-accent: #4d9dff; /** Signal bright decorative accent (#4D9DFF) — for icons/fills. */
   --color-status-caution-fg: #8e6014; /** Caution status foreground — Caution darkened to WCAG AA (#8E6014, ≥4.5:1 on the chip bg); pending / in-progress. */
+  --color-status-caution-on-surface: #8e6014; /** Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip. */
   --color-status-caution-bg: #e8ecf4; /** Caution status chip background — neutral. */
   --color-status-caution-border: #8e6014; /** Caution status border — AA-dark shade (≥3:1 non-text). */
   --color-status-caution-accent: #f5a623; /** Caution bright decorative accent (#F5A623) — for icons/fills. */
   --color-status-critical-fg: #be3939; /** Critical status foreground — Critical darkened to WCAG AA (#BE3939, ≥4.5:1 on the chip bg); error / failure. */
+  --color-status-critical-on-surface: #be3939; /** Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip. */
   --color-status-critical-bg: #e8ecf4; /** Critical status chip background — neutral. */
   --color-status-critical-border: #be3939; /** Critical status border — AA-dark shade (≥3:1 non-text). */
   --color-status-critical-accent: #ff4d4d; /** Critical bright decorative accent (#FF4D4D) — for icons/fills. */

package/dist/tokens.d.ts

@@ -31,6 +31,7 @@ declare const tokens: {
   color: {
     brand: {
       brand: DesignToken;
+      "brand-strong": DesignToken;
       "brand-deep": DesignToken;
     };
     neutral: {
@@ -100,6 +101,28 @@ declare const tokens: {
       inverse: DesignToken;
       "on-brand": DesignToken;
     };
+    dark: {
+      surface: {
+        raised: DesignToken;
+        input: DesignToken;
+        border: DesignToken;
+        "border-muted": DesignToken;
+      };
+      text: {
+        secondary: DesignToken;
+        muted: DesignToken;
+        disabled: DesignToken;
+        inverse: DesignToken;
+      };
+    };
+    dusk: {
+      surface: {
+        raised: DesignToken;
+        input: DesignToken;
+        border: DesignToken;
+        "border-muted": DesignToken;
+      };
+    };
     scrim: {
       light: DesignToken;
       dark: DesignToken;
@@ -131,24 +154,28 @@ declare const tokens: {
     status: {
       verified: {
         fg: DesignToken;
+        "on-surface": DesignToken;
         bg: DesignToken;
         border: DesignToken;
         accent: DesignToken;
       };
       signal: {
         fg: DesignToken;
+        "on-surface": DesignToken;
         bg: DesignToken;
         border: DesignToken;
         accent: DesignToken;
       };
       caution: {
         fg: DesignToken;
+        "on-surface": DesignToken;
         bg: DesignToken;
         border: DesignToken;
         accent: DesignToken;
       };
       critical: {
         fg: DesignToken;
+        "on-surface": DesignToken;
         bg: DesignToken;
         border: DesignToken;
         accent: DesignToken;

package/dist/tokens.js

@@ -196,6 +196,27 @@ module.exports = {
         },
         path: ["color", "brand", "brand"],
       },
+      "brand-strong": {
+        $value: "#7053e5",
+        $type: "color",
+        $description:
+          "AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only.",
+        filePath: "src/tokens/color.tokens.json",
+        isSource: true,
+        original: {
+          $value: "#7053E5",
+          $type: "color",
+          $description:
+            "AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only.",
+        },
+        name: "ColorBrandBrandStrong",
+        attributes: {
+          category: "color",
+          type: "brand",
+          item: "brand-strong",
+        },
+        path: ["color", "brand", "brand-strong"],
+      },
       "brand-deep": {
         $value: "#5b3ee8",
         $type: "color",
@@ -1155,6 +1176,274 @@ module.exports = {
         path: ["color", "text", "on-brand"],
       },
     },
+    dark: {
+      surface: {
+        raised: {
+          $value: "#0f1320",
+          $type: "color",
+          $description:
+            "Raised surface · cards — dark family (dusk/night). Mirrors surface.raised in light.",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.850}",
+            $type: "color",
+            $description:
+              "Raised surface · cards — dark family (dusk/night). Mirrors surface.raised in light.",
+          },
+          name: "ColorDarkSurfaceRaised",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "surface",
+            subitem: "raised",
+          },
+          path: ["color", "dark", "surface", "raised"],
+        },
+        input: {
+          $value: "#161b2a",
+          $type: "color",
+          $description: "Input / well — dark family (dusk/night).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.800}",
+            $type: "color",
+            $description: "Input / well — dark family (dusk/night).",
+          },
+          name: "ColorDarkSurfaceInput",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "surface",
+            subitem: "input",
+          },
+          path: ["color", "dark", "surface", "input"],
+        },
+        border: {
+          $value: "#1f2638",
+          $type: "color",
+          $description: "Border / divider — dark family (dusk/night).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.700}",
+            $type: "color",
+            $description: "Border / divider — dark family (dusk/night).",
+          },
+          name: "ColorDarkSurfaceBorder",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "surface",
+            subitem: "border",
+          },
+          path: ["color", "dark", "surface", "border"],
+        },
+        "border-muted": {
+          $value: "#2a3142",
+          $type: "color",
+          $description: "Muted border — dark family (dusk/night).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.600}",
+            $type: "color",
+            $description: "Muted border — dark family (dusk/night).",
+          },
+          name: "ColorDarkSurfaceBorderMuted",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "surface",
+            subitem: "border-muted",
+          },
+          path: ["color", "dark", "surface", "border-muted"],
+        },
+      },
+      text: {
+        secondary: {
+          $value: "#8a95a8",
+          $type: "color",
+          $description:
+            "Secondary text — dark family (dusk/night); 6.6:1 on night canvas.",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.400}",
+            $type: "color",
+            $description:
+              "Secondary text — dark family (dusk/night); 6.6:1 on night canvas.",
+          },
+          name: "ColorDarkTextSecondary",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "text",
+            subitem: "secondary",
+          },
+          path: ["color", "dark", "text", "secondary"],
+        },
+        muted: {
+          $value: "#4a5567",
+          $type: "color",
+          $description:
+            "Muted text — dark family; de-emphasized, same sub-UI register as light muted (~2.3-2.6:1).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.500}",
+            $type: "color",
+            $description:
+              "Muted text — dark family; de-emphasized, same sub-UI register as light muted (~2.3-2.6:1).",
+          },
+          name: "ColorDarkTextMuted",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "text",
+            subitem: "muted",
+          },
+          path: ["color", "dark", "text", "muted"],
+        },
+        disabled: {
+          $value: "#2a3142",
+          $type: "color",
+          $description:
+            "Disabled text — dark family; low-contrast, deliberate (contrast-exempt).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.600}",
+            $type: "color",
+            $description:
+              "Disabled text — dark family; low-contrast, deliberate (contrast-exempt).",
+          },
+          name: "ColorDarkTextDisabled",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "text",
+            subitem: "disabled",
+          },
+          path: ["color", "dark", "text", "disabled"],
+        },
+        inverse: {
+          $value: "#0b0f19",
+          $type: "color",
+          $description:
+            "Text on light surfaces within a dark context — dark family. (0 current component uses.)",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.mist.950}",
+            $type: "color",
+            $description:
+              "Text on light surfaces within a dark context — dark family. (0 current component uses.)",
+          },
+          name: "ColorDarkTextInverse",
+          attributes: {
+            category: "color",
+            type: "dark",
+            item: "text",
+            subitem: "inverse",
+          },
+          path: ["color", "dark", "text", "inverse"],
+        },
+      },
+    },
+    dusk: {
+      surface: {
+        raised: {
+          $value: "#1f2638",
+          $type: "color",
+          $description:
+            "Raised surface · cards — DUSK band only. The dusk canvas (#1a1a26, L≈0.011) is lighter than the shared dark family's raised (obsidian.850, L≈0.0067), which inverted elevation. Obsidian.700 (L≈0.0196) sits ABOVE the dusk canvas so cards read raised, while secondary text still clears AA (≈5.0:1).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.700}",
+            $type: "color",
+            $description:
+              "Raised surface · cards — DUSK band only. The dusk canvas (#1a1a26, L≈0.011) is lighter than the shared dark family's raised (obsidian.850, L≈0.0067), which inverted elevation. Obsidian.700 (L≈0.0196) sits ABOVE the dusk canvas so cards read raised, while secondary text still clears AA (≈5.0:1).",
+          },
+          name: "ColorDuskSurfaceRaised",
+          attributes: {
+            category: "color",
+            type: "dusk",
+            item: "surface",
+            subitem: "raised",
+          },
+          path: ["color", "dusk", "surface", "raised"],
+        },
+        input: {
+          $value: "#1f2638",
+          $type: "color",
+          $description:
+            "Input / well — DUSK band only. Same tone as dusk raised (lifted above the dusk canvas); distinguished from cards by its border. Obsidian.700 keeps muted text at the ≈2.0:1 perceptible floor (obsidian.600 would drop it to ~1.7:1 and fail).",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.700}",
+            $type: "color",
+            $description:
+              "Input / well — DUSK band only. Same tone as dusk raised (lifted above the dusk canvas); distinguished from cards by its border. Obsidian.700 keeps muted text at the ≈2.0:1 perceptible floor (obsidian.600 would drop it to ~1.7:1 and fail).",
+          },
+          name: "ColorDuskSurfaceInput",
+          attributes: {
+            category: "color",
+            type: "dusk",
+            item: "surface",
+            subitem: "input",
+          },
+          path: ["color", "dusk", "surface", "input"],
+        },
+        border: {
+          $value: "#4a5567",
+          $type: "color",
+          $description:
+            "Border / divider — DUSK band only. Obsidian.500 (L≈0.089) gives inputs/cards a visible boundary on the dusk canvas (≈2.3:1) where the shared dark border (obsidian.700) would be ~invisible.",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.500}",
+            $type: "color",
+            $description:
+              "Border / divider — DUSK band only. Obsidian.500 (L≈0.089) gives inputs/cards a visible boundary on the dusk canvas (≈2.3:1) where the shared dark border (obsidian.700) would be ~invisible.",
+          },
+          name: "ColorDuskSurfaceBorder",
+          attributes: {
+            category: "color",
+            type: "dusk",
+            item: "surface",
+            subitem: "border",
+          },
+          path: ["color", "dusk", "surface", "border"],
+        },
+        "border-muted": {
+          $value: "#2a3142",
+          $type: "color",
+          $description:
+            "Muted border — DUSK band only; the softer divider above the dusk canvas.",
+          filePath: "src/tokens/color.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.neutral.obsidian.600}",
+            $type: "color",
+            $description:
+              "Muted border — DUSK band only; the softer divider above the dusk canvas.",
+          },
+          name: "ColorDuskSurfaceBorderMuted",
+          attributes: {
+            category: "color",
+            type: "dusk",
+            item: "surface",
+            subitem: "border-muted",
+          },
+          path: ["color", "dusk", "surface", "border-muted"],
+        },
+      },
+    },
     scrim: {
       light: {
         $value: "#0b0f1980",
@@ -1202,17 +1491,17 @@ module.exports = {
     action: {
       primary: {
         bg: {
-          $value: "#7c5cff",
+          $value: "#7053e5",
           $type: "color",
           $description:
-            "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface.",
+            "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. — AA-darkened (brand-strong, 5.04:1 with white).",
           filePath: "src/tokens/component.tokens.json",
           isSource: true,
           original: {
-            $value: "{color.brand.brand}",
+            $value: "{color.brand.brand-strong}",
             $type: "color",
             $description:
-              "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface.",
+              "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. — AA-darkened (brand-strong, 5.04:1 with white).",
           },
           name: "ColorActionPrimaryBg",
           attributes: {
@@ -1244,15 +1533,17 @@ module.exports = {
           path: ["color", "action", "primary", "fg"],
         },
         border: {
-          $value: "#7c5cff",
+          $value: "#7053e5",
           $type: "color",
-          $description: "Primary action border — matches bg.",
+          $description:
+            "Primary action border — matches bg. — AA-darkened (brand-strong, 5.04:1 with white).",
           filePath: "src/tokens/component.tokens.json",
           isSource: true,
           original: {
-            $value: "{color.brand.brand}",
+            $value: "{color.brand.brand-strong}",
             $type: "color",
-            $description: "Primary action border — matches bg.",
+            $description:
+              "Primary action border — matches bg. — AA-darkened (brand-strong, 5.04:1 with white).",
           },
           name: "ColorActionPrimaryBorder",
           attributes: {
@@ -1431,17 +1722,17 @@ module.exports = {
       },
       destructive: {
         bg: {
-          $value: "#ff4d4d",
+          $value: "#be3939",
           $type: "color",
           $description:
-            "Destructive action background — Critical. A status color used for a destructive control; never the brand.",
+            "Destructive action background — Critical. A status color used for a destructive control; never the brand. — AA-darkened (critical-strong, 5.34:1 with white).",
           filePath: "src/tokens/component.tokens.json",
           isSource: true,
           original: {
-            $value: "{color.semantic.critical}",
+            $value: "{color.semantic.critical-strong}",
             $type: "color",
             $description:
-              "Destructive action background — Critical. A status color used for a destructive control; never the brand.",
+              "Destructive action background — Critical. A status color used for a destructive control; never the brand. — AA-darkened (critical-strong, 5.34:1 with white).",
           },
           name: "ColorActionDestructiveBg",
           attributes: {
@@ -1473,15 +1764,17 @@ module.exports = {
           path: ["color", "action", "destructive", "fg"],
         },
         border: {
-          $value: "#ff4d4d",
+          $value: "#be3939",
           $type: "color",
-          $description: "Destructive action border.",
+          $description:
+            "Destructive action border. — AA-darkened (critical-strong, 5.34:1 with white).",
           filePath: "src/tokens/component.tokens.json",
           isSource: true,
           original: {
-            $value: "{color.semantic.critical}",
+            $value: "{color.semantic.critical-strong}",
             $type: "color",
-            $description: "Destructive action border.",
+            $description:
+              "Destructive action border. — AA-darkened (critical-strong, 5.34:1 with white).",
           },
           name: "ColorActionDestructiveBorder",
           attributes: {
@@ -1518,6 +1811,28 @@ module.exports = {
           },
           path: ["color", "status", "verified", "fg"],
         },
+        "on-surface": {
+          $value: "#007947",
+          $type: "color",
+          $description:
+            "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          filePath: "src/tokens/component.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.semantic.verified-strong}",
+            $type: "color",
+            $description:
+              "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          },
+          name: "ColorStatusVerifiedOnSurface",
+          attributes: {
+            category: "color",
+            type: "status",
+            item: "verified",
+            subitem: "on-surface",
+          },
+          path: ["color", "status", "verified", "on-surface"],
+        },
         bg: {
           $value: "#e8ecf4",
           $type: "color",
@@ -1608,6 +1923,28 @@ module.exports = {
           },
           path: ["color", "status", "signal", "fg"],
         },
+        "on-surface": {
+          $value: "#346bad",
+          $type: "color",
+          $description:
+            "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          filePath: "src/tokens/component.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.semantic.signal-strong}",
+            $type: "color",
+            $description:
+              "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          },
+          name: "ColorStatusSignalOnSurface",
+          attributes: {
+            category: "color",
+            type: "status",
+            item: "signal",
+            subitem: "on-surface",
+          },
+          path: ["color", "status", "signal", "on-surface"],
+        },
         bg: {
           $value: "#e8ecf4",
           $type: "color",
@@ -1696,6 +2033,28 @@ module.exports = {
           },
           path: ["color", "status", "caution", "fg"],
         },
+        "on-surface": {
+          $value: "#8e6014",
+          $type: "color",
+          $description:
+            "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          filePath: "src/tokens/component.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.semantic.caution-strong}",
+            $type: "color",
+            $description:
+              "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          },
+          name: "ColorStatusCautionOnSurface",
+          attributes: {
+            category: "color",
+            type: "status",
+            item: "caution",
+            subitem: "on-surface",
+          },
+          path: ["color", "status", "caution", "on-surface"],
+        },
         bg: {
           $value: "#e8ecf4",
           $type: "color",
@@ -1784,6 +2143,28 @@ module.exports = {
           },
           path: ["color", "status", "critical", "fg"],
         },
+        "on-surface": {
+          $value: "#be3939",
+          $type: "color",
+          $description:
+            "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          filePath: "src/tokens/component.tokens.json",
+          isSource: true,
+          original: {
+            $value: "{color.semantic.critical-strong}",
+            $type: "color",
+            $description:
+              "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.",
+          },
+          name: "ColorStatusCriticalOnSurface",
+          attributes: {
+            category: "color",
+            type: "status",
+            item: "critical",
+            subitem: "on-surface",
+          },
+          path: ["color", "status", "critical", "on-surface"],
+        },
         bg: {
           $value: "#e8ecf4",
           $type: "color",

package/dist/tokens.json

@@ -9,6 +9,7 @@
   "BreakpointXl": "80rem",
   "Breakpoint2xl": "96rem",
   "ColorBrandBrand": "#7c5cff",
+  "ColorBrandBrandStrong": "#7053e5",
   "ColorBrandBrandDeep": "#5b3ee8",
   "ColorNeutralObsidian300": "#c8d0de",
   "ColorNeutralObsidian400": "#8a95a8",
@@ -55,11 +56,23 @@
   "ColorTextDisabled": "#b0baca",
   "ColorTextInverse": "#fbfcfe",
   "ColorTextOnBrand": "#fbfcfe",
+  "ColorDarkSurfaceRaised": "#0f1320",
+  "ColorDarkSurfaceInput": "#161b2a",
+  "ColorDarkSurfaceBorder": "#1f2638",
+  "ColorDarkSurfaceBorderMuted": "#2a3142",
+  "ColorDarkTextSecondary": "#8a95a8",
+  "ColorDarkTextMuted": "#4a5567",
+  "ColorDarkTextDisabled": "#2a3142",
+  "ColorDarkTextInverse": "#0b0f19",
+  "ColorDuskSurfaceRaised": "#1f2638",
+  "ColorDuskSurfaceInput": "#1f2638",
+  "ColorDuskSurfaceBorder": "#4a5567",
+  "ColorDuskSurfaceBorderMuted": "#2a3142",
   "ColorScrimLight": "#0b0f1980",
   "ColorScrimDark": "#060912b3",
-  "ColorActionPrimaryBg": "#7c5cff",
+  "ColorActionPrimaryBg": "#7053e5",
   "ColorActionPrimaryFg": "#fbfcfe",
-  "ColorActionPrimaryBorder": "#7c5cff",
+  "ColorActionPrimaryBorder": "#7053e5",
   "ColorActionPrimaryBgHover": "#5b3ee8",
   "ColorActionPrimaryBgActive": "#5b3ee8",
   "ColorActionSecondaryBg": "#e8ecf4",
@@ -68,22 +81,26 @@
   "ColorActionSecondaryBgHover": "#d6dce8",
   "ColorActionGhostFg": "#0b0f19",
   "ColorActionGhostBgHover": "#e8ecf4",
-  "ColorActionDestructiveBg": "#ff4d4d",
+  "ColorActionDestructiveBg": "#be3939",
   "ColorActionDestructiveFg": "#fbfcfe",
-  "ColorActionDestructiveBorder": "#ff4d4d",
+  "ColorActionDestructiveBorder": "#be3939",
   "ColorStatusVerifiedFg": "#007947",
+  "ColorStatusVerifiedOnSurface": "#007947",
   "ColorStatusVerifiedBg": "#e8ecf4",
   "ColorStatusVerifiedBorder": "#007947",
   "ColorStatusVerifiedAccent": "#00d17a",
   "ColorStatusSignalFg": "#346bad",
+  "ColorStatusSignalOnSurface": "#346bad",
   "ColorStatusSignalBg": "#e8ecf4",
   "ColorStatusSignalBorder": "#346bad",
   "ColorStatusSignalAccent": "#4d9dff",
   "ColorStatusCautionFg": "#8e6014",
+  "ColorStatusCautionOnSurface": "#8e6014",
   "ColorStatusCautionBg": "#e8ecf4",
   "ColorStatusCautionBorder": "#8e6014",
   "ColorStatusCautionAccent": "#f5a623",
   "ColorStatusCriticalFg": "#be3939",
+  "ColorStatusCriticalOnSurface": "#be3939",
   "ColorStatusCriticalBg": "#e8ecf4",
   "ColorStatusCriticalBorder": "#be3939",
   "ColorStatusCriticalAccent": "#ff4d4d",

package/dist/tokens.mjs

@@ -12,6 +12,7 @@ export const BreakpointLg = "64rem"; // Large breakpoint (1024px) — tablets la
 export const BreakpointXl = "80rem"; // Extra large breakpoint (1280px) — desktops
 export const Breakpoint2xl = "96rem"; // 2X large breakpoint (1536px) — wide desktops
 export const ColorBrandBrand = "#7c5cff"; // Sovereign Violet — the single brand anchor. Identity color; the logo seam and primary brand moments. Sits outside the traffic-light status register.
+export const ColorBrandBrandStrong = "#7053e5"; // AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only.
 export const ColorBrandBrandDeep = "#5b3ee8"; // Companion to brand.brand — used on light surfaces where #7C5CFF fails WCAG 2.2 non-text contrast (>=3:1). Luminance shift only.
 export const ColorNeutralObsidian300 = "#c8d0de"; // Primary text on dark
 export const ColorNeutralObsidian400 = "#8a95a8"; // Secondary text
@@ -58,11 +59,23 @@ export const ColorTextMuted = "#8a95a8"; // Muted text — shared with obsidian.
 export const ColorTextDisabled = "#b0baca"; // Disabled text — low-contrast, deliberate. Aliases mist.400; downstream consumers may alternatively compose text.primary with state.opacity.disabled (0.38) for a different visual register.
 export const ColorTextInverse = "#fbfcfe"; // Text on dark surfaces (e.g. obsidian backdrop, dark scrim). Aliases mist.50 — the lightest neutral. Distinct from on-brand: inverse is for neutral-dark contexts; on-brand is reserved for brand backgrounds.
 export const ColorTextOnBrand = "#fbfcfe"; // Text on brand backgrounds (e.g. CTA buttons). Constant per brand discipline.
+export const ColorDarkSurfaceRaised = "#0f1320"; // Raised surface · cards — dark family (dusk/night). Mirrors surface.raised in light.
+export const ColorDarkSurfaceInput = "#161b2a"; // Input / well — dark family (dusk/night).
+export const ColorDarkSurfaceBorder = "#1f2638"; // Border / divider — dark family (dusk/night).
+export const ColorDarkSurfaceBorderMuted = "#2a3142"; // Muted border — dark family (dusk/night).
+export const ColorDarkTextSecondary = "#8a95a8"; // Secondary text — dark family (dusk/night); 6.6:1 on night canvas.
+export const ColorDarkTextMuted = "#4a5567"; // Muted text — dark family; de-emphasized, same sub-UI register as light muted (~2.3-2.6:1).
+export const ColorDarkTextDisabled = "#2a3142"; // Disabled text — dark family; low-contrast, deliberate (contrast-exempt).
+export const ColorDarkTextInverse = "#0b0f19"; // Text on light surfaces within a dark context — dark family. (0 current component uses.)
+export const ColorDuskSurfaceRaised = "#1f2638"; // Raised surface · cards — DUSK band only. The dusk canvas (#1a1a26, L≈0.011) is lighter than the shared dark family's raised (obsidian.850, L≈0.0067), which inverted elevation. Obsidian.700 (L≈0.0196) sits ABOVE the dusk canvas so cards read raised, while secondary text still clears AA (≈5.0:1).
+export const ColorDuskSurfaceInput = "#1f2638"; // Input / well — DUSK band only. Same tone as dusk raised (lifted above the dusk canvas); distinguished from cards by its border. Obsidian.700 keeps muted text at the ≈2.0:1 perceptible floor (obsidian.600 would drop it to ~1.7:1 and fail).
+export const ColorDuskSurfaceBorder = "#4a5567"; // Border / divider — DUSK band only. Obsidian.500 (L≈0.089) gives inputs/cards a visible boundary on the dusk canvas (≈2.3:1) where the shared dark border (obsidian.700) would be ~invisible.
+export const ColorDuskSurfaceBorderMuted = "#2a3142"; // Muted border — DUSK band only; the softer divider above the dusk canvas.
 export const ColorScrimLight = "#0b0f1980"; // Modal/sheet backdrop on light surfaces — obsidian-900 at 50% opacity (per BR-2 spec §4).
 export const ColorScrimDark = "#060912b3"; // Modal/sheet backdrop on dark surfaces — obsidian-950 at 70% opacity for stronger isolation.
-export const ColorActionPrimaryBg = "#7c5cff"; // Primary action background — Sovereign Violet. The single high-emphasis CTA per surface.
+export const ColorActionPrimaryBg = "#7053e5"; // Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. — AA-darkened (brand-strong, 5.04:1 with white).
 export const ColorActionPrimaryFg = "#fbfcfe"; // Text/icon on a primary action.
-export const ColorActionPrimaryBorder = "#7c5cff"; // Primary action border — matches bg.
+export const ColorActionPrimaryBorder = "#7053e5"; // Primary action border — matches bg. — AA-darkened (brand-strong, 5.04:1 with white).
 export const ColorActionPrimaryBgHover = "#5b3ee8"; // Primary action hover — deep companion.
 export const ColorActionPrimaryBgActive = "#5b3ee8"; // Primary action pressed/active.
 export const ColorActionSecondaryBg = "#e8ecf4"; // Secondary action background — neutral raised surface.
@@ -71,22 +84,26 @@ export const ColorActionSecondaryBorder = "#b0baca"; // Secondary action border.
 export const ColorActionSecondaryBgHover = "#d6dce8"; // Secondary action hover.
 export const ColorActionGhostFg = "#0b0f19"; // Ghost action text/icon — no fill until hover.
 export const ColorActionGhostBgHover = "#e8ecf4"; // Ghost action hover fill.
-export const ColorActionDestructiveBg = "#ff4d4d"; // Destructive action background — Critical. A status color used for a destructive control; never the brand.
+export const ColorActionDestructiveBg = "#be3939"; // Destructive action background — Critical. A status color used for a destructive control; never the brand. — AA-darkened (critical-strong, 5.34:1 with white).
 export const ColorActionDestructiveFg = "#fbfcfe"; // Text/icon on a destructive action.
-export const ColorActionDestructiveBorder = "#ff4d4d"; // Destructive action border.
+export const ColorActionDestructiveBorder = "#be3939"; // Destructive action border. — AA-darkened (critical-strong, 5.34:1 with white).
 export const ColorStatusVerifiedFg = "#007947"; // Verified status foreground — Verified Green darkened to WCAG AA (#007947, ≥4.5:1 on the chip bg). The in-product success state; never the brand.
+export const ColorStatusVerifiedOnSurface = "#007947"; // Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.
 export const ColorStatusVerifiedBg = "#e8ecf4"; // Verified status chip background — neutral; color carried by fg/border (restraint over volume).
 export const ColorStatusVerifiedBorder = "#007947"; // Verified status border — AA-dark shade (≥3:1 non-text).
 export const ColorStatusVerifiedAccent = "#00d17a"; // Verified bright decorative accent (#00D17A) — for icons/fills where contrast is not a text/border requirement.
 export const ColorStatusSignalFg = "#346bad"; // Informational status foreground — Signal darkened to WCAG AA (#346BAD, ≥4.5:1 on the chip bg).
+export const ColorStatusSignalOnSurface = "#346bad"; // Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.
 export const ColorStatusSignalBg = "#e8ecf4"; // Informational status chip background — neutral.
 export const ColorStatusSignalBorder = "#346bad"; // Informational status border — AA-dark shade (≥3:1 non-text).
 export const ColorStatusSignalAccent = "#4d9dff"; // Signal bright decorative accent (#4D9DFF) — for icons/fills.
 export const ColorStatusCautionFg = "#8e6014"; // Caution status foreground — Caution darkened to WCAG AA (#8E6014, ≥4.5:1 on the chip bg); pending / in-progress.
+export const ColorStatusCautionOnSurface = "#8e6014"; // Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.
 export const ColorStatusCautionBg = "#e8ecf4"; // Caution status chip background — neutral.
 export const ColorStatusCautionBorder = "#8e6014"; // Caution status border — AA-dark shade (≥3:1 non-text).
 export const ColorStatusCautionAccent = "#f5a623"; // Caution bright decorative accent (#F5A623) — for icons/fills.
 export const ColorStatusCriticalFg = "#be3939"; // Critical status foreground — Critical darkened to WCAG AA (#BE3939, ≥4.5:1 on the chip bg); error / failure.
+export const ColorStatusCriticalOnSurface = "#be3939"; // Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip.
 export const ColorStatusCriticalBg = "#e8ecf4"; // Critical status chip background — neutral.
 export const ColorStatusCriticalBorder = "#be3939"; // Critical status border — AA-dark shade (≥3:1 non-text).
 export const ColorStatusCriticalAccent = "#ff4d4d"; // Critical bright decorative accent (#FF4D4D) — for icons/fills.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verdify/tokens",
-  "version": "0.6.0",
+  "version": "0.8.0",
   "description": "Verdify design tokens — W3C DTCG sources with Tailwind v4 preset, CSS vars, JS/TS, and raw JSON outputs",
   "license": "UNLICENSED",
   "publishConfig": {
@@ -42,7 +42,7 @@
     "build:ase": "tsx scripts/build-ase.ts",
     "validate": "tsx scripts/validate.ts",
     "build": "pnpm run sync && pnpm run sync:print && pnpm run build:ase && pnpm run validate && tsx scripts/build.ts",
-    "verify": "pnpm run build && git diff --exit-code src/",
+    "verify": "pnpm run build && git diff --exit-code src/ ../ui_flutter/lib/src/theme/",
     "test": "tsx scripts/test.ts"
   }
 }

package/src/tokens/color.tokens.json

@@ -6,6 +6,11 @@
         "$type": "color",
         "$description": "Sovereign Violet — the single brand anchor. Identity color; the logo seam and primary brand moments. Sits outside the traffic-light status register."
       },
+      "brand-strong": {
+        "$value": "#7053E5",
+        "$type": "color",
+        "$description": "AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only."
+      },
       "brand-deep": {
         "$value": "#5B3EE8",
         "$type": "color",
@@ -259,6 +264,76 @@
         "$description": "Text on brand backgrounds (e.g. CTA buttons). Constant per brand discipline."
       }
     },
+    "dark": {
+      "surface": {
+        "raised": {
+          "$value": "{color.neutral.obsidian.850}",
+          "$type": "color",
+          "$description": "Raised surface · cards — dark family (dusk/night). Mirrors surface.raised in light."
+        },
+        "input": {
+          "$value": "{color.neutral.obsidian.800}",
+          "$type": "color",
+          "$description": "Input / well — dark family (dusk/night)."
+        },
+        "border": {
+          "$value": "{color.neutral.obsidian.700}",
+          "$type": "color",
+          "$description": "Border / divider — dark family (dusk/night)."
+        },
+        "border-muted": {
+          "$value": "{color.neutral.obsidian.600}",
+          "$type": "color",
+          "$description": "Muted border — dark family (dusk/night)."
+        }
+      },
+      "text": {
+        "secondary": {
+          "$value": "{color.neutral.obsidian.400}",
+          "$type": "color",
+          "$description": "Secondary text — dark family (dusk/night); 6.6:1 on night canvas."
+        },
+        "muted": {
+          "$value": "{color.neutral.obsidian.500}",
+          "$type": "color",
+          "$description": "Muted text — dark family; de-emphasized, same sub-UI register as light muted (~2.3-2.6:1)."
+        },
+        "disabled": {
+          "$value": "{color.neutral.obsidian.600}",
+          "$type": "color",
+          "$description": "Disabled text — dark family; low-contrast, deliberate (contrast-exempt)."
+        },
+        "inverse": {
+          "$value": "{color.neutral.mist.950}",
+          "$type": "color",
+          "$description": "Text on light surfaces within a dark context — dark family. (0 current component uses.)"
+        }
+      }
+    },
+    "dusk": {
+      "surface": {
+        "raised": {
+          "$value": "{color.neutral.obsidian.700}",
+          "$type": "color",
+          "$description": "Raised surface · cards — DUSK band only. The dusk canvas (#1a1a26, L≈0.011) is lighter than the shared dark family's raised (obsidian.850, L≈0.0067), which inverted elevation. Obsidian.700 (L≈0.0196) sits ABOVE the dusk canvas so cards read raised, while secondary text still clears AA (≈5.0:1)."
+        },
+        "input": {
+          "$value": "{color.neutral.obsidian.700}",
+          "$type": "color",
+          "$description": "Input / well — DUSK band only. Same tone as dusk raised (lifted above the dusk canvas); distinguished from cards by its border. Obsidian.700 keeps muted text at the ≈2.0:1 perceptible floor (obsidian.600 would drop it to ~1.7:1 and fail)."
+        },
+        "border": {
+          "$value": "{color.neutral.obsidian.500}",
+          "$type": "color",
+          "$description": "Border / divider — DUSK band only. Obsidian.500 (L≈0.089) gives inputs/cards a visible boundary on the dusk canvas (≈2.3:1) where the shared dark border (obsidian.700) would be ~invisible."
+        },
+        "border-muted": {
+          "$value": "{color.neutral.obsidian.600}",
+          "$type": "color",
+          "$description": "Muted border — DUSK band only; the softer divider above the dusk canvas."
+        }
+      }
+    },
     "scrim": {
       "light": {
         "$value": "rgba(11, 15, 25, 0.5)",

package/src/tokens/component.tokens.json

@@ -2,9 +2,9 @@
   "color": {
     "action": {
       "primary": {
-        "bg":        { "$value": "{color.brand.brand}",      "$type": "color", "$description": "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface." },
+        "bg":        { "$value": "{color.brand.brand-strong}",      "$type": "color", "$description": "Primary action background — Sovereign Violet. The single high-emphasis CTA per surface. — AA-darkened (brand-strong, 5.04:1 with white)." },
         "fg":        { "$value": "{color.text.on-brand}",    "$type": "color", "$description": "Text/icon on a primary action." },
-        "border":    { "$value": "{color.brand.brand}",      "$type": "color", "$description": "Primary action border — matches bg." },
+        "border":    { "$value": "{color.brand.brand-strong}",      "$type": "color", "$description": "Primary action border — matches bg. — AA-darkened (brand-strong, 5.04:1 with white)." },
         "bg-hover":  { "$value": "{color.brand.brand-deep}", "$type": "color", "$description": "Primary action hover — deep companion." },
         "bg-active": { "$value": "{color.brand.brand-deep}", "$type": "color", "$description": "Primary action pressed/active." }
       },
@@ -19,35 +19,39 @@
         "bg-hover": { "$value": "{color.surface.raised}", "$type": "color", "$description": "Ghost action hover fill." }
       },
       "destructive": {
-        "bg":     { "$value": "{color.semantic.critical}", "$type": "color", "$description": "Destructive action background — Critical. A status color used for a destructive control; never the brand." },
+        "bg":     { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Destructive action background — Critical. A status color used for a destructive control; never the brand. — AA-darkened (critical-strong, 5.34:1 with white)." },
         "fg":     { "$value": "{color.text.on-brand}",     "$type": "color", "$description": "Text/icon on a destructive action." },
-        "border": { "$value": "{color.semantic.critical}", "$type": "color", "$description": "Destructive action border." }
+        "border": { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Destructive action border. — AA-darkened (critical-strong, 5.34:1 with white)." }
       }
     },
     "status": {
       "verified": {
-        "fg":     { "$value": "{color.semantic.verified-strong}", "$type": "color", "$description": "Verified status foreground — Verified Green darkened to WCAG AA (#007947, ≥4.5:1 on the chip bg). The in-product success state; never the brand." },
-        "bg":     { "$value": "{color.surface.raised}",           "$type": "color", "$description": "Verified status chip background — neutral; color carried by fg/border (restraint over volume)." },
-        "border": { "$value": "{color.semantic.verified-strong}", "$type": "color", "$description": "Verified status border — AA-dark shade (≥3:1 non-text)." },
-        "accent": { "$value": "{color.semantic.verified}",        "$type": "color", "$description": "Verified bright decorative accent (#00D17A) — for icons/fills where contrast is not a text/border requirement." }
+        "fg":         { "$value": "{color.semantic.verified-strong}", "$type": "color", "$description": "Verified status foreground — Verified Green darkened to WCAG AA (#007947, ≥4.5:1 on the chip bg). The in-product success state; never the brand." },
+        "on-surface": { "$value": "{color.semantic.verified-strong}", "$type": "color", "$description": "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip." },
+        "bg":         { "$value": "{color.surface.raised}",           "$type": "color", "$description": "Verified status chip background — neutral; color carried by fg/border (restraint over volume)." },
+        "border":     { "$value": "{color.semantic.verified-strong}", "$type": "color", "$description": "Verified status border — AA-dark shade (≥3:1 non-text)." },
+        "accent":     { "$value": "{color.semantic.verified}",        "$type": "color", "$description": "Verified bright decorative accent (#00D17A) — for icons/fills where contrast is not a text/border requirement." }
       },
       "signal": {
-        "fg":     { "$value": "{color.semantic.signal-strong}", "$type": "color", "$description": "Informational status foreground — Signal darkened to WCAG AA (#346BAD, ≥4.5:1 on the chip bg)." },
-        "bg":     { "$value": "{color.surface.raised}",         "$type": "color", "$description": "Informational status chip background — neutral." },
-        "border": { "$value": "{color.semantic.signal-strong}", "$type": "color", "$description": "Informational status border — AA-dark shade (≥3:1 non-text)." },
-        "accent": { "$value": "{color.semantic.signal}",        "$type": "color", "$description": "Signal bright decorative accent (#4D9DFF) — for icons/fills." }
+        "fg":         { "$value": "{color.semantic.signal-strong}", "$type": "color", "$description": "Informational status foreground — Signal darkened to WCAG AA (#346BAD, ≥4.5:1 on the chip bg)." },
+        "on-surface": { "$value": "{color.semantic.signal-strong}", "$type": "color", "$description": "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip." },
+        "bg":         { "$value": "{color.surface.raised}",         "$type": "color", "$description": "Informational status chip background — neutral." },
+        "border":     { "$value": "{color.semantic.signal-strong}", "$type": "color", "$description": "Informational status border — AA-dark shade (≥3:1 non-text)." },
+        "accent":     { "$value": "{color.semantic.signal}",        "$type": "color", "$description": "Signal bright decorative accent (#4D9DFF) — for icons/fills." }
       },
       "caution": {
-        "fg":     { "$value": "{color.semantic.caution-strong}", "$type": "color", "$description": "Caution status foreground — Caution darkened to WCAG AA (#8E6014, ≥4.5:1 on the chip bg); pending / in-progress." },
-        "bg":     { "$value": "{color.surface.raised}",          "$type": "color", "$description": "Caution status chip background — neutral." },
-        "border": { "$value": "{color.semantic.caution-strong}", "$type": "color", "$description": "Caution status border — AA-dark shade (≥3:1 non-text)." },
-        "accent": { "$value": "{color.semantic.caution}",        "$type": "color", "$description": "Caution bright decorative accent (#F5A623) — for icons/fills." }
+        "fg":         { "$value": "{color.semantic.caution-strong}", "$type": "color", "$description": "Caution status foreground — Caution darkened to WCAG AA (#8E6014, ≥4.5:1 on the chip bg); pending / in-progress." },
+        "on-surface": { "$value": "{color.semantic.caution-strong}", "$type": "color", "$description": "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip." },
+        "bg":         { "$value": "{color.surface.raised}",          "$type": "color", "$description": "Caution status chip background — neutral." },
+        "border":     { "$value": "{color.semantic.caution-strong}", "$type": "color", "$description": "Caution status border — AA-dark shade (≥3:1 non-text)." },
+        "accent":     { "$value": "{color.semantic.caution}",        "$type": "color", "$description": "Caution bright decorative accent (#F5A623) — for icons/fills." }
       },
       "critical": {
-        "fg":     { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Critical status foreground — Critical darkened to WCAG AA (#BE3939, ≥4.5:1 on the chip bg); error / failure." },
-        "bg":     { "$value": "{color.surface.raised}",           "$type": "color", "$description": "Critical status chip background — neutral." },
-        "border": { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Critical status border — AA-dark shade (≥3:1 non-text)." },
-        "accent": { "$value": "{color.semantic.critical}",        "$type": "color", "$description": "Critical bright decorative accent (#FF4D4D) — for icons/fills." }
+        "fg":         { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Critical status foreground — Critical darkened to WCAG AA (#BE3939, ≥4.5:1 on the chip bg); error / failure." },
+        "on-surface": { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Status foreground for INLINE status text/icons on a theme surface — band-aware: -strong on light bands, bright base on dusk/night (AA on dark). Distinct from .fg, which is for the always-light status chip." },
+        "bg":         { "$value": "{color.surface.raised}",           "$type": "color", "$description": "Critical status chip background — neutral." },
+        "border":     { "$value": "{color.semantic.critical-strong}", "$type": "color", "$description": "Critical status border — AA-dark shade (≥3:1 non-text)." },
+        "accent":     { "$value": "{color.semantic.critical}",        "$type": "color", "$description": "Critical bright decorative accent (#FF4D4D) — for icons/fills." }
       }
     },
     "border": {

package/src/tokens/print.tokens.json

@@ -13,6 +13,17 @@
             }
           }
         },
+        "brand-strong": {
+          "$value": "#7053E5",
+          "$type": "color",
+          "$description": "AA-darkened companion to brand.brand — the action-primary fill where white text on #7C5CFF fails WCAG 2.2 AA (4.23:1); #7053E5 clears 5.04:1. Luminance shift only.",
+          "$extensions": {
+            "com.verdify.print": {
+              "cmyk": "51,64,0,10",
+              "pantone": "PANTONE 2725 C"
+            }
+          }
+        },
         "brand-deep": {
           "$value": "#5B3EE8",
           "$type": "color",