// "Ci" è la sillaba che Amici e Cibi hanno in comune: il punto in cui le due parole si incastrano
export function Wordmark({ className = "" }: { className?: string }) {
  return (
    <span className={`font-display leading-none ${className}`} aria-label="AmiCibi">
      Ami
      <span className="mx-[0.03em] inline-block -rotate-[4deg] rounded-[0.28em] bg-hi px-[0.16em] text-hi-ink [text-shadow:none]">Ci</span>
      bi
    </span>
  );
}