@refrakt-md/lumina 0.21.0 → 0.22.0

package/styles/layouts/on-this-page.css

@@ -1,14 +1,14 @@
 /* On This Page — TOC sidebar navigation */
 
 .rf-on-this-page {
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 }
 
 .rf-on-this-page__title {
-	font-size: 0.7rem;
-	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, #64748b);
 	margin: 0 0 0.75rem;
 }
@@ -32,7 +32,7 @@
 	padding: 0.25rem 0.75rem;
 	color: var(--rf-color-muted, #64748b);
 	text-decoration: none;
-	line-height: 1.4;
+	line-height: var(--rf-leading-snug);
 }
 
 .rf-on-this-page__item a:hover {

package/styles/layouts/plan.css

@@ -14,8 +14,8 @@
 }
 
 .rf-plan-dashboard__section-title {
-	font-size: 1.125rem;
-	font-weight: 600;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text, #212529);
 	margin-block-end: var(--rf-spacing-md, 1rem);
 	padding-block-end: var(--rf-spacing-sm, 0.5rem);
@@ -43,8 +43,8 @@
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	font-size: 1.125rem;
-	font-weight: 700;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-bold);
 	margin-block-end: var(--rf-spacing-lg, 1.5rem);
 	color: var(--rf-color-text, #212529);
 }
@@ -77,10 +77,10 @@
 }
 
 .rf-plan-sidebar__group-title {
-	font-size: 0.8125rem;
-	font-weight: 600;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-semibold);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted, #6c757d);
 	margin-block-end: var(--rf-spacing-sm, 0.5rem);
 }
@@ -100,7 +100,7 @@
 	border-radius: var(--rf-radius-sm, 0.25rem);
 	background: transparent;
 	color: var(--rf-color-muted, #6c757d);
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	cursor: pointer;
 	text-align: start;
 	transition: background 0.15s ease;
@@ -124,12 +124,12 @@
 
 .rf-plan-sidebar__status-label {
 	flex: 1;
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 }
 
 .rf-plan-sidebar__status-count {
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted, #6c757d);
 	background: var(--rf-color-surface-active, #f1f3f5);
 	padding: 0 0.375rem;
@@ -152,7 +152,7 @@
 	border-radius: var(--rf-radius-sm, 0.25rem);
 	color: var(--rf-color-text, #212529);
 	text-decoration: none;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	transition: background 0.15s ease;
 }
 
@@ -179,7 +179,7 @@
 .rf-plan-sidebar__link--active {
 	background: var(--rf-color-info-bg, #e7f5ff);
 	color: var(--rf-color-info, #339af0);
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 }
 
 .rf-plan-sidebar__link--focused {
@@ -200,17 +200,17 @@
 
 .rf-plan-sidebar__blocker-icon {
 	margin-left: auto;
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-danger, #ff6b6b);
 	flex-shrink: 0;
 }
 
 /* Views section in sidebar */
 .rf-plan-sidebar__view-header {
-	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-muted, #6c757d);
 	padding: 0.25rem 0.5rem;
 	margin-block-start: 0.25rem;
@@ -228,8 +228,8 @@
 }
 
 .rf-plan-sidebar__link .rf-plan-sidebar__view-count {
-	font-size: 0.6875rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted, #6c757d);
 	background: var(--rf-color-surface-active, #f1f3f5);
 	padding: 0 0.375rem;
@@ -311,8 +311,8 @@
 }
 
 .rf-plan-toolbar__title {
-	font-size: 0.875rem;
-	font-weight: 600;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text, #212529);
 	flex: 1;
 	min-width: 0;
@@ -367,8 +367,8 @@
 	padding: 0.5rem 1rem;
 	color: var(--rf-color-text, #212529);
 	text-decoration: none;
-	font-size: 0.8125rem;
-	line-height: 1.4;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-snug);
 }
 
 .rf-section-nav__link:hover {
@@ -381,7 +381,7 @@
 
 .rf-section-nav__item[data-active] .rf-section-nav__link {
 	color: var(--rf-color-info, #339af0);
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 }
 
 /* ---- Responsive ---- */

package/styles/layouts/search.css

@@ -8,7 +8,7 @@
 	border-radius: var(--rf-radius-full);
 	background: var(--rf-color-surface);
 	color: var(--rf-color-muted);
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-sans);
 	cursor: pointer;
 	transition: border-color 0.15s, color 0.15s, background 0.15s;
@@ -37,8 +37,8 @@
 	border-radius: var(--rf-radius-sm);
 	background: var(--rf-color-bg);
 	font-family: var(--rf-font-sans);
-	font-size: 0.7rem;
-	line-height: 1.2;
+	font-size: var(--rf-text-xs);
+	line-height: var(--rf-leading-tight);
 	color: var(--rf-color-muted);
 }
 
@@ -84,7 +84,7 @@
 	border: none;
 	outline: none;
 	background: transparent;
-	font-size: 1rem;
+	font-size: var(--rf-text);
 	font-family: var(--rf-font-sans);
 	color: var(--rf-color-text);
 }
@@ -103,7 +103,7 @@
 	border-radius: var(--rf-radius-sm);
 	background: var(--rf-color-surface);
 	font-family: var(--rf-font-sans);
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	flex-shrink: 0;
 }
@@ -133,15 +133,15 @@
 }
 .rf-search-result__title {
 	display: block;
-	font-weight: 500;
-	font-size: 0.875rem;
-	line-height: 1.4;
+	font-weight: var(--rf-weight-medium);
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-snug);
 	margin-bottom: 0.125rem;
 }
 .rf-search-result__excerpt {
 	display: block;
-	font-size: 0.8rem;
-	line-height: 1.5;
+	font-size: var(--rf-text-xs);
+	line-height: var(--rf-leading-normal);
 	color: var(--rf-color-muted);
 }
 .rf-search-result__excerpt mark {
@@ -155,7 +155,7 @@
 .rf-search-dialog__empty {
 	text-align: center;
 	padding: 2rem 1rem;
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 
@@ -166,7 +166,7 @@
 	gap: 1rem;
 	padding: 0.5rem 1rem;
 	border-top: 1px solid var(--rf-color-border);
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 }
 .rf-search-dialog__footer kbd {
@@ -179,8 +179,8 @@
 	border-radius: 3px;
 	background: var(--rf-color-surface);
 	font-family: var(--rf-font-sans);
-	font-size: 0.65rem;
-	line-height: 1.4;
+	font-size: var(--rf-text-xs);
+	line-height: var(--rf-leading-snug);
 }
 
 /* Mobile */

package/styles/layouts/version-switcher.css

@@ -5,15 +5,15 @@
 	align-items: center;
 	gap: 0.5rem;
 	margin-bottom: 1.5rem;
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 }
 
 .rf-version-switcher__label {
 	color: var(--rf-color-muted);
-	font-weight: 500;
-	font-size: 0.8rem;
+	font-weight: var(--rf-weight-medium);
+	font-size: var(--rf-text-xs);
 	text-transform: uppercase;
-	letter-spacing: 0.03em;
+	letter-spacing: var(--rf-tracking-wide);
 }
 
 .rf-version-switcher__select {
@@ -23,11 +23,11 @@
 	border: 1px solid var(--rf-color-border);
 	border-radius: var(--rf-radius-sm, 0.25rem);
 	color: var(--rf-color-text);
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	font-family: inherit;
 	padding: 0.3rem 2rem 0.3rem 0.6rem;
 	cursor: pointer;
-	line-height: 1.4;
+	line-height: var(--rf-leading-snug);
 	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
 	background-repeat: no-repeat;
 	background-position: right 0.5rem center;

package/styles/runes/accordion.css

@@ -5,9 +5,9 @@
 	margin-bottom: 1.5rem;
 }
 .rf-accordion__eyebrow {
-	font-size: 0.8125rem;
-	font-weight: 600;
-	letter-spacing: 0.05em;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-semibold);
+	letter-spacing: var(--rf-tracking-wider);
 	text-transform: uppercase;
 	color: var(--rf-color-primary);
 	margin: 0 0 0.5rem;
@@ -19,13 +19,13 @@
 	border: 1px solid var(--rf-color-border);
 	border-radius: var(--rf-radius-full);
 	color: var(--rf-color-text);
-	font-weight: 400;
+	font-weight: var(--rf-weight-normal);
 	text-transform: none;
-	letter-spacing: 0;
+	letter-spacing: var(--rf-tracking-normal);
 	transition: border-color 150ms ease;
 }
 .rf-accordion__eyebrow:has(a):hover { border-color: var(--rf-color-muted); }
-.rf-accordion__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: 600; text-decoration: none; }
+.rf-accordion__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: var(--rf-weight-semibold); text-decoration: none; }
 .rf-accordion__eyebrow:has(a) a::before { content: ''; position: absolute; inset: 0; border-radius: inherit; }
 .rf-accordion__headline {
 	margin-top: 0;
@@ -51,8 +51,8 @@
 	align-items: center;
 	gap: 0.5rem;
 	padding: 0.875rem 0rem;
-	font-weight: 600;
-	font-size: 0.95rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text);
 	cursor: pointer;
 	user-select: none;
 	list-style: none;
