@layer repui.theme {
  :root { --rui-hero-background: var(--rui-color-surface-raised, var(--rui-color-surface)); --rui-hero-foreground: var(--rui-color-text); --rui-hero-muted: var(--rui-color-text-secondary, var(--rui-color-text-muted)); --rui-hero-eyebrow-color: var(--rui-color-primary); --rui-hero-border: 1px solid var(--rui-color-border-subtle, var(--rui-color-border)); --rui-hero-radius: var(--rui-radius-xl, var(--rui-radius-lg)); --rui-hero-shadow: var(--rui-shadow-sm, none); --rui-hero-padding: clamp(1.5rem, 4vw, 3rem); --rui-hero-content-gap: var(--rui-space-3); --rui-hero-title-size: clamp(1.75rem, 4vw, 3rem); --rui-hero-description-size: var(--rui-text-body-lg-size, var(--rui-font-size-lg)); --rui-hero-media-min-height: 21rem; --rui-hero-media-background: var(--rui-color-surface-sunken, var(--rui-color-surface)); --rui-hero-placeholder-background: linear-gradient(135deg, var(--rui-color-surface-sunken), var(--rui-color-surface-raised)); }
}