import { Branding } from "./types";

export function BrandingStyles({ branding }: { branding: Branding }) {
  const primary = branding.primary_color || "#0d9488";
  const secondary = branding.secondary_color || "#f59e0b";

  return (
    <style>{`
      :root {
        --primary: ${primary};
        --secondary: ${secondary};
        --header-gradient: linear-gradient(135deg, ${primary} 0%, color-mix(in srgb, ${primary} 65%, #0f172a) 100%);
      }
    `}</style>
  );
}