ui-style-kit-css 2.4.0 → 2.4.1

package/styles/clay.css

@@ -387,7 +387,7 @@
 .clay-title, .clay-heading, .clay-kicker, .clay-button, .clay-badge, .clay-nav-link { font-family: var(--clay-font-heading); }
 .clay-title { margin: 0; color: var(--clay-text); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; letter-spacing: -0.045em; }
 .clay-heading { margin: 0; color: var(--clay-text); font-size: clamp(1.2rem, 2.5vw, 2rem); line-height: 1.15; letter-spacing: -0.03em; }
-.clay-kicker { margin: 0; color: var(--clay-primary); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
+.clay-kicker { margin: 0; color: var(--usk-primary-ink, var(--clay-primary)); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
 .clay-subtitle, .clay-copy { margin: 0; color: var(--clay-text-muted); line-height: 1.65; }
 .clay-text-muted { color: var(--clay-text-muted); }
 .clay-divider { width: 100%; height: 1px; border: 0; background: var(--clay-border); }
@@ -521,7 +521,7 @@
    Utilities
 ========================================================= */
 
-.clay-text-primary { color: var(--clay-primary); } .clay-text-secondary { color: var(--clay-secondary); } .clay-text-accent { color: var(--clay-accent); } .clay-text-success { color: var(--clay-success); } .clay-text-warning { color: var(--clay-warning); } .clay-text-danger { color: var(--clay-danger); }
+.clay-text-primary { color: var(--usk-primary-ink, var(--clay-primary)); } .clay-text-secondary { color: var(--clay-secondary); } .clay-text-accent { color: var(--usk-accent-ink, var(--clay-accent)); } .clay-text-success { color: var(--clay-success); } .clay-text-warning { color: var(--clay-warning); } .clay-text-danger { color: var(--clay-danger); }
 .clay-bg-primary { background: var(--clay-primary); color: var(--clay-on-primary); } .clay-bg-secondary { background: var(--clay-secondary); color: var(--clay-on-secondary); }
 .clay-border { border: 1px solid var(--clay-border); } .clay-rounded { border-radius: var(--clay-radius-md); } .clay-rounded-lg { border-radius: var(--clay-radius-lg); } .clay-rounded-xl { border-radius: var(--clay-radius-xl); } .clay-pill { border-radius: var(--clay-radius-pill); }
 .clay-sr-only, .clay-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -629,7 +629,7 @@
 .clay-button.clay-button-outline-heavy,
 .clay-button-outline-heavy {
   background: transparent;
-  color: var(--clay-primary);
+  color: var(--usk-primary-ink, var(--clay-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--clay-primary);
@@ -699,7 +699,7 @@
 
 .clay-eyebrow {
   margin: 0;
-  color: var(--clay-primary);
+  color: var(--usk-primary-ink, var(--clay-primary));
   font-family: var(--clay-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -1118,7 +1118,7 @@
 }
 .clay-button.clay-button-outline-heavy, .clay-button-outline-heavy {
   background-color: var(--clay-material-raised);
-  color: var(--clay-primary);
+  color: var(--usk-primary-ink, var(--clay-primary));
   border: 2px solid var(--clay-primary);
   clip-path: var(--clay-chip-clip);
 }

package/styles/components.css

@@ -580,7 +580,7 @@
 .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; }
 
 .saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost {
-  color: var(--usk-native-primary);
+  color: var(--usk-primary-ink, var(--usk-native-primary));
   background: transparent;
   border-color: var(--usk-native-border);
 }
@@ -1267,7 +1267,7 @@
 :where(.luxe-divider, .organic-divider, .utility-divider, .blueprint-divider, .deco-divider, .clay-divider, .terminal-divider, .paper-divider, .noir-divider) { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); }
 :where(.luxe-disabled, .organic-disabled, .utility-disabled, .blueprint-disabled, .deco-disabled, .clay-disabled, .terminal-disabled, .paper-disabled, .noir-disabled) { opacity: .55; cursor: not-allowed; pointer-events: none; }
 
-:where(.luxe-button-ghost, .organic-button-ghost, .utility-button-ghost, .blueprint-button-ghost, .deco-button-ghost, .clay-button-ghost, .terminal-button-ghost, .paper-button-ghost, .noir-button-ghost) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); }
+:where(.luxe-button-ghost, .organic-button-ghost, .utility-button-ghost, .blueprint-button-ghost, .deco-button-ghost, .clay-button-ghost, .terminal-button-ghost, .paper-button-ghost, .noir-button-ghost) { color: var(--usk-primary-ink, var(--usk-native-primary)); background: transparent; border-color: var(--usk-native-border); }
 
 :where(.luxe-check, .luxe-radio, .luxe-switch, .organic-check, .organic-radio, .organic-switch, .utility-check, .utility-radio, .utility-switch, .blueprint-check, .blueprint-radio, .blueprint-switch, .deco-check, .deco-radio, .deco-switch, .clay-check, .clay-radio, .clay-switch, .terminal-check, .terminal-radio, .terminal-switch, .paper-check, .paper-radio, .paper-switch, .noir-check, .noir-radio, .noir-switch) {
   display: inline-flex;

package/styles/cyberpunk.css

@@ -428,7 +428,7 @@
 
 .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link { font-family: var(--cyber-font-heading); text-transform: uppercase; }
 .cyber-title { margin: 0; font-size: clamp(2rem, 5vw, 4rem); line-height: 1; letter-spacing: 0.08em; color: var(--cyber-text); text-shadow: 0 0 10px var(--cyber-glow-primary), 0 0 26px var(--cyber-glow-accent); }
-.cyber-heading { margin: 0; font-size: clamp(1.25rem, 3vw, 2rem); letter-spacing: 0.08em; } .cyber-kicker { margin: 0; color: var(--cyber-primary); letter-spacing: 0.18em; font-size: 0.8rem; font-weight: 900; }
+.cyber-heading { margin: 0; font-size: clamp(1.25rem, 3vw, 2rem); letter-spacing: 0.08em; } .cyber-kicker { margin: 0; color: var(--usk-primary-ink, var(--cyber-primary)); letter-spacing: 0.18em; font-size: 0.8rem; font-weight: 900; }
 .cyber-subtitle, .cyber-copy { margin: 0; color: var(--cyber-text-muted); line-height: 1.65; } .cyber-text-muted { color: var(--cyber-text-muted); }
 
 .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap {
@@ -461,7 +461,7 @@
 .cyber-progress { width: 100%; height: 0.9rem; background: var(--cyber-surface-soft); border: 1px solid var(--cyber-border); box-shadow: inset 0 0 18px rgb(0 0 0 / .18); } .cyber-progress-bar { height: 100%; width: var(--cyber-progress-value, 50%); background: linear-gradient(90deg, var(--cyber-primary), var(--cyber-accent)); box-shadow: 0 0 18px var(--cyber-glow-primary); }
 .cyber-alert { padding: var(--cyber-space-4); background: var(--cyber-surface); border: 1px solid var(--cyber-border); border-left: 4px solid var(--cyber-primary); box-shadow: var(--cyber-shadow-md), 0 0 22px var(--cyber-glow-primary); } .cyber-alert-success { border-left-color: var(--cyber-success); } .cyber-alert-warning { border-left-color: var(--cyber-warning); } .cyber-alert-danger { border-left-color: var(--cyber-danger); } .cyber-alert-title { margin: 0; font-family: var(--cyber-font-heading); text-transform: uppercase; } .cyber-alert-body { margin: .5rem 0 0; color: var(--cyber-text-muted); }
 .cyber-table-wrap { overflow: auto; } .cyber-table { width: 100%; border-collapse: collapse; } .cyber-table th, .cyber-table td { padding: .9rem 1rem; border-bottom: 1px solid rgb(var(--cyber-border-rgb) / .38); text-align: left; } .cyber-table th { background: rgb(var(--cyber-primary-rgb) / .12); font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .1em; } .cyber-table td { color: var(--cyber-text-muted); } .cyber-table tr:hover td { background: rgb(var(--cyber-primary-rgb) / .06); }
-.cyber-text-primary { color: var(--cyber-primary); } .cyber-text-secondary { color: var(--cyber-secondary); } .cyber-text-accent { color: var(--cyber-accent); } .cyber-text-success { color: var(--cyber-success); } .cyber-text-warning { color: var(--cyber-warning); } .cyber-text-danger { color: var(--cyber-danger); }
+.cyber-text-primary { color: var(--usk-primary-ink, var(--cyber-primary)); } .cyber-text-secondary { color: var(--cyber-secondary); } .cyber-text-accent { color: var(--usk-accent-ink, var(--cyber-accent)); } .cyber-text-success { color: var(--cyber-success); } .cyber-text-warning { color: var(--cyber-warning); } .cyber-text-danger { color: var(--cyber-danger); }
 [data-ui="cyberpunk"] :focus-visible { outline: 3px solid var(--cyber-focus); outline-offset: 3px; } .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb) / .28), 0 0 28px rgb(var(--cyber-focus-rgb) / .28); }
 @media (prefers-reduced-motion: reduce) { [data-ui="cyberpunk"] *, [data-ui="cyberpunk"] *::before, [data-ui="cyberpunk"] *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }
 
