import brand from "@/brand.config";

/** Inject operator accent at runtime so editing brand.config.ts actually re-skins the shop. */
export function BrandStyles() {
  const { accent, accentDark, accentLight } = brand.colors;
  const css = `:root{--brand-accent:${accent};--brand-accent-dark:${accentDark};--brand-accent-light:${accentLight};}`;
  return <style dangerouslySetInnerHTML={{ __html: css }} />;
}