@refrakt-md/lumina 0.20.2 → 0.22.0

package/styles/runes/nav.css

@@ -20,19 +20,19 @@
 	border-bottom: 1px solid var(--rf-color-border);
 }
 .rf-nav__top-level .rf-nav-item__link {
-	font-weight: 600;
-	font-size: 0.9rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text-sm);
 }
 .rf-nav-group h2,
 .rf-nav-group h3 {
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	text-transform: uppercase;
-	letter-spacing: 0.06em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted);
 	margin-top: 0;
 	margin-bottom: 0.5rem;
 	padding-left: 0.75rem;
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 }
 .rf-nav-item__link {
 	display: block;
@@ -40,7 +40,7 @@
 	border-radius: var(--rf-radius-sm);
 	color: var(--rf-color-text);
 	text-decoration: none;
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	transition: background-color 150ms ease, color 150ms ease;
 }
 .rf-nav-item__link:hover {
@@ -53,7 +53,7 @@
 .rf-nav-item__link[aria-current="page"] {
 	background: color-mix(in srgb, var(--rf-color-primary) 8%, transparent);
 	color: var(--rf-color-primary);
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 }
 /* SPEC-055: ancestor-of-current-page link — subtler treatment than the
  * exact-match aria-current state. Themes can collapse the two into a
@@ -63,7 +63,7 @@
 }
 .rf-nav-item {
 	padding: 0.375rem 0.75rem;
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 
@@ -168,8 +168,8 @@
 .rf-nav--menubar > .rf-nav__top-level .rf-nav-item__link {
 	display: inline-block;
 	padding: 0.375rem 0.75rem;
-	font-weight: 500;
-	font-size: 0.9rem;
+	font-weight: var(--rf-weight-medium);
+	font-size: var(--rf-text-sm);
 	border-radius: var(--rf-radius-sm);
 	color: var(--rf-color-muted);
 	transition: background-color 150ms ease, color 150ms ease;
@@ -187,8 +187,8 @@
 .rf-nav--menubar .rf-nav-group h3 {
 	margin: 0;
 	padding: 0.375rem 0.75rem;
-	font-size: 0.9rem;
-	font-weight: 500;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-medium);
 	line-height: inherit;
 	text-transform: none;
 	letter-spacing: normal;
@@ -256,8 +256,8 @@
 	padding: 0.5rem 0.75rem;
 }
 .rf-nav--menubar .rf-nav-group .rf-nav-item__link {
-	font-size: 0.85rem;
-	font-weight: 400;
+	font-size: var(--rf-text-sm);
+	font-weight: var(--rf-weight-normal);
 }
 .rf-nav--menubar > nav,
 .rf-nav--menubar {
@@ -303,14 +303,14 @@
 	}
 	.rf-nav--menubar .rf-nav-group h2,
 	.rf-nav--menubar .rf-nav-group h3 {
-		font-size: 0.7rem;
+		font-size: var(--rf-text-xs);
 		text-transform: uppercase;
-		letter-spacing: 0.06em;
+		letter-spacing: var(--rf-tracking-wider);
 		color: var(--rf-color-muted);
 		background: transparent;
 		cursor: default;
 		padding: 0.5rem 0.75rem 0.25rem;
-		font-weight: 600;
+		font-weight: var(--rf-weight-semibold);
 	}
 	.rf-nav--menubar .rf-nav-group h2:hover,
 	.rf-nav--menubar .rf-nav-group h3:hover,
@@ -356,7 +356,7 @@
 	padding-left: 0;
 	margin-bottom: 0.75rem;
 	color: var(--rf-color-text);
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 }
 .rf-nav--columns .rf-nav-item__link {
 	padding: 0.25rem 0;
@@ -411,7 +411,7 @@
 }
 .rf-nav--cards .rf-nav-group h2,
 .rf-nav--cards .rf-nav-group h3 {
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	padding-left: 0;
 	margin-bottom: 1rem;
 }
@@ -451,14 +451,14 @@
 	margin-bottom: 0.25rem;
 }
 .rf-nav--cards .rf-nav-item__title {
-	font-size: 1rem;
-	font-weight: 600;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-text);
 }
 .rf-nav--cards .rf-nav-item__description {
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.5;
+	line-height: var(--rf-leading-normal);
 }
 
 @media (max-width: 500px) {
@@ -473,9 +473,9 @@
 
 .rf-nav-item__description {
 	display: block;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.4;
+	line-height: var(--rf-leading-snug);
 	margin-top: 0.125rem;
 }
 
@@ -524,7 +524,7 @@
 	display: block;
 	padding: 0.75rem;
 	color: var(--rf-color-text);
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 	border-radius: var(--rf-radius-sm);
 }
 .rf-nav--menubar .rf-nav-group__panel .rf-nav--columns .rf-nav-item__link:hover {
@@ -540,7 +540,7 @@
 	background: var(--rf-color-surface-active);
 }
 .rf-nav--menubar .rf-nav-group__panel .rf-nav--columns .rf-nav-item__link .rf-nav-item__description {
-	font-weight: 400;
+	font-weight: var(--rf-weight-normal);
 	color: var(--rf-color-muted);
 }
 
@@ -563,7 +563,7 @@
  * muted lead-in above the panel content. */
 .rf-nav-group__intro p:only-child {
 	margin: 0;
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 }
 
@@ -572,12 +572,12 @@
 }
 .rf-nav-group__footer p {
 	margin: 0;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-nav-group__footer a {
 	color: var(--rf-color-primary);
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 }
 
 /* ─── Multi-section columns (SPEC-054 columns flow rule) ──────────────── */
@@ -635,7 +635,7 @@
 	flex-wrap: wrap;
 	gap: 0.5rem 1rem;
 	padding: 0.5rem 0;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 }
 .rf-nav--strip ul {
 	display: flex;
@@ -652,7 +652,7 @@
 	display: inline-block;
 	padding: 0.25rem 0;
 	color: var(--rf-color-muted);
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	border-radius: 0;
 	background: transparent;
 }
