export function Logo({ className = "", light = false }: { className?: string; light?: boolean }) {
  return (
    <span className={`inline-flex items-center gap-2 ${className}`}>
      <span className="soul-dot inline-block h-3.5 w-3.5 rounded-full bg-soul" aria-hidden />
      <span className={`text-sm tracking-[0.14em] uppercase whitespace-nowrap ${light ? "text-white" : "text-ink"}`}>
        <span className="font-bold">Connelly</span> <span className="font-light">Partners</span>
        <span className="ml-2 text-mist font-normal tracking-[0.2em] text-[10px] max-sm:hidden">Staff</span>
      </span>
    </span>
  );
}