export const PALETTE = {
  primary: {
    light: {
      main: '#212121',
      dark: '#000000',
      light: '#616161',
      contrastText: '#FFFFFF',
      hover: '#21212104',
      selected: '#21212108',
      focus: '#21212112',
      focusVisible: '#21212130',
      outlinedBorder: '#21212150',
    },
    // TODO
    dark: {
      main: '#64b5f6',
      light: '#90caf9',
      dark: '#42a5f5',
      contrastText: 'rgba(0, 0, 0, 0.87)',
    },
  },
  secondary: {
    light: {
      main: '#FF5722',
      dark: '#E64A19',
      light: '#FF8A65',
      contrastText: '#FFFFFF',
      hover: '#FF572204',
      selected: '#FF572208',
      focus: '#FF572212',
      focusVisible: '#FF572230',
      outlinedBorder: '#FF572250',
    },
    // TODO
    dark: {
      main: '#ce93d8',
      light: '#f3e5f5',
      dark: '#ab47bc',
      contrastText: 'rgba(0, 0, 0, 0.87)',
    },
  },
  action: {
    light: {
      action: '#00000056',
      hover: '#00000004',
      selected: '#00000008',
      focus: '#00000012',
      disabled: '#00000038',
      disabledBackground: '#00000012',
    },
    // TODO
    dark: {
      action: '#FFFFFF56',
      hover: '#FFFFFF04',
      selected: '#FFFFFF08',
      focus: '#FFFFFF12',
      disabled: '#FFFFFF38',
      disabledBackground: '#FFFFFF12',
    },
  },
  error: {
    light: {
      main: '#E53935',
      dark: '#C62828',
      light: '#EF5350',
      contrast: '#FFFFFF',
      hover: '#D32F2F04',
      selected: '#D32F2F08',
      focusVisible: '#D32F2F30',
      outlinedBorder: '#D32F2F50',
    },
    // TODO
    dark: {
      main: '#E53935',
      dark: '#C62828',
      light: '#EF5350',
      contrast: '#FFFFFF',
      hover: '#D32F2F04',
      selected: '#D32F2F08',
      focusVisible: '#D32F2F30',
      outlinedBorder: '#D32F2F50',
    },
  },
  warning: {
    light: {
      main: '#EF6C00',
      dark: '#E65100',
      light: '#FF9800',
      contrast: '#FFFFFF',
      hover: '#EF6C0004',
      selected: '#EF6C0008',
      focusVisible: '#EF6C0030',
      outlinedBorder: '#EF6C0050',
    },
    // TODO
    dark: {
      main: '#EF6C00',
      dark: '#E65100',
      light: '#FF9800',
      contrast: '#FFFFFF',
      hover: '#EF6C0004',
      selected: '#EF6C0008',
      focusVisible: '#EF6C0030',
      outlinedBorder: '#EF6C0050',
    },
  },
  info: {
    light: {
      main: '#29B6F6',
      dark: '#0288D1',
      light: '#4FC3F7',
      contrast: '#FFFFFF',
      hover: '#0288D104',
      selected: '#0288D108',
      focusVisible: '#0288D130',
      outlinedBorder: '#0288D150',
    },
    // TODO
    dark: {
      main: '#29B6F6',
      dark: '#0288D1',
      light: '#4FC3F7',
      contrast: '#FFFFFF',
      hover: '#0288D104',
      selected: '#0288D108',
      focusVisible: '#0288D130',
      outlinedBorder: '#0288D150',
    },
  },
  success: {
    light: {
      main: '#43A047',
      dark: '#1B5E20',
      light: '#81C784',
      contrast: '#FFFFFF',
      hover: '#2E7D3204',
      selected: '#2E7D3208',
      focusVisible: '#2E7D3230',
      outlinedBorder: '#2E7D3250',
    },
    // TODO
    dark: {
      main: '#43A047',
      dark: '#1B5E20',
      light: '#81C784',
      contrast: '#FFFFFF',
      hover: '#2E7D3204',
      selected: '#2E7D3208',
      focusVisible: '#2E7D3230',
      outlinedBorder: '#2E7D3250',
    },
  },
  // Background colors
  background: {
    light: {
      default: '#FAFAFA',
    },
    dark: {
      default: '#121212',
    },
  },
  // Text colors
  text: {
    light: {
      primary: '#000000',
      secondary: '#424242',
      tertiary: '#757575',
      disabled: '#00000038',
      hover: '#00000004',
      selected: '#00000008',
      divider: '#E0E0E0',
      focus: '#00000012',
      focusVisible: '#00000030',
    },
    // TODO
    dark: {
      primary: '#FFFFFF',
      secondary: '#424242',
      tertiary: '#757575',
      disabled: '#FFFFFF38',
      hover: '#FFFFFF04',
      selected: '#FFFFFF08',
      divider: '#E0E0E0',
      focus: '#FFFFFF12',
      focusVisible: '#FFFFFF30',
    },
  },
};