'use client'

import { useEffect } from 'react'
import { useSiteSettings } from '@/hooks/use-site-settings'
import { applyBrandColors } from '@/lib/color-scale'

export function ThemeColorApplier() {
  const settings = useSiteSettings()

  useEffect(() => {
    applyBrandColors(settings?.colors)
  }, [settings])

  return null
}