// Tokens live in a separate `.ts` so this module stays component-free for
// React Fast Refresh — mixed exports in `button.tsx` would force full reloads
// on token edits. Shared between `<Button>` and the small set of CTAs that
// render `<a href>` for top-level navigation (currently the OIDC sign-in
// hand-off in `pages/login.tsx`), which need native link semantics that a
// `<button onClick=location.assign>` would lose.

export type ButtonVariant = "primary" | "secondary" | "danger" | "ghost";
export type ButtonSize = "sm" | "md";

export const BUTTON_BASE_CLASSES =
  "inline-flex items-center justify-center gap-2 rounded-xl font-medium select-none disabled:cursor-not-allowed disabled:opacity-60 active:scale-[0.98] transition-transform";

export const BUTTON_VARIANT_CLASSES: Record<ButtonVariant, string> = {
  primary: "bg-accent-600 text-white hover:bg-accent-500",
  secondary: "border border-zinc-700/60 bg-zinc-800/60 text-zinc-200 hover:bg-zinc-700/60",
  danger: "border border-red-500/20 bg-red-500/10 text-red-300 hover:bg-red-500/20",
  ghost: "text-zinc-400 hover:bg-zinc-800/70 hover:text-zinc-100",
};

export const BUTTON_SIZE_CLASSES: Record<ButtonSize, string> = {
  sm: "h-8 px-3 text-xs",
  md: "h-10 px-4 text-sm",
};