/**
 * Global theme class names (hero = source of truth).
 * Use these when composing className for consistent look site-wide.
 */
export const theme = {
  /** Primary CTA: gradient, glow, rounded-full */
  btnPrimary: "btn-primary",
  /** Secondary: border, backdrop blur */
  btnSecondary: "btn-secondary",
  /** Nav/small primary (e.g. header Get Started) */
  btnPrimarySm: "btn-primary-sm",
  /** Pill badge with optional dot */
  badgePill: "badge-pill",
  badgePillDot: "badge-pill-dot",
  /** Hero headline */
  headingHero: "heading-hero",
  headingHeroAccent: "heading-hero-accent",
  /** Section title + subtitle */
  headingSection: "heading-section",
  headingSectionSub: "heading-section-sub",
  /** Lead paragraph */
  bodyLead: "body-lead",
  /** Feature bullets row + item + dot */
  featureBullets: "feature-bullets",
  featureBullet: "feature-bullet",
  featureBulletDot: "feature-bullet-dot",
  /** Glass card */
  cardGlass: "card-glass",
  /** Nav link */
  navLink: "nav-link",
} as const;