@layer repui.theme {
  :root { --rui-theme-preview-background: var(--rui-color-surface); --rui-theme-preview-foreground: var(--rui-color-text); --rui-theme-preview-muted: var(--rui-color-text-muted); --rui-theme-preview-border: 1px solid var(--rui-color-border-subtle, var(--rui-color-border)); --rui-theme-preview-radius: var(--rui-radius-lg); --rui-theme-preview-shadow: var(--rui-shadow-xs, none); --rui-theme-preview-hover-border-color: var(--rui-color-border); --rui-theme-preview-hover-shadow: var(--rui-shadow-sm, none); --rui-theme-preview-selected-border-color: var(--rui-color-primary); --rui-theme-preview-selected-shadow: 0 0 0 2px var(--rui-color-primary-soft); --rui-theme-preview-media-background: var(--rui-color-surface-sunken, var(--rui-color-surface)); --rui-theme-preview-placeholder-background: linear-gradient(145deg, var(--rui-color-surface-sunken), var(--rui-color-surface-raised)); --rui-theme-preview-padding: var(--rui-space-4); --rui-theme-preview-badge-background: var(--rui-color-primary-soft); --rui-theme-preview-badge-foreground: var(--rui-color-primary); }
}