// 4 Color Schemes — used across all 5 homepage themes
// Scheme index: 0 = default (current branding), 1, 2, 3

export interface ColorScheme {
  primary: string;      // Main brand color — buttons, accents, links
  primaryHover: string; // Hover state of primary
  secondary: string;    // Secondary accent — badges, prices, highlights
  dark: string;         // Headings, dark text
  light: string;        // Soft background tints
  gradient: string;     // Gradient for hero overlays / banners
  badge: string;        // Sale / New badge bg
  badgeText: string;    // Sale badge text
}

export const COLOR_SCHEMES: ColorScheme[] = [
  // 0 — Violet / Pink (Default — matches HP01 current look)
  {
    primary: '#634C9F',
    primaryHover: '#523f88',
    secondary: '#E91E63',
    dark: '#202342',
    light: '#F3F0FF',
    gradient: 'linear-gradient(135deg, #634C9F, #E91E63)',
    badge: '#E91E63',
    badgeText: '#fff',
  },
  // 1 — Emerald / Amber (Fresh & Natural)
  {
    primary: '#059669',
    primaryHover: '#047857',
    secondary: '#F59E0B',
    dark: '#064E3B',
    light: '#ECFDF5',
    gradient: 'linear-gradient(135deg, #059669, #F59E0B)',
    badge: '#F59E0B',
    badgeText: '#1c1c1c',
  },
  // 2 — Royal Blue / Cyan (Modern & Tech)
  {
    primary: '#2563EB',
    primaryHover: '#1D4ED8',
    secondary: '#06B6D4',
    dark: '#1E3A5F',
    light: '#EFF6FF',
    gradient: 'linear-gradient(135deg, #2563EB, #06B6D4)',
    badge: '#06B6D4',
    badgeText: '#fff',
  },
  // 3 — Flame / Red (Bold & Energetic)
  {
    primary: '#EA580C',
    primaryHover: '#C2410C',
    secondary: '#DC2626',
    dark: '#431407',
    light: '#FFF7ED',
    gradient: 'linear-gradient(135deg, #EA580C, #DC2626)',
    badge: '#DC2626',
    badgeText: '#fff',
  },
];

export const SCHEME_LABELS = [
  { label: 'Violet', preview: ['#634C9F', '#E91E63', '#F3F0FF'] },
  { label: 'Emerald', preview: ['#059669', '#F59E0B', '#ECFDF5'] },
  { label: 'Royal Blue', preview: ['#2563EB', '#06B6D4', '#EFF6FF'] },
  { label: 'Flame', preview: ['#EA580C', '#DC2626', '#FFF7ED'] },
];

export function getColorScheme(index?: number): ColorScheme {
  return COLOR_SCHEMES[index ?? 0] ?? COLOR_SCHEMES[0];
}
