@rackbops/styles 0.1.4 → 0.1.6

package/amber-ember/components/link.css

@@ -32,10 +32,12 @@
   transition: background var(--rb-transition);
 }
 :where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link:hover::before,
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link.rb-link--active {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link.rb-link--active,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
 }

package/amber-ember/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/amber-ember/components/tabs.css

@@ -22,10 +22,12 @@
 :where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-accent);
 }
-:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="amber-ember"], [data-rb-style="amber-ember"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: var(--rb-space-3);

package/amber-hearth/components/link.css

@@ -32,10 +32,12 @@
   transition: background var(--rb-transition);
 }
 :where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link:hover::before,
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link.rb-link--active {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link.rb-link--active,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
 }

package/amber-hearth/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/amber-hearth/components/tabs.css

@@ -22,10 +22,12 @@
 :where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-accent);
 }
-:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="amber-hearth"], [data-rb-style="amber-hearth"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: var(--rb-space-3);

package/arcane-obsidian/components/link.css

@@ -31,10 +31,12 @@
   transition: background var(--rb-transition);
 }
 :where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link:hover::before,
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link.rb-link--active {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link.rb-link--active,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
 }

package/arcane-obsidian/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/arcane-obsidian/components/tabs.css

@@ -21,10 +21,12 @@
 :where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-accent);
 }
-:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="arcane-obsidian"], [data-rb-style="arcane-obsidian"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: var(--rb-space-3);

package/arcane-obsidian/design.md

@@ -49,8 +49,9 @@ Muted-on-surface is tuned to clear WCAG AA (4.5:1) on every surface; the light
   weight 600, tight tracking (`-0.01em`). Monospace *is* the display voice.
 - **Body & UI:** `system-ui, -apple-system, "Segoe UI", Roboto, …`, weight 400.
 - **Numerals:** `font-variant-numeric: tabular-nums` everywhere data is shown.
-- **Labels** (eyebrows, badges, table headers): mono, uppercase, ~11px, tracked
-  `0.06em`.
+- **Labels** (eyebrows, badges): mono, uppercase, ~11px, tracked `0.06em`.
+  Table headers are the one stated departure — body-sans, normal case
+  (`components/table.css:9-15`; badges stay mono uppercase, `badge.css:10-14`).
 - **Bare tags:** unclassed `h1`-`h6` pick up the mono display voice directly —
   weight 600, tracking `-0.01em`, `--rb-space-3` margin below. `.rb-card`
   renders a bare `<h3>` and gets this treatment too, since `card.css` declares
@@ -140,8 +141,8 @@ voices reused, never new decorative hues.
 
 ## Light counterpart — "Parchment"
 
-The AA-tuned light secondary. Not shipped as a separate theme yet; documented so
-it can become one additively.
+The AA-tuned light secondary, shipped as its own theme: `arcane-parchment`
+(`styles/arcane-parchment/design.md`).
 
 | Role | Value |
 | --- | --- |

package/arcane-obsidian/tokens.css

@@ -11,8 +11,8 @@
  * Every theme declares the same baseline token set (styles/test enforces
  * parity); names marked (extra) are additions beyond it that only this
  * theme's own component CSS may rely on. This theme ships its dark, primary
- * look ("Obsidian"); its AA-tuned light counterpart ("Parchment") is
- * documented in design.md and can become its own theme later.
+ * look ("Obsidian"); its AA-tuned light counterpart ("Parchment") ships as
+ * its own theme, arcane-parchment (see design.md).
  */
 :where([data-rb-style="arcane-obsidian"]) {
   color-scheme: dark;

package/arcane-parchment/components/link.css

@@ -31,10 +31,12 @@
   transition: background var(--rb-transition);
 }
 :where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link:hover::before,
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link.rb-link--active {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link.rb-link--active,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
 }

package/arcane-parchment/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/arcane-parchment/components/tabs.css

@@ -21,10 +21,12 @@
 :where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-accent);
 }
-:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="arcane-parchment"], [data-rb-style="arcane-parchment"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: var(--rb-space-3);

package/arcane-parchment/design.md

@@ -45,7 +45,9 @@ hues appear. Muted-on-surface is tuned to clear WCAG AA (4.5:1) on every surface
 
 Identical to arcane-obsidian: monospace display voice (the wordmark, weight 600,
 tracking `-0.01em`) over a `system-ui` body (weight 400); `tabular-nums` wherever
-data is shown; mono uppercase labels tracked `0.06em`. Bare `h1`-`h6`/`p`/`ul`/`ol`
+data is shown; mono uppercase labels tracked `0.06em` (table headers are the
+one stated departure — body-sans, normal case, `components/table.css:9-15`).
+Bare `h1`-`h6`/`p`/`ul`/`ol`
 get the same treatment as arcane-obsidian too: unclassed headlines carry that
 same mono voice with `--rb-space-3` margin, and bare `ul`/`ol` add
 `--rb-space-4` marker indent with real disc/decimal markers.

package/concrete-signal/components/link.css

@@ -28,10 +28,12 @@
   background: var(--rb-surface-2);
 }
 :where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link:hover::before,
-:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link.rb-link--active {
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link.rb-link--active,
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-bold);

package/concrete-signal/components/stepper.css

@@ -42,7 +42,8 @@
   z-index: -1;
 }
 :where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__node {
@@ -71,13 +72,15 @@
 :where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="concrete-signal"], [data-rb-style="concrete-signal"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-bold);
 }

package/concrete-signal-light/components/link.css

@@ -28,10 +28,12 @@
   background: var(--rb-surface-2);
 }
 :where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link:hover::before,
-:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link.rb-link--active {
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link.rb-link--active,
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-link[aria-current="page"] {
   background: var(--rb-accent-wash);
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-bold);

package/concrete-signal-light/components/stepper.css

@@ -43,7 +43,8 @@
   z-index: -1;
 }
 :where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__node {
@@ -72,13 +73,15 @@
 :where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="concrete-signal-light"], [data-rb-style="concrete-signal-light"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-bold);
 }

package/contract.json

@@ -27,7 +27,7 @@
     "link": {
       "react": "NavLink",
       "classes": ["rb-link", "rb-link--active"],
-      "notes": "active prop; SHOULD also match [aria-current=\"page\"] (pending CSS sweep, #65)"
+      "notes": "active prop; also matches [aria-current=\"page\"] in every theme"
     },
     "nav-rail": {
       "react": "NavRail",
@@ -57,7 +57,7 @@
     "tabs": {
       "react": "Tabs",
       "classes": ["rb-tabs", "rb-tab", "rb-tab--active", "rb-tabpanel"],
-      "notes": "items: {id, label, content}[]; --active SHOULD also match [aria-selected=\"true\"] (pending CSS sweep, #65)"
+      "notes": "items: {id, label, content}[]; --active also matches [aria-selected=\"true\"] in every theme"
     },
     "table": {
       "react": null,
@@ -87,7 +87,7 @@
     "stepper": {
       "react": "Stepper",
       "classes": ["rb-stepper", "rb-stepper__step", "rb-stepper__node", "rb-stepper__label", "rb-stepper--complete", "rb-stepper--current", "rb-stepper--upcoming"],
-      "notes": "--upcoming is the resting state (allowlisted, no rule needed); --current SHOULD also match [aria-current=\"step\"] (pending CSS sweep, #65)"
+      "notes": "--upcoming is the resting state (allowlisted, no rule needed); --current also matches [aria-current=\"step\"] in every theme"
     }
   },
   "allowlist": [
@@ -131,62 +131,28 @@
       "class": "rb-tab--active",
       "attribute": "[aria-selected=\"true\"]",
       "baseSelector": "rb-tab",
-      "exempt": [
-        { "theme": "arcane-obsidian", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "arcane-parchment", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-studio", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-noir", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "amber-hearth", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "amber-ember", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" }
-      ]
+      "exempt": []
     },
     {
       "component": "link",
       "class": "rb-link--active",
       "attribute": "[aria-current=\"page\"]",
       "baseSelector": "rb-link",
-      "exempt": [
-        { "theme": "amber-ember", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "amber-hearth", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "arcane-obsidian", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "arcane-parchment", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "concrete-signal", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "concrete-signal-light", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "luminous-precision", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "mono-field", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "neon-butterfly", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-noir", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-studio", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" }
-      ]
+      "exempt": []
     },
     {
       "component": "stepper",
       "class": "rb-stepper--current",
       "attribute": "[aria-current=\"step\"]",
       "baseSelector": "rb-stepper__step",
-      "exempt": [
-        { "theme": "amber-ember", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "amber-hearth", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "arcane-obsidian", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "arcane-parchment", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "concrete-signal", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "concrete-signal-light", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "luminous-precision", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "mono-field", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "neon-butterfly", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-noir", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "rackbops-studio", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" },
-        { "theme": "summer-cloud", "reason": "pending ARIA-pairing CSS sweep, tracked in #65" }
-      ]
+      "exempt": []
     }
   ],
   "dialogBackdropBlur": {
     "token": "--rb-blur",
     "exempt": [
       { "theme": "concrete-signal", "reason": "flat scrim by design, no blur/glass anywhere in this theme", "permanent": true },
-      { "theme": "concrete-signal-light", "reason": "flat scrim by design, no blur/glass anywhere in this theme", "permanent": true },
-      { "theme": "neon-butterfly", "reason": "hard-codes blur(4px), pending CSS fix, tracked in #65" },
-      { "theme": "summer-cloud", "reason": "hard-codes blur(4px), pending CSS fix, tracked in #65" }
+      { "theme": "concrete-signal-light", "reason": "flat scrim by design, no blur/glass anywhere in this theme", "permanent": true }
     ]
   }
 }

package/luminous-precision/components/link.css

@@ -29,7 +29,8 @@
     0 0 12px var(--rb-accent-2-glow);
 }
 /* --active: the current route, styled as the resting version of :hover */
-:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-link--active {
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-link--active,
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-link[aria-current="page"] {
   background: var(--rb-surface);
   color: var(--rb-accent-2);
   box-shadow:

package/luminous-precision/components/stepper.css

@@ -43,7 +43,8 @@
   transition: background-color var(--rb-transition), box-shadow var(--rb-transition);
 }
 :where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
   box-shadow: 0 0 8px var(--rb-accent-glow);
 }
@@ -71,13 +72,15 @@
 :where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: 0 0 8px var(--rb-accent-glow);
 }
-:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="luminous-precision"], [data-rb-style="luminous-precision"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/mono-field/components/link.css

@@ -32,10 +32,12 @@
   transition: background var(--rb-transition);
 }
 :where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link:hover::before,
-:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link.rb-link--active::before {
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link.rb-link--active::before,
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link[aria-current="page"]::before {
   background: var(--rb-accent);
 }
-:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link.rb-link--active {
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link.rb-link--active,
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-link[aria-current="page"] {
   background: var(--rb-surface-2);
   color: var(--rb-accent);
 }

package/mono-field/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__node {
@@ -69,12 +70,14 @@
 :where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
 }
-:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="mono-field"], [data-rb-style="mono-field"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/mono-field/design.md

@@ -87,8 +87,10 @@ and the accent itself is spent sparingly — never for decoration.
 
 ## Components
 
-Class prefix `rb-`; shared token/class contract with the other themes. Only
-the baseline ten — no theme extras.
+Class prefix `rb-`; shared token/class contract with the other themes (the
+full required set is `styles/contract.json` / STANDARD.md 5.1 — not restated
+as a count here, since that count has drifted before) — no theme-specific
+extras.
 
 - **Button** `.rb-btn` — plain bordered ghost on white by default;
   `--primary` is the one solid accent fill (barely-there shadow lift on

package/neon-butterfly/components/dialog.css

@@ -12,7 +12,7 @@
 }
 :where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-dialog::backdrop {
   background: rgba(11, 19, 38, 0.7);
-  backdrop-filter: blur(4px);
+  backdrop-filter: blur(var(--rb-blur));
 }
 :where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-dialog__title {
   margin: 0 0 var(--rb-space-3);

package/neon-butterfly/components/link.css

@@ -36,11 +36,13 @@
 }
 /* --active: the current route — the hover color/glow, resting, without the
  * hover-only slide (that's a click-me cue; an active item is already "here"). */
-:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link--active {
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link--active,
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link[aria-current="page"] {
   border-color: var(--rb-accent-border);
   color: var(--rb-accent);
 }
-:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link--active::before {
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link--active::before,
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-link[aria-current="page"]::before {
   color: var(--rb-accent-2);
   text-shadow: 0 0 5px var(--rb-accent-2-glow);
 }

package/neon-butterfly/components/stepper.css

@@ -43,7 +43,8 @@
   transition: background-color var(--rb-transition), box-shadow var(--rb-transition);
 }
 :where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
   box-shadow: 0 0 8px var(--rb-accent-glow);
 }
@@ -71,13 +72,15 @@
 :where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: 0 0 8px var(--rb-accent-glow);
 }
-:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="neon-butterfly"], [data-rb-style="neon-butterfly"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rackbops/styles",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Rackbops design-system styles: tokens, base styles, and component classes per theme.",
   "license": "MIT",
   "repository": {

package/rackbops-noir/components/link.css

@@ -20,7 +20,8 @@
   color: var(--rb-text);
   background: var(--rb-surface-2);
 }
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-link.rb-link--active {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-link.rb-link--active,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-link[aria-current="page"] {
   color: var(--rb-accent);
 }
 

package/rackbops-noir/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/rackbops-noir/components/tabs.css

@@ -21,10 +21,12 @@
 :where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="rackbops-noir"], [data-rb-style="rackbops-noir"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: 0;

package/rackbops-studio/components/link.css

@@ -20,7 +20,8 @@
   color: var(--rb-text);
   background: var(--rb-surface-2);
 }
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-link.rb-link--active {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-link.rb-link--active,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-link[aria-current="page"] {
   color: var(--rb-accent);
 }
 

package/rackbops-studio/components/stepper.css

@@ -42,7 +42,8 @@
   transition: background-color var(--rb-transition);
 }
 :where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
 }
 :where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__node {
@@ -69,13 +70,15 @@
 :where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-lg);
 }
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }

