@refrakt-md/lumina 0.22.0 → 0.23.0

package/styles/runes/steps.css

@@ -1,10 +1,7 @@
-/* Steps */
-.rf-steps {
-	counter-reset: step;
-}
+@layer skin {
+/* Steps — skin. The counter mechanism, step item layout, badge box placement, and
+ * media-position flip live in @refrakt-md/skeleton (styles/runes/steps.css). */
 .rf-steps__preamble {
-	flex-direction: column;
-	align-items: flex-start;
 	gap: 0.25rem;
 	margin-bottom: 1.5rem;
 }
@@ -17,8 +14,6 @@
 	margin: 0 0 0.5rem;
 }
 .rf-steps__eyebrow:has(a) {
-	display: inline-block;
-	position: relative;
 	padding: 0.25rem 0.875rem;
 	border: 1px solid var(--rf-color-border);
 	border-radius: var(--rf-radius-full);
@@ -30,7 +25,7 @@
 }
 .rf-steps__eyebrow:has(a):hover { border-color: var(--rf-color-muted); }
 .rf-steps__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: var(--rf-weight-semibold); text-decoration: none; }
-.rf-steps__eyebrow:has(a) a::before { content: ''; position: absolute; inset: 0; border-radius: inherit; }
+.rf-steps__eyebrow:has(a) a::before { border-radius: inherit; }
 .rf-steps__headline {
 	margin-top: 0;
 }
@@ -42,36 +37,21 @@
 	margin-bottom: 1rem;
 }
 .rf-steps ol {
-	list-style: none;
 	padding-left: 0;
 	margin: 0;
 }
-.rf-step__content {
-	display: contents;
-}
 
 /* Individual step — borderless, matching recipe */
 .rf-step {
-	counter-increment: step;
-	position: relative;
 	padding: 0.625rem 0 0.625rem 2.25rem;
 }
 .rf-step + .rf-step {
 	border-top: 1px solid var(--rf-color-border);
 }
 .rf-step::before {
-	content: counter(step);
-	position: absolute;
-	left: 0;
-	top: 0.625rem;
-	width: 1.5rem;
-	height: 1.5rem;
 	background: var(--rf-color-surface);
 	color: var(--rf-color-primary);
 	border-radius: var(--rf-radius-full);
-	display: flex;
-	align-items: center;
-	justify-content: center;
 	font-weight: var(--rf-weight-bold);
 	font-size: var(--rf-text-xs);
 	font-variant-numeric: tabular-nums;
@@ -83,7 +63,6 @@
 .rf-step h5,
 .rf-step h6,
 .rf-step strong {
-	display: block;
 	margin-top: 0;
 	margin-bottom: 0.375rem;
 }
@@ -99,17 +78,6 @@
 }
 .rf-step__media {
 	border-radius: var(--rf-radius-md);
-	overflow: hidden;
 }
 
-/* BUG-001 — content-first DOM inverts the shared media-first stacked contract
- * (layouts/split.css): counter it so the labels are truthful. `bottom` (the
- * default) is plain block flow — media after the content, the historical
- * look; an explicit `top` flips the visual order without touching the DOM. */
-.rf-step[data-media-position="bottom"] {
-	display: block;
-}
-.rf-step[data-media-position="top"] {
-	display: flex;
-	flex-direction: column-reverse;
 }

package/styles/runes/storyboard.css

