@refrakt-md/lumina 0.20.2 → 0.22.0

package/styles/runes/timeline.css

@@ -15,22 +15,22 @@
 }
 .rf-timeline-entry > time {
 	display: block;
-	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-bottom: 0.25rem;
 }
 .rf-timeline-entry > span {
 	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-bottom: 0.5rem;
 }
 .rf-timeline-entry__body {
-	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-timeline-entry__body p:last-child {

package/styles/runes/toc.css

@@ -6,11 +6,11 @@
 	border-radius: 0 var(--rf-radius-md) var(--rf-radius-md) 0;
 }
 .rf-toc__list {
-	font-weight: 650;
+	font-weight: var(--rf-weight-semibold);
 	margin-bottom: 0.75rem;
-	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);
 }
 .rf-toc ul,
@@ -31,7 +31,7 @@
 .rf-toc a {
 	color: var(--rf-color-text);
 	text-decoration: none;
-	font-size: 0.85rem;
+	font-size: var(--rf-text-sm);
 	display: inline-block;
 	padding: 0.2rem 0;
 	transition: color 150ms ease;

package/styles/runes/track.css

@@ -16,7 +16,7 @@
 .rf-track::before {
 	content: counter(track);
 	min-width: 1.5rem;
-	font-size: 0.8rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-primary);
 	text-align: right;
 	flex-shrink: 0;
@@ -25,8 +25,8 @@
 /* Track name — primary text, takes remaining space */
 .rf-track__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;
@@ -36,7 +36,7 @@
 
 /* Artist — secondary text with dot separator */
 .rf-track__track-artist {
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 	flex-shrink: 0;
 }
@@ -48,7 +48,7 @@
 
 /* Duration — pushed right, tabular nums */
 .rf-track__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;
@@ -59,7 +59,7 @@
 
 /* Meta (date etc.) — dot separator */
 .rf-track__track-meta {
-	font-size: 0.75rem;
+	font-size: var(--rf-text-xs);
 	color: var(--rf-color-muted);
 	flex-shrink: 0;
 }
@@ -72,9 +72,9 @@
 /* Description — full width below the row */
 .rf-track__track-description {
 	flex-basis: 100%;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
-	line-height: 1.5;
+	line-height: var(--rf-leading-normal);
 	padding-top: 0.5rem;
 }
 .rf-track__track-description p {
@@ -93,7 +93,7 @@
 	list-style: none;
 	padding: 0.5rem 0 0;
 	margin: 0;
-	font-size: 0.8125rem;
+	font-size: var(--rf-text-sm);
 }
 .rf-track [data-name="lyrics"] li {
 	padding: 0.125rem 0;
@@ -109,7 +109,7 @@
 }
 .rf-track [data-name="chapter-name"] {
 	color: var(--rf-color-text);
-	font-weight: 500;
+	font-weight: var(--rf-weight-medium);
 }
 .rf-track [data-name="chapter-time"] {
 	color: var(--rf-color-muted);

package/styles/runes/typography.css

@@ -1,7 +1,7 @@
 /* Typography — font specimen display */
 .rf-typography__title {
-	font-size: 1.125rem;
-	font-weight: 600;
+	font-size: var(--rf-text-lg);
+	font-weight: var(--rf-weight-semibold);
 	margin-bottom: 1rem;
 }
 .rf-typography__specimens {
@@ -22,17 +22,17 @@
 	border-bottom: 1px solid var(--rf-color-border, #e5e7eb);
 }
 .rf-typography__specimen-role {
-	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-raised);
 	padding: 0.125rem 0.5rem;
 	border-radius: var(--rf-radius-sm, 4px);
 }
 .rf-typography__specimen-family {
-	font-size: 0.9rem;
+	font-size: var(--rf-text-sm);
 	color: var(--rf-color-muted);
 }
 .rf-typography__sizes {
@@ -45,14 +45,14 @@
 	display: flex;
 	align-items: baseline;
 	gap: 1rem;
-	line-height: 1.3;
+	line-height: var(--rf-leading-snug);
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 .rf-typography__size-label {
 	flex-shrink: 0;
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-mono, monospace);
 	color: var(--rf-color-muted);
 	min-width: 3rem;
@@ -71,7 +71,7 @@
 	gap: 0.25rem;
 }
 .rf-typography__weight-label {
-	font-size: 0.7rem;
+	font-size: var(--rf-text-xs);
 	font-family: var(--rf-font-mono, monospace);
 	color: var(--rf-color-muted);
 }
@@ -79,9 +79,9 @@
 	margin-top: 1rem;
 	padding-top: 1rem;
 	border-top: 1px solid var(--rf-color-border, #e5e7eb);
-	font-size: 0.875rem;
-	line-height: 1.8;
-	letter-spacing: 0.05em;
+	font-size: var(--rf-text-sm);
+	line-height: var(--rf-leading-relaxed);
+	letter-spacing: var(--rf-tracking-wider);
 	word-break: break-all;
 	color: var(--rf-color-muted);
 }

package/styles/runes/work.css

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

package/tokens/base.css

@@ -1,37 +1,44 @@
-/* Lumina Theme — Design Tokens (Light Mode)
- *
- * Source of truth: packages/lumina/src/tokens.ts (`luminaTokens` export).
- * This file mirrors that export verbatim — a coverage test in
- * `packages/lumina/test/token-config-coverage.test.ts` keeps them in
- * lockstep; drift fails CI. Edit `tokens.ts` and update both, or run
- * a future build script that regenerates this file. */
+/* 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. */
 
-:root {
-	/* Typography */
+:root, [data-color-scheme="light"] {
 	--rf-font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
 	--rf-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, 'Cascadia Code', monospace;
-
-	/* Core palette */
+	--rf-font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+	--rf-text-xs: 0.75rem;
+	--rf-text-sm: 0.875rem;
+	--rf-text: 1rem;
+	--rf-text-lg: 1.125rem;
+	--rf-text-xl: 1.25rem;
+	--rf-text-2xl: 1.5rem;
+	--rf-text-3xl: 1.875rem;
+	--rf-text-4xl: 2.5rem;
+	--rf-weight-light: 300;
+	--rf-weight-normal: 400;
+	--rf-weight-medium: 500;
+	--rf-weight-semibold: 600;
+	--rf-weight-bold: 700;
+	--rf-leading-tight: 1.2;
+	--rf-leading-snug: 1.35;
+	--rf-leading-normal: 1.5;
+	--rf-leading-relaxed: 1.65;
+	--rf-leading-loose: 2;
+	--rf-tracking-tight: -0.01em;
+	--rf-tracking-normal: 0;
+	--rf-tracking-wide: 0.03em;
+	--rf-tracking-wider: 0.06em;
 	--rf-color-text: #1c1a17;
 	--rf-color-muted: #6b6661;
 	--rf-color-border: #e2e0dd;
 	--rf-color-bg: #f5f4f1;
 	--rf-color-primary: #1c1a17;
 	--rf-color-primary-hover: #3a342d;
-	/* Derived subtle primary wash — tracks `primary` in both modes. */
 	--rf-color-primary-bg: color-mix(in oklch, var(--rf-color-primary) 10%, transparent);
 	--rf-color-on-primary: #ffffff;
-
-	/* Surfaces */
 	--rf-color-surface: #fbfaf7;
 	--rf-color-surface-hover: #ecebe8;
 	--rf-color-surface-active: #e2e0dd;
 	--rf-color-surface-raised: #ffffff;
-	/* SPEC-087 — lightness delta for the derived inset surface (applied at use-site
-	 * via relative-color — lower L, keep C+H — so it tracks a tinted --rf-color-surface). */
-	--rf-surface-inset-shift: 0.04;
-
-	/* Semantic — muted earthy band per SPEC-051 */
 	--rf-color-info: #34547a;
 	--rf-color-info-bg: #e8edf4;
 	--rf-color-info-border: #c5d2e0;
@@ -44,70 +51,35 @@
 	--rf-color-success: #2d6a3e;
 	--rf-color-success-bg: #e0eee4;
 	--rf-color-success-border: #b8d4be;
-
-	/* WORK-304 — neutral tint for line highlight (the third
-	 * `[data-line-status]` value that snippet / codegroup / diff share).
-	 * Subtle surface tint so highlighted rows read as emphasized but not
-	 * status-coloured (which would compete with diff's add/remove channel
-	 * and the semantic palette above). `*-rail` is the optional left-edge
-	 * border colour; falls back to the primary accent via the consuming
-	 * CSS for themes that don't override it.
-	 *
-	 * WORK-341 — these three (and `--rf-color-primary-bg` above) are
-	 * **intentionally shared**: each derives from a mode-aware token
-	 * (`text` / `primary` / `muted`), so they track dark mode automatically
-	 * and deliberately have no dark.css override (a fixed dark value would
-	 * break the derivation). */
+	--rf-color-code-bg: #ebeae8;
+	--rf-color-code-text: #1c1a17;
+	--rf-color-code-inline-bg: #e6e5e3;
 	--rf-color-line-highlight: color-mix(in srgb, var(--rf-color-text) 6%, transparent);
 	--rf-color-line-highlight-rail: var(--rf-color-primary, var(--rf-color-text));
-	/* Gutter colour for `pre[data-linenumbers]` line counter. Defers to
-	 * the existing muted text token by default; themes can pin a
-	 * dedicated hue without overriding muted. */
 	--rf-color-line-number: var(--rf-color-muted);
-
-	/* Radii */
 	--rf-radius-sm: 6px;
 	--rf-radius-md: 10px;
 	--rf-radius-lg: 16px;
 	--rf-radius-full: 9999px;
-
-	/* Spacing */
 	--rf-spacing-xs: 0.25rem;
 	--rf-spacing-sm: 0.5rem;
 	--rf-spacing-md: 1.5rem;
 	--rf-spacing-lg: 2rem;
 	--rf-spacing-xl: 3rem;
 	--rf-spacing-2xl: 4rem;
-
-	/* Section spacing */
 	--rf-spacing-section: 4rem;
 	--rf-spacing-section-tight: 1.5rem;
 	--rf-spacing-section-loose: 6rem;
 	--rf-spacing-section-breathe: 8rem;
-
-	/* Inset (horizontal padding) */
 	--rf-inset-flush: 0;
 	--rf-inset-tight: 1rem;
 	--rf-inset-loose: 4rem;
 	--rf-inset-breathe: 8rem;
-
-	/* Shadows */
 	--rf-shadow-none: none;
 	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
 	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
 	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.07), 0 1px 3px rgba(0,0,0,0.04);
 	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
-
-	/* Code block */
-	--rf-color-code-bg: #ebeae8;
-	--rf-color-code-text: #1c1a17;
-	--rf-color-code-inline-bg: #e6e5e3;
-	/* Legacy alias — same value, kept for downstream CSS that reads the
-	 * older variable name. Will be removed once the rename is documented
-	 * widely enough that it's safe to drop. */
-	--rf-color-inline-code-bg: #e6e5e3;
-
-	/* Syntax — the quiet spectrum walk */
 	--rf-syntax-keyword: #2a5c63;
 	--rf-syntax-function: #4a3b6e;
 	--rf-syntax-string: #8a3a3a;
@@ -115,19 +87,24 @@
 	--rf-syntax-comment: #8a857d;
 	--rf-syntax-punctuation: #6b6661;
 	--rf-syntax-variable: #1c1a17;
-
-	/* Shiki aliases — Shiki's CSS-variables theme emits `--rf-syntax-token-*`
-	 * with `token-` hardcoded inside its theme builder. We bridge by emitting
-	 * literal hex values matching the contract surface above. */
-	--rf-syntax-foreground: #1c1a17;
-	--rf-syntax-background: #ebeae8;
 	--rf-syntax-token-keyword: #2a5c63;
+	--rf-syntax-token-tag: #2a5c63;
+	--rf-syntax-token-function: #4a3b6e;
+	--rf-syntax-token-link: #4a3b6e;
+	--rf-syntax-token-type: #4a3b6e;
+	--rf-syntax-token-attribute: #4a3b6e;
 	--rf-syntax-token-string: #8a3a3a;
 	--rf-syntax-token-string-expression: #8a3a3a;
+	--rf-syntax-token-regex: #8a3a3a;
 	--rf-syntax-token-constant: #876327;
+	--rf-syntax-token-number: #876327;
 	--rf-syntax-token-comment: #8a857d;
-	--rf-syntax-token-function: #4a3b6e;
-	--rf-syntax-token-parameter: #1c1a17;
 	--rf-syntax-token-punctuation: #6b6661;
-	--rf-syntax-token-link: #4a3b6e;
+	--rf-syntax-token-operator: #6b6661;
+	--rf-syntax-token-parameter: #1c1a17;
+	--rf-syntax-token-property: #1c1a17;
+	--rf-syntax-foreground: #1c1a17;
+	--rf-syntax-background: #ebeae8;
+	--rf-color-inline-code-bg: #e6e5e3;
+	--rf-surface-inset-shift: 0.04;
 }

package/tokens/dark.css

@@ -1,12 +1,7 @@
-/* Lumina Theme — Dark Mode Token Overrides
- *
- * Source of truth: packages/lumina/src/tokens.ts (`luminaTokens.modes.dark`).
- * This file mirrors that overlay verbatim under both selectors
- * (`[data-theme="dark"]` for user toggles and the `prefers-color-scheme`
- * media query for system preference). A coverage test keeps the two in
- * lockstep; drift fails CI. */
+/* 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. */
 
-[data-theme="dark"] {
+[data-theme="dark"], [data-color-scheme="dark"] {
 	--rf-color-text: #f6f4ef;
 	--rf-color-muted: #94908a;
 	--rf-color-border: #282825;
@@ -14,13 +9,10 @@
 	--rf-color-primary: #f6f4ef;
 	--rf-color-primary-hover: #d4cfc5;
 	--rf-color-on-primary: #1a1a17;
-
 	--rf-color-surface: #1f1f1c;
 	--rf-color-surface-hover: #282825;
 	--rf-color-surface-active: #333330;
 	--rf-color-surface-raised: #272723;
-	--rf-surface-inset-shift: 0.06;
-
 	--rf-color-info: #9bb4c7;
 	--rf-color-info-bg: #1f2530;
 	--rf-color-info-border: #3d4655;
@@ -33,12 +25,13 @@
 	--rf-color-success: #7eb398;
 	--rf-color-success-bg: #1a2a1f;
 	--rf-color-success-border: #2a4a35;
-
 	--rf-color-code-bg: #1c1c19;
 	--rf-color-code-text: #f6f4ef;
 	--rf-color-code-inline-bg: #2b2b29;
-	--rf-color-inline-code-bg: #2b2b29;
-
+	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
+	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
 	--rf-syntax-keyword: #7eb6bc;
 	--rf-syntax-function: #a89bc7;
 	--rf-syntax-string: #c79a9a;
@@ -46,83 +39,86 @@
 	--rf-syntax-comment: #6b6661;
 	--rf-syntax-punctuation: #94908a;
 	--rf-syntax-variable: #f6f4ef;
-
-	--rf-syntax-foreground: #f6f4ef;
-	--rf-syntax-background: #1c1c19;
 	--rf-syntax-token-keyword: #7eb6bc;
+	--rf-syntax-token-tag: #7eb6bc;
+	--rf-syntax-token-function: #a89bc7;
+	--rf-syntax-token-link: #a89bc7;
+	--rf-syntax-token-type: #a89bc7;
+	--rf-syntax-token-attribute: #a89bc7;
 	--rf-syntax-token-string: #c79a9a;
 	--rf-syntax-token-string-expression: #c79a9a;
+	--rf-syntax-token-regex: #c79a9a;
 	--rf-syntax-token-constant: #d4b07e;
+	--rf-syntax-token-number: #d4b07e;
 	--rf-syntax-token-comment: #6b6661;
-	--rf-syntax-token-function: #a89bc7;
-	--rf-syntax-token-parameter: #f6f4ef;
 	--rf-syntax-token-punctuation: #94908a;
-	--rf-syntax-token-link: #a89bc7;
-
-	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
-	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
-	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
-	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
+	--rf-syntax-token-operator: #94908a;
+	--rf-syntax-token-parameter: #f6f4ef;
+	--rf-syntax-token-property: #f6f4ef;
+	--rf-syntax-foreground: #f6f4ef;
+	--rf-syntax-background: #1c1c19;
+	--rf-color-inline-code-bg: #2b2b29;
+	--rf-surface-inset-shift: 0.06;
 }
 
-/* Auto dark mode via system preference */
 @media (prefers-color-scheme: dark) {
 	:root:not([data-theme="light"]) {
-		--rf-color-text: #f6f4ef;
-		--rf-color-muted: #94908a;
-		--rf-color-border: #282825;
-		--rf-color-bg: #1a1a17;
-		--rf-color-primary: #f6f4ef;
-		--rf-color-primary-hover: #d4cfc5;
+	--rf-color-text: #f6f4ef;
+	--rf-color-muted: #94908a;
+	--rf-color-border: #282825;
+	--rf-color-bg: #1a1a17;
+	--rf-color-primary: #f6f4ef;
+	--rf-color-primary-hover: #d4cfc5;
 	--rf-color-on-primary: #1a1a17;
-
-		--rf-color-surface: #1f1f1c;
-		--rf-color-surface-hover: #282825;
-		--rf-color-surface-active: #333330;
-		--rf-color-surface-raised: #272723;
+	--rf-color-surface: #1f1f1c;
+	--rf-color-surface-hover: #282825;
+	--rf-color-surface-active: #333330;
+	--rf-color-surface-raised: #272723;
+	--rf-color-info: #9bb4c7;
+	--rf-color-info-bg: #1f2530;
+	--rf-color-info-border: #3d4655;
+	--rf-color-warning: #d4a868;
+	--rf-color-warning-bg: #2a2519;
+	--rf-color-warning-border: #4a3f2a;
+	--rf-color-danger: #d48888;
+	--rf-color-danger-bg: #2a1818;
+	--rf-color-danger-border: #4a2a2a;
+	--rf-color-success: #7eb398;
+	--rf-color-success-bg: #1a2a1f;
+	--rf-color-success-border: #2a4a35;
+	--rf-color-code-bg: #1c1c19;
+	--rf-color-code-text: #f6f4ef;
+	--rf-color-code-inline-bg: #2b2b29;
+	--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
+	--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
+	--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
+	--rf-syntax-keyword: #7eb6bc;
+	--rf-syntax-function: #a89bc7;
+	--rf-syntax-string: #c79a9a;
+	--rf-syntax-constant: #d4b07e;
+	--rf-syntax-comment: #6b6661;
+	--rf-syntax-punctuation: #94908a;
+	--rf-syntax-variable: #f6f4ef;
+	--rf-syntax-token-keyword: #7eb6bc;
+	--rf-syntax-token-tag: #7eb6bc;
+	--rf-syntax-token-function: #a89bc7;
+	--rf-syntax-token-link: #a89bc7;
+	--rf-syntax-token-type: #a89bc7;
+	--rf-syntax-token-attribute: #a89bc7;
+	--rf-syntax-token-string: #c79a9a;
+	--rf-syntax-token-string-expression: #c79a9a;
+	--rf-syntax-token-regex: #c79a9a;
+	--rf-syntax-token-constant: #d4b07e;
+	--rf-syntax-token-number: #d4b07e;
+	--rf-syntax-token-comment: #6b6661;
+	--rf-syntax-token-punctuation: #94908a;
+	--rf-syntax-token-operator: #94908a;
+	--rf-syntax-token-parameter: #f6f4ef;
+	--rf-syntax-token-property: #f6f4ef;
+	--rf-syntax-foreground: #f6f4ef;
+	--rf-syntax-background: #1c1c19;
+	--rf-color-inline-code-bg: #2b2b29;
 	--rf-surface-inset-shift: 0.06;
-
-		--rf-color-info: #9bb4c7;
-		--rf-color-info-bg: #1f2530;
-		--rf-color-info-border: #3d4655;
-		--rf-color-warning: #d4a868;
-		--rf-color-warning-bg: #2a2519;
-		--rf-color-warning-border: #4a3f2a;
-		--rf-color-danger: #d48888;
-		--rf-color-danger-bg: #2a1818;
-		--rf-color-danger-border: #4a2a2a;
-		--rf-color-success: #7eb398;
-		--rf-color-success-bg: #1a2a1f;
-		--rf-color-success-border: #2a4a35;
-
-		--rf-color-code-bg: #1c1c19;
-		--rf-color-code-text: #f6f4ef;
-		--rf-color-code-inline-bg: #2b2b29;
-		--rf-color-inline-code-bg: #2b2b29;
-
-		--rf-syntax-keyword: #7eb6bc;
-		--rf-syntax-function: #a89bc7;
-		--rf-syntax-string: #c79a9a;
-		--rf-syntax-constant: #d4b07e;
-		--rf-syntax-comment: #6b6661;
-		--rf-syntax-punctuation: #94908a;
-		--rf-syntax-variable: #f6f4ef;
-
-		--rf-syntax-foreground: #f6f4ef;
-		--rf-syntax-background: #1c1c19;
-		--rf-syntax-token-keyword: #7eb6bc;
-		--rf-syntax-token-string: #c79a9a;
-		--rf-syntax-token-string-expression: #c79a9a;
-		--rf-syntax-token-constant: #d4b07e;
-		--rf-syntax-token-comment: #6b6661;
-		--rf-syntax-token-function: #a89bc7;
-		--rf-syntax-token-parameter: #f6f4ef;
-		--rf-syntax-token-punctuation: #94908a;
-		--rf-syntax-token-link: #a89bc7;
-
-		--rf-shadow-xs: 0 1px 2px rgba(0,0,0,0.3);
-		--rf-shadow-sm: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
-		--rf-shadow-md: 0 4px 12px rgba(0,0,0,0.4), 0 1px 3px rgba(0,0,0,0.3);
-		--rf-shadow-lg: 0 8px 24px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3);
 	}
 }