import { cva } from 'class-variance-authority';

/**
 * EmailVerificationBanner variants.
 *
 * Uses warning-tone tokens matching InlineNotice warning pattern.
 * All values token-only — no raw hex/rgb/px.
 */
export const bannerVariants = cva(
  [
    'sticky top-[var(--height-desktop-topnav)] z-[var(--z-sticky)]',
    'flex items-center gap-3',
    'border-b border-warning-500',
    'bg-warning-50',
    'px-4 py-3',
    'text-warning-700',
  ].join(' '),
);