export const theme = {
  colors: {
    light: {
      primary: '#ffffff',
      onPrimary: '#383838',
      accent: '#359eff',
      accentVariant: '#86c5ff',
      onAccent: '#ffffff',
      accentHover: '#276daf',
      error: '#f35b5f',
      onError: '#ffffff',
      errorHover: '#b12b38',
      warning: '#da9c00',
      success: '#00d641',
      lightGrey: '#ebeef0',
      mediumGrey: '#d1dbe0',
      darkGrey: '#a3b1b9',
      black: '#000000',
      white: '#ffffff',
      transparent: 'transparent',
    },
    dark: {
      primary: '#202124',
      onPrimary: '#ebeef0',
      accent: '#359eff',
      accentVariant: '#86c5ff',
      onAccent: '#202124',
      accentHover: '#86c5ff',
      error: '#ec5050',
      onError: '#202124',
      errorHover: '#f35b5f',
      warning: '#ffb800',
      success: '#00d641',
      lightGrey: '#767676',
      mediumGrey: '#4e4e4e',
      darkGrey: '#383838',
      black: '#000000',
      white: '#ffffff',
      transparent: 'transparent',
    },
  },
};