@refrakt-md/lumina 0.20.2 → 0.22.0

package/styles/runes/audio.css

@@ -4,9 +4,9 @@
 }
 .rf-audio__description {
 	padding: 0.75rem 1rem;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.5;
+	line-height: var(--rf-leading-normal);
 }
 .rf-audio__description p {
 	margin: 0;
@@ -31,15 +31,15 @@
 	gap: 0.125rem;
 }
 .rf-audio-player__name {
-	font-size: 0.9375rem;
-	font-weight: 600;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 .rf-audio-player__artist {
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 
@@ -85,7 +85,7 @@
 
 /* Time displays */
 .rf-audio-player__time {
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	font-variant-numeric: tabular-nums;
 	color: var(--rf-color-muted);
 	min-width: 2.5rem;
@@ -170,12 +170,12 @@
 }
 .rf-audio-player__chapter-name {
 	flex: 1;
-	font-size: 0.8125rem;
-	font-weight: 500;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-text);
 }
 .rf-audio-player__chapter-time {
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	font-variant-numeric: tabular-nums;
 	color: var(--rf-color-muted);
 	flex-shrink: 0;

package/styles/runes/badge.css

@@ -15,8 +15,8 @@
 	border: none;
 	background: color-mix(in srgb, var(--meta-color, var(--rf-color-muted)) 10%, transparent);
 	color: var(--meta-color, var(--rf-color-muted));
-	font-size: 0.75rem;
-	font-weight: 500;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-medium);
 	padding: 0.125rem 0.5rem;
 	border-radius: var(--rf-radius-sm);
 	white-space: nowrap;

package/styles/runes/bento.css

@@ -148,8 +148,8 @@
 .rf-bento-cell__media[style*="--frame-aspect"] { --bento-media-aspect: var(--frame-aspect); }
 .rf-bento-cell__media[style*="--frame-anchor"] { --bento-media-anchor: var(--frame-anchor); }
 .rf-bento-cell__title {
-	font-size: 1.125rem;
-	font-weight: 600;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-semibold);
 	margin: 0 0 0.5rem;
 }
 .rf-bento-cell__body { min-height: 0; }

package/styles/runes/blog.css

@@ -6,18 +6,18 @@
 	margin-bottom: 2rem;
 }
 .rf-blog__headline {
-	font-size: 2rem;
-	font-weight: 700;
-	letter-spacing: -0.02em;
+	font-size: var(--rf-text-3xl);
+	font-weight: var(--rf-weight-bold);
+	letter-spacing: var(--rf-tracking-tight);
 	margin: 0 0 0.5rem;
-	line-height: 1.2;
+	line-height: var(--rf-leading-tight);
 	color: var(--rf-color-text);
 }
 .rf-blog__blurb {
-	font-size: 1.1rem;
+	font-size: var(--rf-text-lg);
 	color: var(--rf-color-muted);
 	margin: 0 0 1rem;
-	line-height: 1.6;
+	line-height: var(--rf-leading-relaxed);
 	max-width: 640px;
 }
 .rf-blog__posts {
@@ -35,10 +35,10 @@
 	box-shadow: var(--rf-shadow-md);
 }
 .rf-blog__post h3 {
-	font-size: 1.25rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xl);
+	font-weight: var(--rf-weight-semibold);
 	margin: 0 0 0.375rem;
-	line-height: 1.3;
+	line-height: var(--rf-leading-snug);
 }
 .rf-blog__post h3 a {
 	color: var(--rf-color-text);
@@ -49,15 +49,15 @@
 }
 .rf-blog__post time {
 	display: inline-block;
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	margin-bottom: 0.5rem;
 }
 .rf-blog__post p {
-	font-size: 0.95rem;
+	font-size: var(--rf-text);
 	color: var(--rf-color-muted);
 	margin: 0;
-	line-height: 1.6;
+	line-height: var(--rf-leading-relaxed);
 }
 
 /* Grid layout */
@@ -82,13 +82,13 @@
 	border-radius: 0 0 var(--rf-radius-md) var(--rf-radius-md);
 }
 .rf-blog--compact .rf-blog__post h3 {
-	font-size: 1.1rem;
+	font-size: var(--rf-text-lg);
 	margin-bottom: 0.125rem;
 }
 .rf-blog--compact .rf-blog__post p {
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 }
 .rf-blog--compact .rf-blog__post time {
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	margin-bottom: 0.25rem;
 }