@@ -1,14 +1,12 @@
+@layer skin {
 /* Storyboard */
 .rf-storyboard__panels {
-	display: grid;
-	grid-template-columns: repeat(var(--sb-columns, 3), 1fr);
 	gap: 1rem;
 }
 /* Clean style */
 .rf-storyboard--clean .rf-storyboard-panel {
 	border: 1px solid var(--rf-color-border);
 	border-radius: var(--rf-radius-md);
-	overflow: hidden;
 }
 .rf-storyboard--clean .rf-storyboard-panel__body {
 	padding: 0.75rem;
@@ -17,7 +15,6 @@
 .rf-storyboard--comic .rf-storyboard-panel {
 	border: 3px solid var(--rf-color-text);
 	border-radius: 0.25rem;
-	overflow: hidden;
 	transform: rotate(-0.5deg);
 }
 .rf-storyboard--comic .rf-storyboard-panel:nth-child(even) {
@@ -45,18 +42,6 @@
 	color: var(--rf-color-muted);
 	margin: 0.5rem 0 0;
 }
-/* Shared image styles */
-.rf-storyboard-panel img {
-	width: 100%;
-	height: auto;
-	display: block;
-}
-.rf-storyboard-panel__body > span[property],
-.rf-storyboard-panel__body > meta { display: none; }
 .rf-storyboard-panel__body p:last-child { margin-bottom: 0; }
-@media (max-width: 768px) {
-	.rf-storyboard__panels { grid-template-columns: repeat(2, 1fr) !important; }
-}
-@media (max-width: 480px) {
-	.rf-storyboard__panels { grid-template-columns: 1fr !important; }
+
 }

package/styles/runes/swatch.css

@@ -1,7 +1,6 @@
+@layer skin {
 /* Swatch — inline color chip */
 .rf-swatch {
-	display: inline-flex;
-	align-items: center;
 	gap: 0.375rem;
 	vertical-align: middle;
 	border: 1px solid rgba(0, 0, 0, 0.12);
@@ -10,12 +9,8 @@
 	margin: 0 0.15em;
 }
 .rf-swatch__chip {
-	display: inline-block;
-	width: 0.875em;
-	height: 0.875em;
 	border-radius: 50%;
 	border: 1px solid rgba(0, 0, 0, 0.1);
-	flex-shrink: 0;
 }
 .rf-swatch__label {
 	font-weight: var(--rf-weight-medium);
@@ -26,3 +21,5 @@
 	font-family: var(--rf-font-mono, monospace);
 	vertical-align: middle;
 }
+
+}

package/styles/runes/symbol.css

@@ -1,4 +1,7 @@
-/* Symbol */
+@layer skin {
+/* Symbol — skin. The list display resets live in @refrakt-md/skeleton
+ * (styles/runes/symbol.css); the signature-bar geometry comes from the shared
+ * [data-zone-layout="bar"]. */
 
 /* SPEC-080: signature bar (kind/lang chips + source link). Geometry +
  * the source link's right-push come from [data-zone-layout="bar"]; the
@@ -30,7 +33,6 @@
 	margin: 1rem 0;
 }
 .rf-symbol__body > div > ul {
-	list-style: none;
 	padding-left: 0;
 	margin: 1rem 0;
 }
@@ -45,7 +47,6 @@
 .rf-symbol__body > div > ul > li > ul {
 	margin-top: 0.375rem;
 	padding-left: 1.25rem;
-	list-style: none;
 }
 .rf-symbol__body > div > ul > li > ul > li {
 	padding: 0.25rem 0;
@@ -106,7 +107,6 @@
 	margin: 0.75rem 0;
 }
 .rf-symbol-member ul {
-	list-style: none;
 	padding-left: 0;
 	margin: 0.75rem 0;
 }
@@ -124,3 +124,5 @@
 .rf-symbol-member blockquote::before {
 	content: none;
 }
+
+}

package/styles/runes/tabs.css

@@ -1,4 +1,6 @@
-/* Tabs */
+@layer skin {
+/* Tabs — skin. The eyebrow stretched-link, the scrollable tab strip, and the tab
+ * flex live in @refrakt-md/skeleton (styles/runes/tabs.css). */
 .rf-tabs__preamble {
 	margin-bottom: 1.5rem;
 }
@@ -11,8 +13,6 @@
 	margin: 0 0 0.5rem;
 }
 .rf-tabs__eyebrow:has(a) {
-	display: inline-block;
-	position: relative;
 	padding: 0.25rem 0.875rem;
 	border: 1px solid var(--rf-color-border);
 	border-radius: var(--rf-radius-full);
@@ -24,7 +24,7 @@
 }
 .rf-tabs__eyebrow:has(a):hover { border-color: var(--rf-color-muted); }
 .rf-tabs__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: var(--rf-weight-semibold); text-decoration: none; }
-.rf-tabs__eyebrow:has(a) a::before { content: ''; position: absolute; inset: 0; border-radius: inherit; }
+.rf-tabs__eyebrow:has(a) a::before { border-radius: inherit; }
 .rf-tabs__headline {
 	margin-top: 0;
 }
@@ -38,11 +38,7 @@
 
 /* Tab bar — clean bottom line, no background */
 .rf-tabs__tabs {
-	display: flex;
 	border-bottom: 1px solid var(--rf-color-border);
-	overflow-x: auto;
-	overflow-y: hidden;
-	-webkit-overflow-scrolling: touch;
 }
 .rf-tabs__panels {
 	padding: 0;
@@ -51,7 +47,6 @@
 
 /* Tab buttons */
 .rf-tab {
-	flex: 0 0 auto;
 	padding: 0.625rem 1.25rem;
 	font-size: var(--rf-text-sm);
 	font-weight: var(--rf-weight-medium);
@@ -86,3 +81,5 @@
 .rf-tab-panel pre {
 	margin: 0;
 }
+
+}

package/styles/runes/testimonial.css

@@ -1,4 +1,6 @@
-/* Testimonial */
+@layer skin {
+/* Testimonial — skin. The author block display + avatar box (size/crop) live in
+ * @refrakt-md/skeleton (styles/runes/testimonial.css). */
 .rf-testimonial {
 	border-radius: var(--rf-radius-lg);
 	padding: 1.75rem 2rem;
@@ -28,22 +30,19 @@
 	margin: 0;
 }
 .rf-testimonial__author-name {
-	display: block;
 	font-weight: var(--rf-weight-bold);
 	font-style: normal;
 	font-size: var(--rf-text-sm);
 	color: var(--rf-color-text);
 }
 .rf-testimonial__author-role {
-	display: block;
 	margin-top: 0.125rem;
 	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-testimonial :is(img, .rf-placeholder) {
-	width: 48px;
-	height: 48px;
 	border-radius: 50%;
-	object-fit: cover;
 	margin-top: 0.75rem;
 }
+
+}

package/styles/runes/textblock.css

@@ -1,11 +1,7 @@
-/* TextBlock */
-.rf-textblock__body {
-	display: block;
-}
+@layer skin {
 
 /* Drop cap — decorative first letter */
 .rf-textblock--dropcap .rf-textblock__body > p:first-child::first-letter {
-	float: left;
 	font-size: 3.5em;
 	font-weight: var(--rf-weight-bold);
 	line-height: 0.8;
@@ -25,17 +21,14 @@
 
 /* Multi-column text flow */
 .rf-textblock[data-columns="2"] .rf-textblock__body {
-	column-count: 2;
 	column-gap: 2rem;
 	column-rule: 1px solid var(--rf-color-border);
 }
 .rf-textblock[data-columns="3"] .rf-textblock__body {
-	column-count: 3;
 	column-gap: 2rem;
 	column-rule: 1px solid var(--rf-color-border);
 }
 .rf-textblock[data-columns="4"] .rf-textblock__body {
-	column-count: 4;
 	column-gap: 2rem;
 	column-rule: 1px solid var(--rf-color-border);
 }
@@ -46,16 +39,5 @@
 .rf-textblock--justify .rf-textblock__body { text-align: justify; }
 
 /* Responsive — columns collapse on smaller screens */
-@media (max-width: 768px) {
-	.rf-textblock[data-columns="3"] .rf-textblock__body,
-	.rf-textblock[data-columns="4"] .rf-textblock__body {
-		column-count: 2;
-	}
-}
-@media (max-width: 480px) {
-	.rf-textblock[data-columns="2"] .rf-textblock__body,
-	.rf-textblock[data-columns="3"] .rf-textblock__body,
-	.rf-textblock[data-columns="4"] .rf-textblock__body {
-		column-count: 1;
-	}
+
 }

package/styles/runes/timeline.css

@@ -1,20 +1,16 @@
+@layer skin {
 /* Timeline */
 .rf-timeline {
 	margin: 2rem 0;
 }
 .rf-timeline ol {
-	list-style: none;
 	padding: 0;
 	margin: 0;
 }
-.rf-timeline-entry {
-	position: relative;
-}
 .rf-timeline-entry:last-child {
 	padding-bottom: 0;
 }
 .rf-timeline-entry > time {
-	display: block;
 	font-size: var(--rf-text-xs);
 	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-primary);
@@ -22,7 +18,6 @@
 	margin-bottom: 0.25rem;
 }
 .rf-timeline-entry > span {
-	display: block;
 	font-size: var(--rf-text);
 	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
@@ -48,12 +43,6 @@
 	border-left-color: transparent;
 }
 .rf-timeline--vertical .rf-timeline-entry::before {
-	content: '';
-	position: absolute;
-	left: -0.4375rem;
-	top: 0.25rem;
-	width: 0.75rem;
-	height: 0.75rem;
 	border-radius: 50%;
 	background: var(--rf-color-primary);
 	border: 2px solid var(--rf-color-bg);
@@ -62,25 +51,18 @@
 
 /* Horizontal timeline */
 .rf-timeline--horizontal ol {
-	display: flex;
 	gap: 2rem;
-	overflow-x: auto;
 	padding: 2rem 0 1rem;
 }
 .rf-timeline--horizontal .rf-timeline-entry {
-	min-width: 12rem;
 	padding-top: 1.5rem;
 	border-top: 2px solid var(--rf-color-border);
 }
 .rf-timeline--horizontal .rf-timeline-entry::before {
-	content: '';
-	position: absolute;
-	top: -0.4375rem;
-	left: 0.5rem;
-	width: 0.75rem;
-	height: 0.75rem;
 	border-radius: 50%;
 	background: var(--rf-color-primary);
 	border: 2px solid var(--rf-color-bg);
 	box-shadow: 0 0 0 2px var(--rf-color-primary);
 }
+
+}

package/styles/runes/tint.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* Tint Rune — Colour Token Bridge
  *
  * Maps --tint-* custom properties (set by the identity transform) to
@@ -247,3 +248,5 @@
 	--rf-color-primary: var(--tint-primary, var(--cs-accent));
 	--rf-color-border: var(--tint-border, var(--cs-border));
 }
+
+}

package/styles/runes/toc.css

@@ -1,4 +1,6 @@
-/* Table of Contents */
+@layer skin {
+/* Table of Contents — skin. The list reset + the inline-block link live in
+ * @refrakt-md/skeleton (styles/runes/toc.css). */
 .rf-toc {
 	padding: 1.25rem 1.5rem;
 	border-left: 3px solid var(--rf-color-primary);
@@ -15,7 +17,6 @@
 }
 .rf-toc ul,
 .rf-toc ol {
-	list-style: none;
 	padding-left: 0;
 	margin: 0;
 }
@@ -32,7 +33,6 @@
 	color: var(--rf-color-text);
 	text-decoration: none;
 	font-size: var(--rf-text-sm);
-	display: inline-block;
 	padding: 0.2rem 0;
 	transition: color 150ms ease;
 }
@@ -40,3 +40,5 @@
 	color: var(--rf-color-primary);
 	text-decoration: none;
 }
+
+}

package/styles/runes/track.css

@@ -1,11 +1,9 @@
+@layer skin {
 /* Track */
 .rf-track {
-	display: flex;
-	align-items: center;
 	gap: 0.75rem;
 	padding: 0.75rem 1.25rem;
 	transition: background 0.15s ease;
-	counter-increment: track;
 }
 .rf-track + .rf-track {
 	border-top: 1px solid var(--rf-color-border);
@@ -14,22 +12,16 @@
 	background: color-mix(in srgb, var(--rf-color-border) 15%, transparent);
 }
 .rf-track::before {
-	content: counter(track);
-	min-width: 1.5rem;
 	font-size: var(--rf-text-xs);
 	color: var(--rf-color-primary);
 	text-align: right;
-	flex-shrink: 0;
 }
 
 /* Track name — primary text, takes remaining space */
 .rf-track__track-name {
-	flex: 1;
 	font-size: var(--rf-text);
 	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-text);
-	min-width: 0;
-	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
@@ -38,7 +30,6 @@
 .rf-track__track-artist {
 	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	flex-shrink: 0;
 }
 .rf-track__track-artist::before {
 	content: '\00b7';
@@ -51,9 +42,6 @@
 	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	font-variant-numeric: tabular-nums;
-	flex-shrink: 0;
-	margin-left: auto;
-	min-width: 3rem;
 	text-align: right;
 }
 
@@ -61,7 +49,6 @@
 .rf-track__track-meta {
 	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
-	flex-shrink: 0;
 }
 .rf-track__track-meta::before {
 	content: '\00b7';
@@ -71,7 +58,6 @@
 
 /* Description — full width below the row */
 .rf-track__track-description {
-	flex-basis: 100%;
 	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	line-height: var(--rf-leading-normal);
@@ -81,16 +67,9 @@
 	margin: 0;
 }
 
-/* Wrap when description is present */
-.rf-track:has(.rf-track__track-description) {
-	flex-wrap: wrap;
-}
-
 /* Cue points (lyrics / chapters) */
 .rf-track [data-name="lyrics"],
 .rf-track [data-name="chapters"] {
-	flex-basis: 100%;
-	list-style: none;
 	padding: 0.5rem 0 0;
 	margin: 0;
 	font-size: var(--rf-text-sm);
@@ -103,7 +82,6 @@
 	margin: 0;
 }
 .rf-track [data-name="chapters"] li {
-	display: flex;
 	gap: 0.75rem;
 	padding: 0.25rem 0;
 }
@@ -114,15 +92,8 @@
 .rf-track [data-name="chapter-time"] {
 	color: var(--rf-color-muted);
 	font-variant-numeric: tabular-nums;
-	margin-left: auto;
 }
 
 /* Hide secondary columns on narrow screens */
-@media (max-width: 480px) {
-	.rf-track__track-artist {
-		display: none;
-	}
-	.rf-track__track-meta {
-		display: none;
-	}
+
 }

package/styles/runes/typography.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* Typography — font specimen display */
 .rf-typography__title {
 	font-size: var(--rf-text-lg);
@@ -5,8 +6,6 @@
 	margin-bottom: 1rem;
 }
 .rf-typography__specimens {
-	display: flex;
-	flex-direction: column;
 	gap: 2rem;
 }
 .rf-typography__specimen {
@@ -14,8 +13,6 @@
 	padding: 0;
 }
 .rf-typography__specimen-header {
-	display: flex;
-	align-items: baseline;
 	gap: 0.75rem;
 	margin-bottom: 1.25rem;
 	padding-bottom: 0.75rem;
@@ -36,38 +33,27 @@
 	color: var(--rf-color-muted);
 }
 .rf-typography__sizes {
-	display: flex;
-	flex-direction: column;
 	gap: 0.5rem;
 	margin-bottom: 1rem;
 }
 .rf-typography__size-sample {
-	display: flex;
-	align-items: baseline;
 	gap: 1rem;
 	line-height: var(--rf-leading-snug);
-	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 .rf-typography__size-label {
-	flex-shrink: 0;
 	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-mono, monospace);
 	color: var(--rf-color-muted);
-	min-width: 3rem;
 	text-align: right;
 }
 .rf-typography__weights {
-	display: flex;
 	gap: 1.5rem;
-	flex-wrap: wrap;
 	padding-top: 1rem;
 	border-top: 1px solid var(--rf-color-border, #e5e7eb);
 }
 .rf-typography__weight-sample {
-	display: flex;
-	flex-direction: column;
 	gap: 0.25rem;
 }
 .rf-typography__weight-label {
@@ -98,3 +84,5 @@
 .rf-typography--in-design-context .rf-typography__specimen + .rf-typography__specimen {
 	padding-top: 1.5rem;
 }
+
+}

package/styles/runes/work.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* Work */
 
 /* SPEC-080: eyebrow / metadata / tags are projected blocks placed at the
@@ -44,3 +45,5 @@
 [data-complexity="moderate"] .rf-work__metadata [data-field="complexity"] dd::after { content: '  ●●●'; }
 [data-complexity="complex"]  .rf-work__metadata [data-field="complexity"] dd::after { content: '  ●●●●'; }
 [data-complexity="unknown"]  .rf-work__metadata [data-field="complexity"] dd::after { content: '  ?'; }
+
+}

package/styles/runes/xref.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* Xref — inline cross-reference link */
 
 .rf-xref {
@@ -13,7 +14,6 @@
 }
 .rf-xref--external::after {
 	content: '\2197'; /* ↗ */
-	display: inline-block;
 	margin-inline-start: 0.15em;
 	font-size: 0.85em;
 	vertical-align: 0.05em;
@@ -26,3 +26,5 @@
 	color: var(--rf-color-muted);
 	cursor: help;
 }
+
+}

package/tokens/base.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* GENERATED from src/tokens.ts by scripts/generate-tokens.mjs — do not edit by hand.
  * Edit the `luminaTokens` source and rebuild; a drift test guards this file. */
 
@@ -63,6 +64,8 @@
 	--rf-radius-full: 9999px;
 	--rf-spacing-xs: 0.25rem;
 	--rf-spacing-sm: 0.5rem;
+	--rf-spacing-snug: 0.75rem;
+	--rf-spacing-cozy: 1rem;
 	--rf-spacing-md: 1.5rem;
 	--rf-spacing-lg: 2rem;
 	--rf-spacing-xl: 3rem;
@@ -108,3 +111,13 @@
 	--rf-color-inline-code-bg: #e6e5e3;
 	--rf-surface-inset-shift: 0.04;
 }
+
+:root {
+	--rf-icon-hint-note: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%2212%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%228%22%20x2%3D%2212.01%22%20y2%3D%228%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-warning: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10.29%203.86L1.82%2018a2%202%200%200%200%201.71%203h16.94a2%202%200%200%200%201.71-3L13.71%203.86a2%202%200%200%200-3.42%200z%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%229%22%20x2%3D%2212%22%20y2%3D%2213%22%2F%3E%3Cline%20x1%3D%2212%22%20y1%3D%2217%22%20x2%3D%2212.01%22%20y2%3D%2217%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-caution: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cline%20x1%3D%2215%22%20y1%3D%229%22%20x2%3D%229%22%20y2%3D%2215%22%2F%3E%3Cline%20x1%3D%229%22%20y1%3D%229%22%20x2%3D%2215%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-hint-check: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M22%2011.08V12a10%2010%200%201%201-5.93-9.14%22%2F%3E%3Cpolyline%20points%3D%2222%204%2012%2014.01%209%2011.01%22%2F%3E%3C%2Fsvg%3E");
+	--rf-icon-accordion-chevron: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%229%2018%2015%2012%209%206%22%2F%3E%3C%2Fsvg%3E");
+}
+
+}

package/tokens/dark.css

@@ -1,3 +1,4 @@
+@layer skin {
 /* GENERATED from src/tokens.ts by scripts/generate-tokens.mjs — do not edit by hand.
  * Edit the `luminaTokens` source and rebuild; a drift test guards this file. */
 
@@ -122,3 +123,5 @@
 	--rf-surface-inset-shift: 0.06;
 	}
 }
+
+}