import { ISetup } from 'interfaces';

export const mxSetup: ISetup = {
  currentTheme: 'MX',
  fontFamily: {
    main: {
      'thin': 'Outfit-Thin',
      'extralight': 'Outfit-ExtraLight',
      'light': 'Outfit-Light',
      'regular': 'Outfit-Regular',
      'medium': 'Outfit-Medium',
      'semibold': 'Outfit-SemiBold',
      'bold': 'Outfit-Bold',
      'extrabold': 'Outfit-ExtraBold',
      'black': 'Outfit-Black',
    },
    secondary: {},
  },
  mediaQuery: {
    desktop: {
      min: '768px',
    },
    tablet: {
      min:'768px',
      max: '460px'
    },
    mobile: {
      max: '460px',
    }
  }
};

export const theme = {
  //Main colors palette
  primary: '#20BBEC',
  primary100: '#56CFF5',
  primary300: '#1499C4',
  primary400: '#046786',
  primary500: '#0C4B5F',
  secondary: '#FF4141',
  secondary100: '#FF9AA2',
  secondary300: '#E22525',
  secondary400: '#B90101',
  secondary500: '#A90202',
  tertiary: '#FF8541',
  tertiary100: '#FFA370',
  tertiary300: '#F96716',
  tertiary400: '#D4520A',
  tertiary500: '#C04B09',
  quaternary: '#7CDAAD',
  quaternary100: '#99EAC3',
  quaternary300: '#66C597',
  quaternary400: '#4CA77B',
  quaternary500: '#28d885',
  quinary: '#FFDC66',
  quinary100: '#FFE899',
  quinary300: '#F5C932',
  quinary400: '#E2AE00',
  quinary500: '#C89B03',
  senary: '#9766FF',
  senary100: '#B08BFF',
  senary300: '#8655EE',
  senary400: '#6A31E2',
  senary500: '#452190',
  neutral100: '#FFFFFF',
  neutral200: '#F3F8FA',
  neutral300: '#E7EFF2',
  neutral400: '#BDCCD1',
  neutral500: '#91A8B1',
  neutral600: '#607781',
  neutral700: '#132730',
  transparent: 'transparent',
} as const;

export type keysTheme = keyof typeof theme

export type colors = typeof theme[keysTheme];