package/styles/runes/bond.css

@@ -7,8 +7,8 @@
 }
 .rf-bond > span[property="from"],
 .rf-bond > span[property="to"] {
-	font-weight: 600;
-	font-size: 1rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text);
 	color: var(--rf-color-text);
 	white-space: nowrap;
 }
@@ -44,7 +44,7 @@
 }
 .rf-bond__body {
 	width: 100%;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 

package/styles/runes/breadcrumb.css

@@ -1,6 +1,6 @@
 /* Breadcrumb */
 .rf-breadcrumb {
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	margin: 0 0 1.5rem;
 }
 .rf-breadcrumb__items {
@@ -42,5 +42,5 @@
 }
 .rf-breadcrumb li:last-child span {
 	color: var(--rf-color-text);
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 }

package/styles/runes/budget.css

@@ -9,9 +9,9 @@
 	margin-bottom: 1.5rem;
 }
 .rf-budget .rf-budget__eyebrow {
-	font-size: 0.8rem;
-	font-weight: 600;
-	letter-spacing: 0.06em;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
+	letter-spacing: var(--rf-tracking-wider);
 	text-transform: uppercase;
 	color: var(--rf-color-primary);
 	margin: 0 0 0.375rem;
@@ -49,10 +49,10 @@
 }
 .rf-budget-category--estimate .rf-budget-category__subtotal::before {
 	content: 'est.';
-	font-size: 0.6875rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-warning);
 	background: var(--rf-color-warning-bg);
 	padding: 0.0625rem 0.375rem;
@@ -61,13 +61,13 @@
 	vertical-align: middle;
 }
 .rf-budget-category__label {
-	font-size: 0.9375rem;
-	font-weight: 600;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 }
 .rf-budget-category__subtotal {
-	font-size: 0.9375rem;
-	font-weight: 600;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 	white-space: nowrap;
 }
@@ -89,14 +89,14 @@
 	border-top: 1px solid var(--rf-color-border);
 }
 .rf-budget-line-item__description {
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	flex: 1;
 	min-width: 0;
 }
 .rf-budget-line-item__amount {
-	font-size: 0.875rem;
-	font-weight: 500;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-text);
 	white-space: nowrap;
 	font-variant-numeric: tabular-nums;
@@ -118,13 +118,13 @@
 	gap: 1rem;
 }
 .rf-budget__total-label {
-	font-size: 1rem;
-	font-weight: 700;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 }
 .rf-budget__total-amount {
-	font-size: 1.25rem;
-	font-weight: 700;
+	font-size: var(--rf-text-xl);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 	white-space: nowrap;
 	font-variant-numeric: tabular-nums;
@@ -136,13 +136,13 @@
 	gap: 1rem;
 }
 .rf-budget__per-day-label {
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	min-width: 0;
 }
 .rf-budget__per-day-amount {
-	font-size: 0.9375rem;
-	font-weight: 500;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-muted);
 	white-space: nowrap;
 	font-variant-numeric: tabular-nums;

package/styles/runes/bug.css

@@ -20,8 +20,8 @@
 .rf-bug__metadata [data-field="assignee"] dd .rf-badge::before { content: '@'; }
 
 .rf-bug__body {
-	font-size: 0.925rem;
-	line-height: 1.65;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
 }
 .rf-bug__body > section {
 	margin-top: 1rem;

package/styles/runes/card.css

@@ -86,9 +86,9 @@
 /* Eyebrow — a leading paragraph immediately before a heading, the same kicker
  * treatment as page-section / recipe. */
 .rf-card__eyebrow {
-	font-size: 0.8rem;
-	font-weight: 600;
-	letter-spacing: 0.06em;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
+	letter-spacing: var(--rf-tracking-wider);
 	text-transform: uppercase;
 	color: var(--rf-color-primary);
 	margin: 0 0 0.375rem;

package/styles/runes/cast.css

@@ -30,21 +30,21 @@
 }
 .rf-cast-member__name {
 	display: block;
-	font-weight: 600;
-	font-size: 1rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text);
 	color: var(--rf-color-text);
 }
 .rf-cast-member__role {
 	display: block;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	margin-top: 0.125rem;
 }
 .rf-cast-member__body {
 	margin-top: 0.75rem;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.5;
+	line-height: var(--rf-leading-normal);
 }
 .rf-cast-member__body:empty { display: none; }
 .rf-cast-member img {

package/styles/runes/changelog.css

@@ -16,14 +16,14 @@
 	display: contents;
 }
 .rf-changelog-release h3 {
-	font-size: 1.25rem;
-	font-weight: 700;
+	font-size: var(--rf-text-xl);
+	font-weight: var(--rf-weight-bold);
 	margin: 0 0 0.25rem;
 	color: var(--rf-color-text);
 }
 .rf-changelog-release time {
 	display: block;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	margin-bottom: 0.75rem;
 }
