import { ColorShade, ColorTone } from './types'

export const primary: ColorTone = {
  lighter: '#DEDCFE',
  light: '#9C97FB',
  main: '#5852F2',
  dark: '#2D29AE',
  darker: '#110F74',
}

export const secondary: ColorTone = {
  lighter: '#C8FAD6',
  light: '#5BE49B',
  main: '#00A76F',
  dark: '#007867',
  darker: '#004B50',
}

export const info: ColorTone = {
  lighter: '#CAFDF5',
  light: '#61F3F3',
  main: '#00B8D9',
  dark: '#006C9C',
  darker: '#003768',
}

export const success: ColorTone = {
  lighter: '#D3FCD2',
  light: '#77ED8B',
  main: '#22C55E',
  dark: '#118D57',
  darker: '#065E49',
}

export const warning: ColorTone = {
  lighter: '#FFF5CC',
  light: '#FFD666',
  main: '#FFAB00',
  dark: '#B76E00',
  darker: '#7A4100',
}

export const error: ColorTone = {
  lighter: '#FFE9D5',
  light: '#FFAC82',
  main: '#FF5630',
  dark: '#B71D18',
  darker: '#7A0916',
}

export const light: ColorShade = {
  100: '#F9FAFB',
  200: '#F4F6F8',
  300: '#DFE3E8',
  400: '#C4CDD5',
  500: '#919EAB',
  600: '#637381',
  700: '#454F5B',
  800: '#212B36',
  900: '#161C24',
}

export const dark: ColorShade = {
  100: '#131415',
  200: '#1E2023',
  300: '#2B2F33',
  400: '#383F45',
  500: '#464F56',
  600: '#556069',
  700: '#748590',
  800: '#A5B0B6',
  900: '#E3E6E8',
}

export const black = {
  main: '#000000',
}

export const white = {
  main: '#FFFFFF',
}