export type AccentThemePreset = {
  key: string;
  name: string;
  light: {
    primary: string;
    secondary: string;
    tertiary: string;
  };
  dark: {
    primary: string;
    secondary: string;
    tertiary: string;
  };
};

export const DEFAULT_ACCENT_THEME_KEY = 'default';

export const ACCENT_THEME_PRESETS: AccentThemePreset[] = [
  {
    key: 'default',
    name: 'Default Indigo',
    light: { primary: '#6366f1', secondary: '#a855f7', tertiary: '#ec4899' },
    dark: { primary: '#6369b2', secondary: '#7466a5', tertiary: '#8f6a8a' },
  },
  {
    key: 'ocean',
    name: 'Ocean',
    light: { primary: '#0ea5e9', secondary: '#2563eb', tertiary: '#4f46e5' },
    dark: { primary: '#4a8faa', secondary: '#5a82a8', tertiary: '#6a7d9e' },
  },
  {
    key: 'forest',
    name: 'Forest',
    light: { primary: '#16a34a', secondary: '#059669', tertiary: '#0d9488' },
    dark: { primary: '#4a946f', secondary: '#4a917e', tertiary: '#5a9189' },
  },
  {
    key: 'sunset',
    name: 'Sunset',
    light: { primary: '#f59e0b', secondary: '#f97316', tertiary: '#ef4444' },
    dark: { primary: '#b38f52', secondary: '#b07c5e', tertiary: '#a9716f' },
  },
  {
    key: 'rose',
    name: 'Rose',
    light: { primary: '#f43f5e', secondary: '#ec4899', tertiary: '#fb7185' },
    dark: { primary: '#b27082', secondary: '#ab7390', tertiary: '#b28693' },
  },
  {
    key: 'amber',
    name: 'Amber',
    light: { primary: '#d97706', secondary: '#f59e0b', tertiary: '#fbbf24' },
    dark: { primary: '#a8844f', secondary: '#b09161', tertiary: '#b89f78' },
  },
  {
    key: 'teal',
    name: 'Teal',
    light: { primary: '#0f766e', secondary: '#14b8a6', tertiary: '#22d3ee' },
    dark: { primary: '#4a8f88', secondary: '#5b958f', tertiary: '#6a9a98' },
  },
  {
    key: 'cyan',
    name: 'Cyan',
    light: { primary: '#0891b2', secondary: '#06b6d4', tertiary: '#22d3ee' },
    dark: { primary: '#4d90a4', secondary: '#5e98aa', tertiary: '#729fb0' },
  },
  {
    key: 'emerald',
    name: 'Emerald',
    light: { primary: '#059669', secondary: '#10b981', tertiary: '#34d399' },
    dark: { primary: '#4b9278', secondary: '#5a9a86', tertiary: '#6ea394' },
  },
  {
    key: 'violet',
    name: 'Violet',
    light: { primary: '#7c3aed', secondary: '#8b5cf6', tertiary: '#a78bfa' },
    dark: { primary: '#756fae', secondary: '#867db5', tertiary: '#988fbf' },
  },
  {
    key: 'crimson',
    name: 'Crimson',
    light: { primary: '#b91c1c', secondary: '#dc2626', tertiary: '#f87171' },
    dark: { primary: '#a56366', secondary: '#af7073', tertiary: '#bb8282' },
  },
  {
    key: 'slate',
    name: 'Slate',
    light: { primary: '#334155', secondary: '#475569', tertiary: '#64748b' },
    dark: { primary: '#7f8fa4', secondary: '#9ca9ba', tertiary: '#b6c1cf' },
  },
];

export const THEME_SWATCHES = ACCENT_THEME_PRESETS.map((preset) => ({
  name: preset.name,
  color: preset.light.primary,
}));

export const THEME_KEY_BY_COLOR = Object.fromEntries(
  ACCENT_THEME_PRESETS.map((preset) => [preset.light.primary.toLowerCase(), preset.key])
);