@@ -32,16 +32,16 @@
 	margin: 0;
 }
 .rf-changelog-release li {
-	font-size: 0.925rem;
-	line-height: 1.65;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
 	margin-bottom: 0.25rem;
 }
 .rf-changelog-release strong {
 	display: inline-block;
-	font-size: 0.7rem;
-	font-weight: 700;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-bold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	padding: 0.1rem 0.4rem;
 	border-radius: var(--rf-radius-sm);
 	margin-right: 0.375rem;

package/styles/runes/character.css

@@ -42,9 +42,9 @@
 }
 .rf-character-section__name {
 	display: block;
-	font-size: 1.25rem;
-	font-weight: 700;
-	line-height: 1.3;
+	font-size: var(--rf-text-xl);
+	font-weight: var(--rf-weight-bold);
+	line-height: var(--rf-leading-snug);
 	margin-bottom: 0.5rem;
 	color: var(--rf-color-text);
 }

package/styles/runes/chart.css

@@ -75,10 +75,10 @@
 .rf-chart__data {
 	width: 100%;
 	border-collapse: collapse;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 }
 .rf-chart__data caption {
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 	margin-bottom: 0.75rem;
 }
 .rf-chart__data th,
@@ -99,8 +99,8 @@
 	border: 0;
 }
 .rf-chart__title {
-	font-weight: 600;
-	font-size: 1rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text);
 	margin-bottom: 1rem;
 	text-align: center;
 }
@@ -116,7 +116,7 @@
 	display: flex;
 	align-items: center;
 	gap: 0.375rem;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-chart__legend-color {

package/styles/runes/codegroup.css

@@ -42,7 +42,7 @@
 /* Filename title — the topbar bar's lone `code` field. */
 .rf-codegroup__topbar [data-meta-type="code"] {
 	margin-left: 0.5rem;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	font-weight: normal;
 	color: var(--rf-color-muted);
 }
@@ -61,7 +61,7 @@
 .rf-codegroup__tab {
 	flex: 0 0 auto;
 	padding: 0.5rem 1rem;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-mono);
 	color: var(--rf-color-muted);
 	background: none;
@@ -95,7 +95,7 @@
 }
 .rf-codegroup code {
 	font-family: var(--rf-font-mono);
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 }
 /* Overflow modes */
 .rf-codegroup[data-overflow="wrap"] pre {

package/styles/runes/collection.css

@@ -84,7 +84,7 @@
 }
 
 .rf-collection__title {
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 	text-decoration: none;
 }
@@ -133,7 +133,7 @@
 	margin: 0 0 var(--rf-spacing-sm);
 	font-size: 0.875em;
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted);
 }
 
@@ -153,7 +153,7 @@
 .rf-collection__table th {
 	font-size: 0.875em;
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted);
 }
 

package/styles/runes/compare.css

@@ -7,8 +7,8 @@
 .rf-compare__header {
 	padding: 0.5rem 1rem;
 	font-family: var(--rf-font-sans);
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted);
 	background: var(--rf-color-surface);
 	border-bottom: 1px solid var(--rf-color-border);
@@ -34,10 +34,10 @@
 .rf-compare [data-label] {
 	display: block;
 	padding: 0.5rem 1rem;
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted);
 	background: var(--rf-color-surface);
 	border-bottom: 1px solid var(--rf-color-border);

package/styles/runes/comparison.css

@@ -12,8 +12,8 @@
 .rf-comparison__title {
 	text-align: center;
 	margin: 0 0 1.5rem;
-	font-size: 1.5rem;
-	font-weight: 700;
+	font-size: var(--rf-text-2xl);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 }
 .rf-comparison > meta,
