/**
 * Centralized pastel icon-chip tone map used by stat/quick-action/help
 * components (StatCard, QuickActionTile, HelpGuideModal, HelpFab, etc.).
 * Mirrors the tone maps already used by reports/StatTile.tsx and the
 * retired ReportingGuideModal — new components should use this shared copy
 * rather than hand-rolling another one.
 */
export const TONES = {
  green: { bg: "bg-emerald-50", icon: "text-emerald-600" },
  blue: { bg: "bg-blue-50", icon: "text-blue-600" },
  brand: { bg: "bg-brand-50", icon: "text-brand-600" },
  violet: { bg: "bg-violet-50", icon: "text-violet-600" },
  amber: { bg: "bg-amber-50", icon: "text-amber-600" },
  rose: { bg: "bg-rose-50", icon: "text-rose-600" },
  gray: { bg: "bg-gray-100", icon: "text-gray-600" },
} as const;

export type Tone = keyof typeof TONES;