package/rackbops-studio/components/tabs.css

@@ -21,10 +21,12 @@
 :where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab:hover {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab.rb-tab--active {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab.rb-tab--active,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab[aria-selected="true"] {
   color: var(--rb-text);
 }
-:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab.rb-tab--active::after {
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab.rb-tab--active::after,
+:where([data-rb-style="rackbops-studio"], [data-rb-style="rackbops-studio"] *).rb-tab[aria-selected="true"]::after {
   content: "";
   position: absolute;
   left: 0;

package/rackbops-studio/design.md

@@ -167,8 +167,8 @@ Class prefix `rb-`; shared token/class contract with the other themes.
 
 ## Dark counterpart
 
-The dark mode rackbops.com toggles into. Not shipped as a separate theme yet;
-documented so it can become one additively.
+The dark mode rackbops.com toggles into, shipped as its own theme:
+`rackbops-noir` (`styles/rackbops-noir/design.md`).
 
 | Role | Value |
 | --- | --- |

package/rackbops-studio/tokens.css

@@ -8,8 +8,8 @@
  * The :where() keeps specificity at zero, so any consumer rule overrides.
  *
  * This theme ships its canonical, primary look (light); the dark counterpart
- * that rackbops.com toggles into is documented in design.md and can become its
- * own theme later. Every theme declares the same baseline token set (styles/test
+ * that rackbops.com toggles into ships as its own theme, rackbops-noir (see
+ * design.md). Every theme declares the same baseline token set (styles/test
  * enforces parity); names marked (extra) are additions this theme's own
  * component CSS may rely on.
  */

package/summer-cloud/components/dialog.css

@@ -12,7 +12,7 @@
 }
 :where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-dialog::backdrop {
   background: rgba(23, 28, 31, 0.3);
-  backdrop-filter: blur(4px);
+  backdrop-filter: blur(var(--rb-blur));
 }
 :where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-dialog__title {
   margin: 0 0 var(--rb-space-3);

package/summer-cloud/components/stepper.css

@@ -44,7 +44,8 @@
   transition: background-color var(--rb-transition), box-shadow var(--rb-transition);
 }
 :where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step:not(:first-child).rb-stepper--complete::before,
-:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before {
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step:not(:first-child).rb-stepper--current::before,
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step[aria-current="step"]::before {
   background: var(--rb-accent);
   box-shadow: 0 0 10px var(--rb-accent-glow);
 }
@@ -72,13 +73,15 @@
 :where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper--complete .rb-stepper__label {
   color: var(--rb-text);
 }
-:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper--current .rb-stepper__node {
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper--current .rb-stepper__node,
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step[aria-current="step"] .rb-stepper__node {
   background: var(--rb-surface);
   border-color: var(--rb-accent);
   color: var(--rb-accent);
   box-shadow: var(--rb-shadow-raised);
 }
-:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper--current .rb-stepper__label {
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper--current .rb-stepper__label,
+:where([data-rb-style="summer-cloud"], [data-rb-style="summer-cloud"] *).rb-stepper__step[aria-current="step"] .rb-stepper__label {
   color: var(--rb-accent);
   font-weight: var(--rb-font-weight-medium);
 }