@@ -28,7 +28,7 @@
 .rf-comparison__table {
 	width: 100%;
 	border-collapse: collapse;
-	font-size: 0.9375rem;
+	font-size: var(--rf-text);
 }
 .rf-comparison__table thead {
 	position: sticky;
@@ -43,8 +43,8 @@
 }
 .rf-comparison__table thead th {
 	background: var(--rf-color-bg);
-	font-weight: 700;
-	font-size: 1rem;
+	font-weight: var(--rf-weight-bold);
+	font-size: var(--rf-text);
 	color: var(--rf-color-text);
 	border-bottom: 2px solid var(--rf-color-border);
 	vertical-align: bottom;
@@ -55,10 +55,10 @@
 }
 .rf-comparison__recommended-badge {
 	display: block;
-	font-size: 0.6875rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-primary);
 	margin-top: 0.25rem;
 }
@@ -67,7 +67,7 @@
 	white-space: nowrap;
 }
 .rf-comparison__row-label {
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 	white-space: nowrap;
 	background: var(--rf-color-bg);
@@ -79,7 +79,7 @@
 .rf-comparison__cell--highlighted {
 	background: color-mix(in srgb, var(--rf-color-primary) 3%, transparent);
 }
-.rf-comparison__cell p { margin: 0; font-size: 0.875rem; }
+.rf-comparison__cell p { margin: 0; font-size: var(--rf-text-sm); }
 .rf-comparison__cell strong { display: none; }
 .rf-comparison__cell em {
 	font-style: italic;
@@ -90,8 +90,8 @@
 }
 /* Row icons */
 .rf-comparison__row-icon {
-	font-weight: 700;
-	font-size: 1.125rem;
+	font-weight: var(--rf-weight-bold);
+	font-size: var(--rf-text-lg);
 }
 .rf-comparison__row-icon--check {
 	color: var(--rf-color-success);
@@ -113,8 +113,8 @@
 	display: inline-block;
 	background: color-mix(in srgb, var(--rf-color-primary) 10%, transparent);
 	color: var(--rf-color-primary);
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	padding: 0.125rem 0.5rem;
 	border-radius: 999px;
 }
@@ -149,18 +149,18 @@
 	transform: translateX(-50%);
 	background: var(--rf-color-primary);
 	color: white;
-	font-size: 0.6875rem;
-	font-weight: 700;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-bold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	padding: 0.125rem 0.75rem;
 	border-radius: 999px;
 	white-space: nowrap;
 }
 .rf-comparison-card__name {
 	margin: 0 0 1rem;
-	font-size: 1.125rem;
-	font-weight: 700;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 }
 .rf-comparison-card__rows {
@@ -170,7 +170,7 @@
 }
 .rf-comparison-card__row {
 	padding: 0.5rem 0;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	border-bottom: 1px solid var(--rf-color-border);
 	display: flex;
@@ -188,7 +188,7 @@
 /* Verdict */
 .rf-comparison__verdict {
 	text-align: center;
-	font-size: 0.9375rem;
+	font-size: var(--rf-text);
 	color: var(--rf-color-muted);
 	font-style: italic;
 	margin: 1.5rem auto 0;
@@ -205,7 +205,7 @@
 @media (max-width: 640px) {
 	.rf-comparison__cards { grid-template-columns: 1fr; }
 	.rf-comparison-card--highlighted { transform: none; }
-	.rf-comparison__table { font-size: 0.8125rem; }
+	.rf-comparison__table { font-size: var(--rf-text-sm); }
 	.rf-comparison__table th,
 	.rf-comparison__table td { padding: 0.5rem 0.625rem; }
 }

package/styles/runes/conversation.css

@@ -24,8 +24,8 @@
 	align-items: flex-end;
 }
 .rf-conversation-message__speaker {
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted);
 	margin-bottom: 0.25rem;
 	padding: 0 0.75rem;
@@ -33,8 +33,8 @@
 .rf-conversation-message__body {
 	padding: 0.75rem 1rem;
 	border-radius: 1rem;
-	font-size: 0.9375rem;
-	line-height: 1.5;
+	font-size: var(--rf-text);
+	line-height: var(--rf-leading-normal);
 }
 .rf-conversation-message--left .rf-conversation-message__body {
 	background: var(--rf-color-surface);