import type { CSSProperties } from "react";

import type { LandingTheme } from "./theme";

export function landingThemeVars(theme: LandingTheme): CSSProperties {
  return {
    "--landing-bg": theme.bg,
    "--landing-text": theme.text,
    "--landing-muted": theme.muted,
    "--landing-accent": theme.accent,
    "--landing-accent-soft": theme.accentSoft,
    "--landing-card-radius": theme.cardRadius,
    "--landing-section-gap": theme.sectionGap,
    "--landing-hero-pad-y": theme.heroPadY,
  } as CSSProperties;
}
