export function Logo() {
  return (
    <div className="flex items-center gap-3">
      <div className="grid size-10 place-items-center rounded-lg bg-forest text-lg font-bold text-white shadow-lift dark:bg-mint dark:text-ink">A</div>
      <div>
        <p className="font-display text-2xl leading-5 text-ink dark:text-paper">Aartha</p>
        <p className="text-[11px] font-bold uppercase tracking-[0.18em] text-forest/70 dark:text-mint/80">Labs</p>
      </div>
    </div>
  );
}