@@ -669,7 +669,7 @@
  * compact-but-still-tap-friendly. */
 .rf-nav-group__footer .rf-nav--strip {
 	padding: 0;
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 }
 
 /* ─── Mobile menubar: nested columns collapse ─────────────────────────── */
@@ -696,7 +696,7 @@
 	 * highlighted bands as the user scrolls. */
 	.rf-nav--menubar .rf-nav-group__panel .rf-nav--columns .rf-nav-item__link {
 		padding: 0.25rem 0.75rem;
-		font-weight: 500;
+		font-weight: var(--rf-weight-medium);
 	}
 	.rf-nav--menubar .rf-nav-group__panel .rf-nav--columns .rf-nav-item__link:hover {
 		background: transparent;

package/styles/runes/organization.css

@@ -1,9 +1,9 @@
 /* Organization */
 .rf-organization__type {
-	font-size: 0.75rem;
-	font-weight: 400;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-normal);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 	color: var(--rf-color-muted);
 	opacity: 0.6;
 	margin-bottom: 0.5rem;

package/styles/runes/pagination.css

@@ -28,7 +28,7 @@
 	border-radius: var(--rf-radius-md);
 	color: var(--rf-color-text);
 	text-decoration: none;
-	font-size: 0.9rem;
+	font-size: var(--rf-text-sm);
 	transition: border-color 150ms ease, background-color 150ms ease;
 	flex: 1 1 0;
 	min-width: 0;
@@ -55,13 +55,13 @@
 
 .rf-pagination [data-name="marker"] {
 	color: var(--rf-color-muted);
-	font-weight: 400;
-	font-size: 1.1rem;
+	font-weight: var(--rf-weight-normal);
+	font-size: var(--rf-text-lg);
 	line-height: 1;
 }
 
 .rf-pagination [data-name="label"] {
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 }
 
 /* The pagination rune emits prev as `<marker> <label>` but next as
@@ -80,6 +80,6 @@
 	.rf-pagination__next {
 		padding: 0.625rem 0.875rem;
 		max-width: calc(50% - 0.25rem);
-		font-size: 0.85rem;
+		font-size: var(--rf-text-sm);
 	}
 }

package/styles/runes/palette.css

@@ -1,7 +1,7 @@
 /* Palette — color swatch grid */
 .rf-palette__title {
-	font-size: 1.125rem;
-	font-weight: 600;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-semibold);
 	margin-bottom: 1rem;
 }
 .rf-palette__group {
@@ -11,10 +11,10 @@
 	margin-bottom: 0;
 }
 .rf-palette__group-title {
-	font-size: 0.8rem;
-	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);
 	margin-bottom: 0.75rem;
 }
