import { Color } from './types';

const colors = {
  primary: {
    primary100: '#0B1B2A',
    primary90: '#1C2E40',
    primary80: '#2A4055',
    primary70: '#39526B',
    primary60: '#455F7B',
    primary50: '#5F758F',
    primary40: '#455F7B',
    primary30: '#9CACC0',
    primary20: '#C0CEDE',
    primary10: '#E4EBF8',
    primary5: '#F9FAFD',
  },

  secondary: {
    secondary100: '#103FE8',
    secondary90: '#2852EA',
    secondary80: '#4065ED',
    secondary70: '#5879EF',
    secondary60: '#708CF1',
    secondary50: '#889FF4',
    secondary40: '#9FB2F6',
    secondary30: '#B7C5F8',
    secondary20: '#CFD9FA',
    secondary10: '#E7ECFD',
    secondary5: '#F3F5FE',
  },

  tertiary: {
    tertiary100: '#174189',
    tertiary90: '#2E5495',
    tertiary80: '#4567A1',
    tertiary70: '#5D7AAC',
    tertiary60: '#748DB8',
    tertiary50: '#8BA0C4',
    tertiary40: '#A2B3D0',
    tertiary30: '#B9C6DC',
    tertiary20: '#D1D9E7',
    tertiary10: '#E8ECF3',
    tertiary5: '#F3F5F9',
  },

  accent: {
    accent500: '#BD9E2C',
    accent100: '#ECC537',
    accent75: '#FFC665',
    accent50: '#F4DC87',
    accent15: '#FFF4E0',
  },

  link: {
    linkHigh: '#002C99',
    linkMedium: '#0053CB',
    linkLow: '#5D7FFF',
  },

  error: {
    errorHigh: '#AB000D',
    errorMedium: '#E53935',
    errorLow: '#FF6F60',
    errorLow2: '#F8B4B4',
    errorLow3: '#FDE8E8',
    errorLower: '#FCF4F4',
  },

  success: {
    successDark: '#009624',
    successMedium: '#00C853',
    successLow: '#5EFC82',
  },

  black: {
    blackHigh: '#212121',
    blackMedium: '#666666',
    blackLow: '#757575',
    black: '#000000',
  },
  white: {
    white: '#FFFFFF',
  },

  grey: {
    grey5: '#F9FAFD',
    grey10: '#F2F5FA',
    grey20: '#C0CEDE',
    grey30: '#9CACC0',
    grey50: '#F9FAFD',
    grey90: '#1C2E40',
    grey100: '#F5F7FA',
    grey200: '#E4E9F2',
    grey250: '#e4e9f2',
    grey300: '#C8D2DE',
    grey400: '#A1AFC0',
    grey500: '#798CA4',
    grey600: '#5F758F',
    grey700: '#455F7B',
    grey800: '#2A4055',
    grey900: '#1C2E40',
    grey1000: '#0B1B2A',
    greyHigh: '#C2C2C2',
    greyMedium: '#E5E5E5',
    greyLow: '#F5F5F5',
  },

  warning: {
    warningHigh: '#C67100',
    warningMedium: '#FFA000',
    warningLow: '#FFD149',
    warningLower: '#FED7AA',
    warningLower2: '#FFEDD5',
  },
  alert: {
    border: '#FAEC88',
    background: '#FCF9DC',
    icon: '#EAB308',
  },

  disabled: {
    disabledHigh: '#B1B1B1',
    disabledMedium: '#CFCFCF',
    disabledLow: '#ECECEC',
  },
  text: {
    primary: '#24292E',
  },
  input: {
    focused: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
    focusedShadowButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
    focusedShadow: '0px 0px 0px 4px rgba(16, 63, 232, 0.25)',
    focusedShadowFilter: 'rgba(102, 130, 231, 0.30)',
    focusedShadowError: ' 0px 0px 0px 4px rgba(239, 68, 68, 0.25)',
    focusedSecondary: 'rgba(102, 130, 231, 0.30)',
  },
  button: {
    primaryButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
    primaryOutlineButton: '0px 0px 0px 4px rgba(16, 63, 232, 0.30)',
    secondaryButton: '0px 0px 0px 4px rgba(28, 46, 64, 0.10)',
    errorButton: '0px 0px 0px 4px rgba(229, 57, 53, 0.20)',
    successButton: '0px 0px 0px 4px rgba(45, 161, 96, 0.20)',
    filterButton: '0px 0px 0px 4px rgba(102, 130, 231, 0.30)',
  },
  green: {
    green40: '#2DA170',
    green10: '#9FD4B5',
    green8: '#D8F0E0',
    green5: '#F1FAF4',
    green50: '#F1FAF4',
    green100: '#D8F0E0',
    green200: '#9FD4B5',
    green300: '#52B87A',
    green400: '#2DA170',
    green500: '#10855E',
    green600: '#21765A',
    green700: '#246650',
    green800: '#0D533C',
    green900: '#0A402E',
    green1000: '#072B1F',
  },
  blue: {
    blue5: '#F6F8FE',
    blue50: '#F6F8FE',
    blue100: '#E7ECFD',
    blue200: '#CFD9FA',
    blue300: '#B7C5F8',
    blue400: '#9FB2F6',
    blue500: '#889FF4',
    blue600: '#708CF1',
    blue700: '#5879EF',
    blue800: '#4065ED',
    blue900: '#2852EA',
    blue1000: '#103FE8',
  },

  yellow: {
    yellow50: '#FCF9DC',
    yellow100: '#FAF4B4',
    yellow200: '#FAEC88',
    yellow300: '#F9DD69',
    yellow400: '#FACC15',
    yellow500: '#EAB308',
    yellow600: '#CA8A04',
    yellow700: '#A16207',
    yellow800: '#854D0E',
    yellow900: '#713F12',
    yellow1000: '#713F12',
  },

  red: {
    red050: '#FDF2F2',
    red50: '#FDF2F2',
    red100: '#FDE8E8',
    red200: '#FBD5D5',
    red300: '#F8B4B4',
    red400: '#F98080',
    red500: '#F05252',
    red600: '#DF4242',
    red700: '#CE3434',
    red800: '#9B1C1C',
    red900: '#771D1D',
  },
  orange: {
    orange050: '#FFF7ED',
    orange50: '#FFF7ED',
    orange100: '#FFEDD5',
    orange200: '#FED7AA',
    orange300: '#FDBA74',
    orange400: '#FFA84C',
    orange500: '#F98016',
    orange600: '#EA580C',
    orange700: '#C2410C',
    orange800: '#9A3412',
    orange900: '#7C2D12',
  },
  scrollbar: {
    track: '#F2F5FA',
    thumb: '#9CACC0',
  },
  transparent: {
    blueHover: 'rgba(16, 63, 232, 0.06)',
    transparent: '#ffffff78',
  },
} as const satisfies Color;

type ValueOf<T> = T[keyof T];
type ThemeColorCategory = Exclude<keyof typeof colors, 'input' | 'button'>;
export type ThemeColor = ValueOf<{ [K in ThemeColorCategory]: ValueOf<(typeof colors)[K]> }>;

export { colors };