@@ -571,7 +571,7 @@
 .cyber-button.cyber-button-outline-heavy,
 .cyber-button-outline-heavy {
   background: transparent;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--cyber-primary);
@@ -641,7 +641,7 @@
 
 .cyber-eyebrow {
   margin: 0;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   font-family: var(--cyber-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -846,7 +846,7 @@
 .cyber-button-primary { background: linear-gradient(112deg, var(--cyber-primary), var(--cyber-accent)); color: var(--cyber-on-primary); border-color: var(--cyber-primary); }
 .cyber-button-secondary { background: linear-gradient(112deg, var(--cyber-secondary), rgb(var(--cyber-secondary-rgb) / .72)); color: var(--cyber-on-secondary); border-color: var(--cyber-secondary); }
 .cyber-button-danger { background: linear-gradient(112deg, var(--cyber-danger), rgb(var(--cyber-danger-rgb) / .66)); color: var(--cyber-on-danger); border-color: var(--cyber-danger); }
-.cyber-button-ghost { background: transparent; color: var(--cyber-primary); border-color: transparent; }
+.cyber-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--cyber-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.cyberpunk {
@@ -1037,7 +1037,7 @@
 .cyber-button:hover,
 .cyber-icon-button:hover {
   border-color: var(--cyber-primary);
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   box-shadow: 0 0 .75rem rgb(var(--cyber-primary-rgb) / .2);
 }
 
@@ -1095,7 +1095,7 @@
 .cyber-button-ghost {
   background-color: transparent;
   background-image: none;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   border-color: transparent;
   box-shadow: none;
 }
@@ -1400,7 +1400,7 @@
   align-items: center;
   gap: .5rem;
   min-block-size: 1.5rem;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   font-size: .6875rem;
 }
 
@@ -1608,7 +1608,7 @@
   border-color: transparent;
   background-color: transparent;
   background-image: none;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   box-shadow: none;
 }
 
@@ -1734,7 +1734,7 @@
   place-items: center;
   inline-size: 1.1rem;
   block-size: 1.1rem;
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   font-family: var(--cyber-font-mono);
   font-size: .8rem;
   pointer-events: none;
@@ -1795,7 +1795,7 @@
 .cyber-option.is-active {
   border-color: var(--cyber-primary);
   background: rgb(var(--cyber-primary-rgb) / .14);
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
   outline: 0;
 }
 
@@ -1815,7 +1815,7 @@
   border: 1px solid currentColor;
   border-radius: .04rem;
   background: rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));