@@ -43,24 +43,24 @@
 	border: 1px solid rgba(0, 0, 0, 0.08);
 }
 .rf-palette__swatch-name {
-	font-weight: 500;
-	font-size: 0.875rem;
+	font-weight: var(--rf-weight-medium);
+	font-size: var(--rf-text-sm);
 }
 .rf-palette__swatch-value {
 	font-family: var(--rf-font-mono, monospace);
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 }
 .rf-palette__swatch-contrast {
 	font-family: var(--rf-font-mono, monospace);
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 }
 .rf-palette__swatch-a11y {
 	display: flex;
 	gap: 0.5rem;
-	font-size: 0.7rem;
-	font-weight: 500;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-medium);
 }
 .rf-palette__swatch-a11y--pass {
 	color: var(--rf-color-success, #10b981);
@@ -83,12 +83,12 @@
 	align-items: flex-end;
 	justify-content: center;
 	min-height: 4rem;
-	font-size: 0.625rem;
+	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-mono, monospace);
 }
 .rf-palette__scale + .rf-palette__swatch-name {
 	margin-top: 0.25rem;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 }
 
 /* Context-aware: no outer margin when inside design-context */

package/styles/runes/placeholder.css

@@ -0,0 +1,16 @@
+/* Placeholder — generated inline SVG from the `placeholder:<shape>` image-src
+ * scheme (SPEC-106). The SVG carries its own viewBox aspect and tints itself
+ * with theme tokens (surface / muted / border), so it tracks the active tint
+ * and dark mode for free. These rules just make it behave like a responsive
+ * replaced element wherever a real `<img>` would have gone. */
+.rf-placeholder {
+	display: block;
+	width: 100%;
+	height: auto;
+	border-radius: var(--rf-radius-media);
+}
+
+/* Avatar shape reads as round. */
+.rf-placeholder[data-shape="avatar"] {
+	border-radius: 50%;
+}

package/styles/runes/plan-history.css

@@ -4,8 +4,8 @@
 	margin: 2rem 0;
 }
 .rf-plan-history__heading {
-	font-size: 1.05rem;
-	font-weight: 700;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 	margin: 0 0 1rem;
 }
@@ -52,15 +52,15 @@
 /* Date + hash header */
 .rf-plan-history__date {
 	display: inline;
-	font-size: 0.8rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-primary);
-	letter-spacing: 0.02em;
+	letter-spacing: var(--rf-tracking-wide);
 	margin-right: 0.5rem;
 }
 .rf-plan-history__hash {
 	font-family: var(--rf-font-mono);
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	text-decoration: none;
 }
