import { cn } from "@/lib/utils"

/** Stack Helvetica Neue — alignée wordmarks Ultimail (`emit-ultimail-brand.mjs`). */
export const SUITE_APP_LOGO_FONT_CLASS =
  "font-[Helvetica_Neue,Helvetica,Arial,sans-serif]"

/** Picto mark header (aligné UltiMailLogo horizontal). */
export const SUITE_APP_LOGO_MARK_CLASS =
  "h-8 w-8 shrink-0 object-contain object-center select-none"

/** Lockup mark + nom (aligné UltiMailLogo horizontal). */
export const SUITE_APP_LOGO_LOCKUP_CLASS = "flex shrink-0 items-center gap-2.5"

/** Nom d'app à côté du mark (header principal, ~22px). */
export const SUITE_APP_LOGO_TEXT_CLASS = cn(
  SUITE_APP_LOGO_FONT_CLASS,
  "shrink-0 text-[1.375rem] font-semibold leading-normal tracking-tight",
  "text-mail-text dark:text-mail-text-strong",
)

/** @deprecated Alias — même taille que le header mail. */
export const SUITE_APP_LOGO_TEXT_SIDEBAR_CLASS = SUITE_APP_LOGO_TEXT_CLASS

/** @deprecated Alias — même taille que le header mail. */
export const SUITE_APP_LOGO_TEXT_COMPACT_CLASS = SUITE_APP_LOGO_TEXT_CLASS

export const SUITE_ICON_BTN =
  "text-muted-foreground hover:bg-accent hover:text-accent-foreground"

export const SUITE_HEADER_DROPDOWN_CLASS = cn(
  "border border-border bg-[var(--suite-surface-elevated)] text-foreground shadow-xl",
)