-  color: var(--cyber-chip-color, var(--cyber-primary));
+  color: var(--cyber-chip-color, var(--usk-primary-ink, var(--cyber-primary)));
   clip-path: polygon(0 .28rem, .28rem 0, calc(100% - .28rem) 0, 100% .28rem, 100% 100%, .28rem 100%, 0 calc(100% - .28rem));
   font-family: var(--cyber-font-mono);
   font-size: .68rem;
@@ -2134,7 +2134,7 @@
 }
 
 .cyber-breadcrumb a {
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
 }
 
 .cyber-breadcrumb span + span::before,
@@ -2301,7 +2301,7 @@
 }
 
 .cyber-code .token-key {
-  color: var(--cyber-primary);
+  color: var(--usk-primary-ink, var(--cyber-primary));
 }
 
 .cyber-code .token-value {

package/styles/data-terminal.css

@@ -379,7 +379,7 @@
 .terminal-title, .terminal-heading, .terminal-kicker, .terminal-button, .terminal-badge, .terminal-nav-link { font-family: var(--terminal-font-heading); }
 .terminal-title { margin: 0; color: var(--terminal-text); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; letter-spacing: -0.045em; }
 .terminal-heading { margin: 0; color: var(--terminal-text); font-size: clamp(1.2rem, 2.5vw, 2rem); line-height: 1.15; letter-spacing: -0.03em; }
-.terminal-kicker { margin: 0; color: var(--terminal-primary); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
+.terminal-kicker { margin: 0; color: var(--usk-primary-ink, var(--terminal-primary)); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
 .terminal-subtitle, .terminal-copy { margin: 0; color: var(--terminal-text-muted); line-height: 1.65; }
 .terminal-text-muted { color: var(--terminal-text-muted); }
 .terminal-divider { width: 100%; height: 1px; border: 0; background: var(--terminal-border); }
@@ -514,7 +514,7 @@
    Utilities
 ========================================================= */
 
-.terminal-text-primary { color: var(--terminal-primary); } .terminal-text-secondary { color: var(--terminal-secondary); } .terminal-text-accent { color: var(--terminal-accent); } .terminal-text-success { color: var(--terminal-success); } .terminal-text-warning { color: var(--terminal-warning); } .terminal-text-danger { color: var(--terminal-danger); }
+.terminal-text-primary { color: var(--usk-primary-ink, var(--terminal-primary)); } .terminal-text-secondary { color: var(--terminal-secondary); } .terminal-text-accent { color: var(--usk-accent-ink, var(--terminal-accent)); } .terminal-text-success { color: var(--terminal-success); } .terminal-text-warning { color: var(--terminal-warning); } .terminal-text-danger { color: var(--terminal-danger); }
 .terminal-bg-primary { background: var(--terminal-primary); color: var(--terminal-on-primary); } .terminal-bg-secondary { background: var(--terminal-secondary); color: var(--terminal-on-secondary); }
 .terminal-border { border: 1px solid var(--terminal-border); } .terminal-rounded { border-radius: var(--terminal-radius-md); } .terminal-rounded-lg { border-radius: var(--terminal-radius-lg); } .terminal-rounded-xl { border-radius: var(--terminal-radius-xl); } .terminal-pill { border-radius: var(--terminal-radius-pill); }
 .terminal-sr-only, .terminal-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -622,7 +622,7 @@
 .terminal-button.terminal-button-outline-heavy,
 .terminal-button-outline-heavy {
   background: transparent;
-  color: var(--terminal-primary);
+  color: var(--usk-primary-ink, var(--terminal-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--terminal-primary);
@@ -692,7 +692,7 @@
 
 .terminal-eyebrow {
   margin: 0;
-  color: var(--terminal-primary);
+  color: var(--usk-primary-ink, var(--terminal-primary));
   font-family: var(--terminal-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -775,10 +775,10 @@
 .terminal-input, .terminal-textarea, .terminal-select, .terminal-badge, .terminal-alert, .terminal-metric, .terminal-well, .terminal-inset { border-radius: 0; font-family: var(--terminal-font-mono); }
 .terminal-table { font-family: var(--terminal-font-mono); font-size: .78rem; }
 .terminal-table th, .terminal-table td { padding: .5rem .6rem; }
-.terminal-metric-value { font-family: var(--terminal-font-mono); font-size: clamp(1.35rem, 2.6vw, 2rem); color: var(--terminal-primary); }
+.terminal-metric-value { font-family: var(--terminal-font-mono); font-size: clamp(1.35rem, 2.6vw, 2rem); color: var(--usk-primary-ink, var(--terminal-primary)); }
 .terminal-text-primary, .terminal-kicker, .terminal-eyebrow { text-shadow: 0 0 .75rem rgb(var(--terminal-primary-rgb) / .28); }
 .terminal-card-media, .terminal-media-scrim, .terminal-feature-strip, .terminal-callout-bar { border-radius: 0; }
-.terminal-icon-medallion, .terminal-badge-seal { border-radius: 0; background: transparent; color: var(--terminal-primary); font-family: var(--terminal-font-mono); box-shadow: none; }
+.terminal-icon-medallion, .terminal-badge-seal { border-radius: 0; background: transparent; color: var(--usk-primary-ink, var(--terminal-primary)); font-family: var(--terminal-font-mono); box-shadow: none; }
 .terminal-feature-item { padding: .75rem; }
 .terminal-card-accent-edge { border-inline-start-width: 2px; }
 
@@ -995,7 +995,7 @@
 .terminal-button-primary { background: var(--terminal-primary); color: var(--terminal-on-primary); border-color: var(--terminal-primary); }
 .terminal-button-secondary { background: var(--terminal-secondary); color: var(--terminal-on-secondary); border-color: var(--terminal-secondary); }
 .terminal-button-danger { background: var(--terminal-danger); color: var(--terminal-on-danger); border-color: var(--terminal-danger); }
-.terminal-button-ghost { background: transparent; color: var(--terminal-primary); border-color: transparent; }
+.terminal-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--terminal-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.data_terminal {
@@ -1258,7 +1258,7 @@
 
 .terminal-button:hover,
 .terminal-icon-button:hover {
-  color: var(--terminal-primary);
+  color: var(--usk-primary-ink, var(--terminal-primary));
   background: var(--terminal-surface);
   border-color: var(--terminal-primary);
   box-shadow: none;
@@ -1293,7 +1293,7 @@
 
 .terminal-button-ghost,
 .terminal-button-ghost:hover {
-  color: var(--terminal-primary);
+  color: var(--usk-primary-ink, var(--terminal-primary));
   background: transparent;
   border-color: transparent;
 }
@@ -1408,7 +1408,7 @@
   inset: 0;
   display: grid;
   place-items: center;
-  color: var(--terminal-primary);
+  color: var(--usk-primary-ink, var(--terminal-primary));
   font-family: "Segoe UI Symbol", sans-serif;
   font-size: .7rem;
   font-weight: 700;
@@ -1631,7 +1631,7 @@
   font-weight: 500;
 }
 
-.terminal-badge-primary { color: var(--terminal-primary); background: var(--terminal-surface); border-color: currentColor; }
+.terminal-badge-primary { color: var(--usk-primary-ink, var(--terminal-primary)); background: var(--terminal-surface); border-color: currentColor; }
 .terminal-badge-secondary { color: var(--terminal-secondary); background: var(--terminal-surface); border-color: currentColor; }
 .terminal-badge-success { color: var(--terminal-success); background: var(--terminal-surface); border-color: currentColor; }
 .terminal-badge-warning { color: var(--terminal-warning); background: var(--terminal-surface); border-color: currentColor; }
@@ -1708,7 +1708,7 @@
   font-weight: 500;
 }
 
-.terminal-nav-link:hover { color: var(--terminal-primary); background: var(--terminal-surface); }
+.terminal-nav-link:hover { color: var(--usk-primary-ink, var(--terminal-primary)); background: var(--terminal-surface); }
 .terminal-nav-link[aria-current="page"], .terminal-nav-link.is-active { color: var(--terminal-on-primary); background: var(--terminal-primary); }
 
 .terminal-table { font-size: .6875rem; }

package/styles/editorial-luxe.css

@@ -379,7 +379,7 @@
 .luxe-title, .luxe-heading, .luxe-kicker, .luxe-button, .luxe-badge, .luxe-nav-link { font-family: var(--luxe-font-heading); }
 .luxe-title { margin: 0; color: var(--luxe-text); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; letter-spacing: -0.045em; }
 .luxe-heading { margin: 0; color: var(--luxe-text); font-size: clamp(1.2rem, 2.5vw, 2rem); line-height: 1.15; letter-spacing: -0.03em; }
-.luxe-kicker { margin: 0; color: var(--luxe-primary); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
+.luxe-kicker { margin: 0; color: var(--usk-primary-ink, var(--luxe-primary)); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
 .luxe-subtitle, .luxe-copy { margin: 0; color: var(--luxe-text-muted); line-height: 1.65; }
 .luxe-text-muted { color: var(--luxe-text-muted); }
 .luxe-divider { width: 100%; height: 1px; border: 0; background: var(--luxe-border); }
@@ -513,7 +513,7 @@
    Utilities
 ========================================================= */
 
-.luxe-text-primary { color: var(--luxe-primary); } .luxe-text-secondary { color: var(--luxe-secondary); } .luxe-text-accent { color: var(--luxe-accent); } .luxe-text-success { color: var(--luxe-success); } .luxe-text-warning { color: var(--luxe-warning); } .luxe-text-danger { color: var(--luxe-danger); }
+.luxe-text-primary { color: var(--usk-primary-ink, var(--luxe-primary)); } .luxe-text-secondary { color: var(--luxe-secondary); } .luxe-text-accent { color: var(--usk-accent-ink, var(--luxe-accent)); } .luxe-text-success { color: var(--luxe-success); } .luxe-text-warning { color: var(--luxe-warning); } .luxe-text-danger { color: var(--luxe-danger); }
 .luxe-bg-primary { background: var(--luxe-primary); color: var(--luxe-on-primary); } .luxe-bg-secondary { background: var(--luxe-secondary); color: var(--luxe-on-secondary); }
 .luxe-border { border: 1px solid var(--luxe-border); } .luxe-rounded { border-radius: var(--luxe-radius-md); } .luxe-rounded-lg { border-radius: var(--luxe-radius-lg); } .luxe-rounded-xl { border-radius: var(--luxe-radius-xl); } .luxe-pill { border-radius: var(--luxe-radius-pill); }
 .luxe-sr-only, .luxe-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -621,7 +621,7 @@
 .luxe-button.luxe-button-outline-heavy,
 .luxe-button-outline-heavy {
   background: transparent;
-  color: var(--luxe-primary);
+  color: var(--usk-primary-ink, var(--luxe-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--luxe-primary);
@@ -691,7 +691,7 @@
 
 .luxe-eyebrow {
   margin: 0;
-  color: var(--luxe-primary);
+  color: var(--usk-primary-ink, var(--luxe-primary));
   font-family: var(--luxe-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -771,7 +771,7 @@
 .luxe-nav-link[aria-current="page"], .luxe-nav-link.is-active { color: var(--luxe-text); background: transparent; box-shadow: inset 0 -2px 0 var(--luxe-primary); }
 .luxe-input, .luxe-textarea, .luxe-select { border-radius: var(--luxe-radius-sm); background: transparent; }
 .luxe-card-media, .luxe-media-scrim, .luxe-feature-strip, .luxe-callout-bar { border-radius: var(--luxe-radius-md); }
-.luxe-icon-medallion { background: var(--luxe-surface-strong); color: var(--luxe-primary); border: 1px solid var(--luxe-primary); box-shadow: none; }
+.luxe-icon-medallion { background: var(--luxe-surface-strong); color: var(--usk-primary-ink, var(--luxe-primary)); border: 1px solid var(--luxe-primary); box-shadow: none; }
 .luxe-badge-seal { border-style: double; border-width: 4px; background: transparent; font-family: var(--luxe-font-display); }
 .luxe-feature-item { align-items: start; }
 .luxe-card-accent-edge { border-inline-start-width: 1px; box-shadow: inset .2rem 0 0 rgb(var(--luxe-primary-rgb) / .2); }
@@ -968,7 +968,7 @@
 .luxe-button-primary { background: var(--luxe-primary); color: var(--luxe-on-primary); border-color: var(--luxe-primary); }
 .luxe-button-secondary { background: var(--luxe-surface); color: var(--luxe-text); border-color: var(--luxe-border); }
 .luxe-button-danger { background: var(--luxe-danger); color: var(--luxe-on-danger); border-color: var(--luxe-danger); }
-.luxe-button-ghost { background: transparent; color: var(--luxe-primary); border-color: transparent; }
+.luxe-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--luxe-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.editorial_luxe {

package/styles/industrial-utility.css

@@ -379,7 +379,7 @@
 .utility-title, .utility-heading, .utility-kicker, .utility-button, .utility-badge, .utility-nav-link { font-family: var(--utility-font-heading); }
 .utility-title { margin: 0; color: var(--utility-text); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; letter-spacing: -0.045em; }
 .utility-heading { margin: 0; color: var(--utility-text); font-size: clamp(1.2rem, 2.5vw, 2rem); line-height: 1.15; letter-spacing: -0.03em; }
-.utility-kicker { margin: 0; color: var(--utility-primary); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
+.utility-kicker { margin: 0; color: var(--usk-primary-ink, var(--utility-primary)); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
 .utility-subtitle, .utility-copy { margin: 0; color: var(--utility-text-muted); line-height: 1.65; }
 .utility-text-muted { color: var(--utility-text-muted); }
 .utility-divider { width: 100%; height: 1px; border: 0; background: var(--utility-border); }
@@ -513,7 +513,7 @@
    Utilities
 ========================================================= */
 
-.utility-text-primary { color: var(--utility-primary); } .utility-text-secondary { color: var(--utility-secondary); } .utility-text-accent { color: var(--utility-accent); } .utility-text-success { color: var(--utility-success); } .utility-text-warning { color: var(--utility-warning); } .utility-text-danger { color: var(--utility-danger); }
+.utility-text-primary { color: var(--usk-primary-ink, var(--utility-primary)); } .utility-text-secondary { color: var(--utility-secondary); } .utility-text-accent { color: var(--usk-accent-ink, var(--utility-accent)); } .utility-text-success { color: var(--utility-success); } .utility-text-warning { color: var(--utility-warning); } .utility-text-danger { color: var(--utility-danger); }
 .utility-bg-primary { background: var(--utility-primary); color: var(--utility-on-primary); } .utility-bg-secondary { background: var(--utility-secondary); color: var(--utility-on-secondary); }
 .utility-border { border: 1px solid var(--utility-border); } .utility-rounded { border-radius: var(--utility-radius-md); } .utility-rounded-lg { border-radius: var(--utility-radius-lg); } .utility-rounded-xl { border-radius: var(--utility-radius-xl); } .utility-pill { border-radius: var(--utility-radius-pill); }
 .utility-sr-only, .utility-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -621,7 +621,7 @@
 .utility-button.utility-button-outline-heavy,
 .utility-button-outline-heavy {
   background: transparent;
-  color: var(--utility-primary);
+  color: var(--usk-primary-ink, var(--utility-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--utility-primary);
@@ -691,7 +691,7 @@
 
 .utility-eyebrow {
   margin: 0;
-  color: var(--utility-primary);
+  color: var(--usk-primary-ink, var(--utility-primary));
   font-family: var(--utility-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -947,7 +947,7 @@
 .utility-button-primary { background: var(--utility-primary); color: var(--utility-on-primary); border-color: var(--utility-primary); }
 .utility-button-secondary { background: var(--utility-secondary); color: var(--utility-on-secondary); border-color: var(--utility-secondary); }
 .utility-button-danger { background: var(--utility-danger); color: var(--utility-on-danger); border-color: var(--utility-danger); }
-.utility-button-ghost { background: transparent; color: var(--utility-primary); border-color: transparent; }
+.utility-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--utility-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.industrial_utility {

package/styles/maximalist.css

@@ -528,7 +528,7 @@
    Utilities
 ========================================================= */
 
-.max-text-primary { color: var(--max-primary); } .max-text-secondary { color: var(--max-secondary); } .max-text-accent { color: var(--max-accent); } .max-text-success { color: var(--max-success); } .max-text-warning { color: var(--max-warning); } .max-text-danger { color: var(--max-danger); }
+.max-text-primary { color: var(--usk-primary-ink, var(--max-primary)); } .max-text-secondary { color: var(--max-secondary); } .max-text-accent { color: var(--usk-accent-ink, var(--max-accent)); } .max-text-success { color: var(--max-success); } .max-text-warning { color: var(--max-warning); } .max-text-danger { color: var(--max-danger); }
 .max-bg-primary { background: var(--max-primary); color: var(--max-on-primary); } .max-bg-secondary { background: var(--max-secondary); color: var(--max-on-secondary); }
 .max-border { border: 3px solid var(--max-ink); } .max-rounded { border-radius: var(--max-radius-md); } .max-rounded-lg { border-radius: var(--max-radius-lg); } .max-rounded-xl { border-radius: var(--max-radius-xl); } .max-pill { border-radius: var(--max-radius-pill); }
 .max-sr-only, .max-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -931,7 +931,7 @@
 .max-button-primary { background: linear-gradient(112deg, var(--max-primary), var(--max-accent)); color: var(--max-on-primary); border-color: var(--max-ink); }
 .max-button-secondary { background: linear-gradient(112deg, var(--max-secondary), var(--max-warning)); color: var(--max-on-secondary); border-color: var(--max-ink); }
 .max-button-danger { background: linear-gradient(112deg, var(--max-danger), var(--max-primary)); color: var(--max-on-danger); border-color: var(--max-ink); }
-.max-button-ghost { background: transparent; color: var(--max-primary); border-color: transparent; }
+.max-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--max-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.maximalist {

package/styles/minimal-saas.css

@@ -386,7 +386,7 @@
 .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link { font-family: var(--saas-font-heading); }
 .saas-title { margin: 0; color: var(--saas-text); font-size: 1.5rem; font-weight: 700; line-height: 1.05; letter-spacing: -.02em; }
 .saas-heading { margin: 0; color: var(--saas-text); font-size: 1rem; font-weight: 700; line-height: 1.2; letter-spacing: 0; }
-.saas-kicker { margin: 0; color: var(--saas-primary); font-size: .78rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
+.saas-kicker { margin: 0; color: var(--usk-primary-ink, var(--saas-primary)); font-size: .78rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
 .saas-subtitle, .saas-copy { margin: 0; color: var(--saas-text-muted); line-height: 1.55; }
 .saas-text-muted { color: var(--saas-text-muted); }
 .saas-divider { width: 100%; height: 1px; border: 0; background: var(--saas-border); }
@@ -426,10 +426,10 @@
 .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 1px 2px rgb(var(--saas-text-rgb) / .12); }
 .saas-button-primary { background: linear-gradient(135deg, var(--saas-primary), var(--saas-brand-2)); color: var(--saas-on-primary); border-color: var(--saas-primary); }
 .saas-button-primary:hover { background: linear-gradient(135deg, var(--saas-brand-2), var(--saas-primary)); border-color: var(--saas-primary-hover); }
-.saas-button-secondary { background: rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)); color: var(--saas-primary); border-color: rgb(var(--saas-primary-rgb) / .32); box-shadow: none; }
+.saas-button-secondary { background: rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)); color: var(--usk-primary-ink, var(--saas-primary)); border-color: rgb(var(--saas-primary-rgb) / .32); box-shadow: none; }
 .saas-button-secondary:hover { background: rgb(var(--saas-primary-rgb) / .06); border-color: rgb(var(--saas-primary-rgb) / .52); }
 .saas-button-danger { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); }
-.saas-button-ghost { background: transparent; color: var(--saas-primary); border-color: transparent; box-shadow: none; }
+.saas-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--saas-primary)); border-color: transparent; box-shadow: none; }
 .saas-icon-button { width: 2.375rem; padding: 0; border-radius: var(--saas-radius-md); }
 .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled { opacity: .55; cursor: not-allowed; transform: none; }
 
@@ -495,7 +495,7 @@
 
 .saas-badge { display: inline-flex; align-items: center; gap: var(--saas-space-1); min-height: 1.4rem; padding: .25rem .5rem; background: var(--saas-surface-soft); color: var(--saas-text); border: 1px solid transparent; border-radius: var(--saas-radius-sm); font-size: .75rem; font-weight: 700; line-height: 1; }
 .saas-badge-primary { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); }
-.saas-badge-secondary { background: rgb(var(--saas-primary-rgb) / .1); color: var(--saas-primary); border-color: transparent; }
+.saas-badge-secondary { background: rgb(var(--saas-primary-rgb) / .1); color: var(--usk-primary-ink, var(--saas-primary)); border-color: transparent; }
 .saas-badge-success { background: rgb(var(--saas-success-rgb) / .14); color: var(--saas-text); border-color: rgb(var(--saas-success-rgb) / .38); }
 .saas-badge-warning { background: rgb(var(--saas-warning-rgb) / .14); color: var(--saas-text); border-color: rgb(var(--saas-warning-rgb) / .38); }
 .saas-badge-danger { background: rgb(var(--saas-danger-rgb) / .14); color: var(--saas-text); border-color: rgb(var(--saas-danger-rgb) / .38); }
@@ -520,8 +520,9 @@
 .saas-alert-success { background: rgb(var(--saas-success-rgb) / .12); border-color: rgb(var(--saas-success-rgb) / .58); }
 .saas-alert-warning { background: rgb(var(--saas-warning-rgb) / .12); border-color: rgb(var(--saas-warning-rgb) / .58); }
 .saas-alert-danger { background: rgb(var(--saas-danger-rgb) / .12); border-color: rgb(var(--saas-danger-rgb) / .58); }
-.saas-alert-title { margin: 0; font-weight: 900; }
-.saas-alert-body { margin: 0; color: var(--saas-text-muted); line-height: 1.55; }
+/** Keeps classed alert copy readable above the native paragraph color layer. */
+.saas-alert-title { margin: 0; color: var(--saas-text); font-weight: 900; }
+.saas-alert-body { margin: 0; color: var(--saas-text); line-height: 1.55; }
 
 .saas-table-wrap { overflow: auto; }
 .saas-table { width: 100%; border-collapse: collapse; }
@@ -534,7 +535,7 @@
    Utilities
 ========================================================= */
 
-.saas-text-primary { color: var(--saas-primary); } .saas-text-secondary { color: var(--saas-secondary); } .saas-text-accent { color: var(--saas-accent); } .saas-text-success { color: var(--saas-success); } .saas-text-warning { color: var(--saas-warning); } .saas-text-danger { color: var(--saas-danger); }
+.saas-text-primary { color: var(--usk-primary-ink, var(--saas-primary)); } .saas-text-secondary { color: var(--saas-secondary); } .saas-text-accent { color: var(--usk-accent-ink, var(--saas-accent)); } .saas-text-success { color: var(--saas-success); } .saas-text-warning { color: var(--saas-warning); } .saas-text-danger { color: var(--saas-danger); }
 .saas-bg-primary { background: var(--saas-primary); color: var(--saas-on-primary); } .saas-bg-secondary { background: var(--saas-secondary); color: var(--saas-on-secondary); }
 .saas-border { border: 1px solid var(--saas-border); } .saas-rounded { border-radius: var(--saas-radius-md); } .saas-rounded-lg { border-radius: var(--saas-radius-lg); } .saas-rounded-xl { border-radius: var(--saas-radius-xl); } .saas-pill { border-radius: var(--saas-radius-pill); }
 .saas-sr-only, .saas-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -642,7 +643,7 @@
 .saas-button.saas-button-outline-heavy,
 .saas-button-outline-heavy {
   background: transparent;
-  color: var(--saas-primary);
+  color: var(--usk-primary-ink, var(--saas-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--saas-primary);
@@ -712,7 +713,7 @@
 
 .saas-eyebrow {
   margin: 0;
-  color: var(--saas-primary);
+  color: var(--usk-primary-ink, var(--saas-primary));
   font-family: var(--saas-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -761,7 +762,7 @@
 .saas-card-accent-edge { border-inline-start-width: .16rem; }
 .saas-icon-medallion {
   background: var(--saas-surface-soft);
-  color: var(--saas-primary);
+  color: var(--usk-primary-ink, var(--saas-primary));
   border: 1px solid var(--saas-border);
   border-radius: var(--saas-radius-lg);
   box-shadow: var(--saas-shadow-sm);
@@ -965,9 +966,9 @@
 @layer ui-style-kit.minimal_saas {
 /** Restores source-faithful action hierarchy after identity geometry. */
 .saas-button-primary { background: linear-gradient(135deg, var(--saas-primary), var(--saas-brand-2)); color: var(--saas-on-primary); border-color: var(--saas-primary); }
-.saas-button-secondary { background: var(--saas-surface); color: var(--saas-primary); border-color: var(--saas-primary); }
+.saas-button-secondary { background: var(--saas-surface); color: var(--usk-primary-ink, var(--saas-primary)); border-color: var(--saas-primary); }
 .saas-button-danger { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); }
-.saas-button-ghost { background: transparent; color: var(--saas-primary); border-color: transparent; }
+.saas-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--saas-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.minimal_saas {

package/styles/native-elements.css

@@ -145,7 +145,7 @@
   text-underline-offset: .18em;
 }
 
-[data-ui][data-mode] :where(a:hover) { color: var(--usk-native-primary-hover); }
+[data-ui][data-mode] :where(a:hover) { color: var(--usk-primary-ink, var(--usk-native-primary-hover)); }
 
 [data-ui][data-mode] :where(ul, ol, menu) {
   margin: 0 0 1rem;

package/styles/neo-noir.css

@@ -379,7 +379,7 @@
 .noir-title, .noir-heading, .noir-kicker, .noir-button, .noir-badge, .noir-nav-link { font-family: var(--noir-font-heading); }
 .noir-title { margin: 0; color: var(--noir-text); font-size: clamp(2rem, 5vw, 3.7rem); line-height: 1.02; letter-spacing: -0.045em; }
 .noir-heading { margin: 0; color: var(--noir-text); font-size: clamp(1.2rem, 2.5vw, 2rem); line-height: 1.15; letter-spacing: -0.03em; }
-.noir-kicker { margin: 0; color: var(--noir-primary); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
+.noir-kicker { margin: 0; color: var(--usk-primary-ink, var(--noir-primary)); font-size: .82rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
 .noir-subtitle, .noir-copy { margin: 0; color: var(--noir-text-muted); line-height: 1.65; }
 .noir-text-muted { color: var(--noir-text-muted); }
 .noir-divider { width: 100%; height: 1px; border: 0; background: var(--noir-border); }
@@ -513,7 +513,7 @@
    Utilities
 ========================================================= */
 
-.noir-text-primary { color: var(--noir-primary); } .noir-text-secondary { color: var(--noir-secondary); } .noir-text-accent { color: var(--noir-accent); } .noir-text-success { color: var(--noir-success); } .noir-text-warning { color: var(--noir-warning); } .noir-text-danger { color: var(--noir-danger); }
+.noir-text-primary { color: var(--usk-primary-ink, var(--noir-primary)); } .noir-text-secondary { color: var(--noir-secondary); } .noir-text-accent { color: var(--usk-accent-ink, var(--noir-accent)); } .noir-text-success { color: var(--noir-success); } .noir-text-warning { color: var(--noir-warning); } .noir-text-danger { color: var(--noir-danger); }
 .noir-bg-primary { background: var(--noir-primary); color: var(--noir-on-primary); } .noir-bg-secondary { background: var(--noir-secondary); color: var(--noir-on-secondary); }
 .noir-border { border: 1px solid var(--noir-border); } .noir-rounded { border-radius: var(--noir-radius-md); } .noir-rounded-lg { border-radius: var(--noir-radius-lg); } .noir-rounded-xl { border-radius: var(--noir-radius-xl); } .noir-pill { border-radius: var(--noir-radius-pill); }
 .noir-sr-only, .noir-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@@ -621,7 +621,7 @@
 .noir-button.noir-button-outline-heavy,
 .noir-button-outline-heavy {
   background: transparent;
-  color: var(--noir-primary);
+  color: var(--usk-primary-ink, var(--noir-primary));
   border-style: solid;
   border-width: 2px;
   border-color: var(--noir-primary);
@@ -691,7 +691,7 @@
 
 .noir-eyebrow {
   margin: 0;
-  color: var(--noir-primary);
+  color: var(--usk-primary-ink, var(--noir-primary));
   font-family: var(--noir-font-heading);
   font-size: .76rem;
   font-weight: 900;
@@ -770,7 +770,7 @@
 .noir-input, .noir-textarea, .noir-select { background: rgb(var(--noir-surface-strong-rgb) / .68); }
 .noir-card-media { border-color: rgb(var(--noir-primary-rgb) / .25); }
 .noir-media-scrim > :where(figcaption, [data-media-caption]) { background: linear-gradient(to top, rgb(0 0 0 / .96), rgb(var(--noir-primary-rgb) / .18) 54%, transparent); }
-.noir-icon-medallion { background: transparent; color: var(--noir-primary); border-color: var(--noir-primary); box-shadow: 0 0 1.2rem rgb(var(--noir-primary-rgb) / .18); }
+.noir-icon-medallion { background: transparent; color: var(--usk-primary-ink, var(--noir-primary)); border-color: var(--noir-primary); box-shadow: 0 0 1.2rem rgb(var(--noir-primary-rgb) / .18); }
 .noir-badge-seal { background: transparent; border-color: var(--noir-primary); }
 .noir-card-accent-edge { border-inline-start-color: var(--noir-primary); }
 [data-ui="neo-noir"][data-mode="contrast"] :where(.noir-surface, .noir-card, .noir-panel, .noir-toolbar, .noir-table-wrap, .noir-icon-medallion) { box-shadow: none; text-shadow: none; }
@@ -931,7 +931,7 @@
 .noir-button-primary { background: linear-gradient(112deg, var(--noir-warning), var(--noir-primary)); color: var(--noir-on-primary); border-color: var(--noir-warning); }
 .noir-button-secondary { background: linear-gradient(112deg, var(--noir-secondary), var(--noir-focus)); color: var(--noir-on-secondary); border-color: var(--noir-focus); }
 .noir-button-danger { background: linear-gradient(112deg, var(--noir-danger), rgb(var(--noir-danger-rgb) / .68)); color: var(--noir-on-danger); border-color: var(--noir-danger); }
-.noir-button-ghost { background: transparent; color: var(--noir-primary); border-color: transparent; }
+.noir-button-ghost { background: transparent; color: var(--usk-primary-ink, var(--noir-primary)); border-color: transparent; }
 }
 
 @layer ui-style-kit.neo_noir {
@@ -1152,7 +1152,7 @@
 .noir-badge-success { color: var(--noir-success); background: transparent; }
 .noir-badge-warning { color: var(--noir-warning); background: transparent; }
 .noir-badge-danger { color: var(--noir-danger); background: transparent; }
-.noir-badge-review { color: var(--noir-accent); }
+.noir-badge-review { color: var(--usk-accent-ink, var(--noir-accent)); }
 .noir-alert { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .45rem .65rem; background: var(--noir-surface); color: var(--noir-text); border: 1px solid var(--noir-secondary); border-radius: 0; box-shadow: none; font: 11px var(--noir-font-mono); }
 .noir-alert-success { color: var(--noir-success); border-color: currentColor; }
 .noir-alert-warning { color: var(--noir-warning); border-color: currentColor; }
@@ -1172,7 +1172,7 @@
 .noir-tooltip-right::after { inset: auto; left: -5px; top: calc(50% - 4px); transform: rotate(135deg); }
 .noir-tooltip-bottom::after { inset: auto; top: -5px; left: calc(50% - 4px); transform: rotate(225deg); }
 .noir-tooltip-left::after { inset: auto; right: -5px; top: calc(50% - 4px); transform: rotate(-45deg); }
-.noir-processing { display: grid; align-content: center; justify-items: center; gap: .4rem; padding: 1rem; min-height: 110px; border: 1px solid var(--noir-accent); color: var(--noir-accent); font: 12px var(--noir-font-control); }
+.noir-processing { display: grid; align-content: center; justify-items: center; gap: .4rem; padding: 1rem; min-height: 110px; border: 1px solid var(--noir-accent); color: var(--usk-accent-ink, var(--noir-accent)); font: 12px var(--noir-font-control); }
 [data-ui="neo-noir"] .noir-processing strong { font: 400 28px var(--noir-font-display); color: inherit; }
 .noir-processing::after { content: ""; width: 60%; height: 2px; background: currentColor; animation: noir-pulse 1.5s ease-in-out infinite alternate; }
 /** A fixed registration ring surrounds rotating aperture blades without layout movement. */