@@ -112,8 +112,8 @@
  * `group-display="accordion"` panel, where the card's own typography
  * should govern. */
 .rf-accordion-item__body:not(:has([data-block])) {
-	font-size: 0.925rem;
-	line-height: 1.65;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
 	color: var(--rf-color-muted);
 }
 .rf-accordion-item__body p:last-child {

package/styles/runes/aggregate.css

@@ -20,7 +20,7 @@
  * weight tuned to stand out modestly in prose. */
 .rf-aggregate[data-aggregate='count'] {
 	font-variant-numeric: tabular-nums;
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 }
 

package/styles/runes/annotate.css

@@ -9,7 +9,7 @@
 	width: 40%;
 	margin: 0.25rem 0 0.5rem 1rem;
 	padding: 0.5rem 0 0.5rem 1rem;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	border-left: 2px solid var(--rf-color-border);
 }
@@ -20,7 +20,7 @@
 	vertical-align: baseline;
 	margin: 0 0.25rem;
 	padding: 0.125rem 0 0.125rem 0.5rem;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	border-left: 2px solid var(--rf-color-border);
 }
@@ -40,8 +40,8 @@
 	justify-content: center;
 	width: 1rem;
 	height: 1rem;
-	font-size: 0.625rem;
-	font-weight: 700;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-primary);
 	border: 1px solid var(--rf-color-primary);
 	border-radius: var(--rf-radius-full, 50%);
@@ -55,7 +55,7 @@
 	transform: translateX(-50%);
 	width: 16rem;
 	padding: 0.75rem;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-text);
 	background: var(--rf-color-bg);
 	border: 1px solid var(--rf-color-border);

package/styles/runes/api.css

@@ -19,7 +19,7 @@
 	padding: 0.5rem 1rem;
 	margin: 0.75rem 0;
 	border-radius: 0 var(--rf-radius-sm) var(--rf-radius-sm) 0;
-	font-size: 0.9375rem;
+	font-size: var(--rf-text);
 }
 .rf-api__body blockquote::before {
 	content: none;

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;