@@ -77,12 +77,12 @@ a.rf-plan-history__hash:hover {
 	display: flex;
 	align-items: center;
 	gap: 0.25rem;
-	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-plan-history__field {
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-text);
 }
 .rf-plan-history__field::after {
@@ -95,7 +95,7 @@ a.rf-plan-history__hash:hover {
 
 /* Value badges (add/remove) */
 .rf-plan-history__value {
-	font-size: 0.875rem;
+	font-size: var(--rf-text-sm);
 	padding: 0.0625rem 0.375rem;
 	border-radius: var(--rf-radius-sm);
 }
@@ -111,12 +111,12 @@ a.rf-plan-history__hash:hover {
 
 /* Event kind labels */
 .rf-plan-history__created {
-	font-size: 0.925rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-plan-history__resolution,
 .rf-plan-history__content-edit {
-	font-size: 0.925rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	font-style: italic;
 }
@@ -128,8 +128,8 @@ a.rf-plan-history__hash:hover {
 	margin: 0.25rem 0 0;
 }
 .rf-plan-history__criteria li {
-	font-size: 0.8125rem;
-	line-height: 1.65;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
 	color: var(--rf-color-text);
 }
 .rf-plan-history__criteria li[data-action="checked"] {
@@ -157,8 +157,8 @@ a.rf-plan-history__hash:hover {
 /* Global feed (commit-grouped) */
 .rf-plan-history--global .rf-plan-history__commit-message {
 	display: block;
-	font-size: 1.05rem;
-	font-weight: 700;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-bold);
 	color: var(--rf-color-text);
 	margin-top: 0.25rem;
 	margin-bottom: 0.5rem;
@@ -167,13 +167,13 @@ a.rf-plan-history__hash:hover {
 	display: flex;
 	align-items: baseline;
 	gap: 0.5rem;
-	font-size: 0.8125rem;
-	line-height: 1.65;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
 }
 .rf-plan-history--global .rf-plan-history__entity-id {
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 	font-family: var(--rf-font-mono);
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-primary);
 	white-space: nowrap;
 }

package/styles/runes/plan-progress.css

@@ -14,9 +14,9 @@
 }
 .rf-plan-progress__heading {
 	margin: 0;
-	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);
 }

package/styles/runes/plan-ref.css

@@ -2,7 +2,7 @@
 
 .rf-plan-ref {
 	font-family: var(--rf-font-mono, ui-monospace, monospace);
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-info, #339af0);
 	text-decoration: none;
 	border-bottom: 1px dashed var(--rf-color-info, #339af0);

package/styles/runes/playlist.css

@@ -44,9 +44,9 @@
 }
 .rf-playlist__content > .rf-playlist__header p {
 	margin: 0;
-	font-size: 0.925rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.5;
+	line-height: var(--rf-leading-normal);
 }
 
 /* Tracks list wrapper */
@@ -85,7 +85,7 @@
 	width: auto;
 	height: auto;
 	min-width: 1.5rem;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	font-variant-numeric: tabular-nums;
 	color: var(--rf-color-muted);
 	background: none;
@@ -97,8 +97,8 @@
 /* Track name */
 .rf-playlist__tracks [data-name="track-name"] {
 	flex: 1;
-	font-size: 0.9375rem;
-	font-weight: 500;
+	font-size: var(--rf-text);
+	font-weight: var(--rf-weight-medium);
 	color: var(--rf-color-text);
 	min-width: 0;
 	overflow: hidden;
@@ -108,7 +108,7 @@
 
 /* Track artist */
 .rf-playlist__tracks [data-name="track-artist"] {
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	flex-shrink: 0;
 }
@@ -120,7 +120,7 @@
 
 /* Track duration — pushed right */
 .rf-playlist__tracks [data-name="track-duration"] {
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	font-variant-numeric: tabular-nums;
 	flex-shrink: 0;
@@ -131,7 +131,7 @@
 
 /* Track meta (date etc.) */
 .rf-playlist__tracks [data-name="track-meta"] {
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	flex-shrink: 0;
 }

package/styles/runes/plot.css

@@ -5,8 +5,8 @@
 }
 .rf-plot > span[property="name"] {
 	display: block;
-	font-size: 1.5rem;
-	font-weight: 700;
+	font-size: var(--rf-text-2xl);
+	font-weight: var(--rf-weight-bold);
 	margin-bottom: 0.5rem;
 	color: var(--rf-color-text);
 }
@@ -46,15 +46,15 @@
 	box-shadow: 0 0 0 2px var(--rf-color-surface-active);
 }
 .rf-beat > span[data-field="label"] {
-	font-weight: 600;
-	font-size: 1rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text);
 	color: var(--rf-color-text);
 }
 .rf-beat__body {
 	margin-top: 0.25rem;
-	font-size: 0.9375rem;
+	font-size: var(--rf-text);
 	color: var(--rf-color-muted);
-	line-height: 1.6;
+	line-height: var(--rf-leading-relaxed);
 }
 .rf-beat__body p {
 	margin: 0;

package/styles/runes/preview.css

@@ -12,11 +12,11 @@
 	min-height: 2rem;
 }
 .rf-preview__title {
-	font-size: 0.75rem;
-	font-weight: 600;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted);
 	text-transform: uppercase;
-	letter-spacing: 0.05em;
+	letter-spacing: var(--rf-tracking-wider);
 }
 
 /* Controls container (view toggle + theme toggle) */
@@ -116,7 +116,7 @@
 	position: absolute;
 	top: 0.25rem;
 	right: 0.5rem;
-	font-size: 0.625rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	font-variant-numeric: tabular-nums;
 	pointer-events: none;
@@ -149,8 +149,8 @@
 	border: none;
 	background: transparent;
 	color: var(--rf-color-muted);
-	font-size: 0.75rem;
-	font-weight: 500;
+	font-size: var(--rf-text-xs);
+	font-weight: var(--rf-weight-medium);
 	cursor: pointer;
 	border-bottom: 2px solid transparent;
 	transition: color 150ms ease, border-color 150ms ease;

package/styles/runes/pricing.css

@@ -15,9 +15,9 @@
 	margin-top: 0;
 }
 .rf-pricing__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;
@@ -29,13 +29,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-pricing__eyebrow:has(a):hover { border-color: var(--rf-color-muted); }
-.rf-pricing__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: 600; text-decoration: none; }
+.rf-pricing__eyebrow:has(a) a { color: var(--rf-color-primary); font-weight: var(--rf-weight-semibold); text-decoration: none; }
 .rf-pricing__eyebrow:has(a) a::before { content: ''; position: absolute; inset: 0; border-radius: inherit; }
 .rf-pricing__blurb {
 	color: var(--rf-color-muted);
@@ -78,17 +78,17 @@
 }
 .rf-tier h1[property="name"] {
 	margin: 0 0 0.5rem;
-	font-size: 1.1rem;
-	font-weight: 600;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-semibold);
 	color: var(--rf-color-muted);
 }
 .rf-tier p[property="price"] {
-	font-size: 2.5rem;
-	font-weight: 700;
-	letter-spacing: -0.03em;
+	font-size: var(--rf-text-4xl);
+	font-weight: var(--rf-weight-bold);
+	letter-spacing: var(--rf-tracking-tight);
 	color: var(--rf-color-text);
 	margin-bottom: 1.5rem;
-	line-height: 1.1;
+	line-height: var(--rf-leading-tight);
 }
 .rf-tier__body {
 	flex: 1;
@@ -100,22 +100,22 @@
 }
 .rf-tier__body li {
 	padding: 0.375rem 0;
-	font-size: 0.9rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-tier__body li::before {
 	content: '\2713';
 	margin-right: 0.5rem;
 	color: var(--rf-color-success);
-	font-weight: 600;
+	font-weight: var(--rf-weight-semibold);
 }
 .rf-tier__body a {
 	display: block;
 	text-align: center;
 	padding: 0.625rem 1.5rem;
 	border-radius: var(--rf-radius-sm);
-	font-weight: 600;
-	font-size: 0.9rem;
+	font-weight: var(--rf-weight-semibold);
+	font-size: var(--rf-text-sm);
 	text-decoration: none;
 	transition: background-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
 	margin-top: auto;