export const theme = {
  colors: {
    Blue500: '#3D53E7',
    Blue200: '#8391ED',
    WhiteWhite100: '#ffffff',
    GreyscaleGrey100: '#0f1013',
    TextPrimary: 'rgba(255,255,255, 0.87)',
    TextSecondary: 'rgba(255,255,255, 0.60)',
    TextDisabled: 'rgba(255,255,255, 0.40)',
    TextInverted: 'rgba(15,16,19, 1)',
    PrimaryMain: '#8391ED',
    PrimaryMainHover: '#6E7EEC',
    PrimaryMainSelected: '#5A6BDF',
    PrimaryMainContrast: 'rgba(15,16,19, 1)',
    PrimaryMainContrastSecondary: 'rgba(15,16,19, 0.60)',
    PrimaryLight: 'rgba(131,145,237, 0.12)',
    PrimaryLightHover: 'rgba(131,145,237, 0.16)',
    PrimaryLightSelected: 'rgba(131,145,237, 0.20)',
    PrimaryLightContrast: '#8391ED',
    PrimaryLightContrastSecondary: 'rgba(131,145,237, 0.60)',
    PrimaryMainOutline: '#8391ED',
    PrimaryLightOutline: 'rgba(131,145,237, 0.20)',
    ActionMain: 'rgba(255,255,255, 0.92)',
    ActionMainHover: 'rgba(255,255,255, 0.96)',
    ActionMainSelected: 'rgba(255,255,255, 1)',
    ActionMainContrast: 'rgba(15,16,19, 1)',
    ActionMainContrastSecondary: 'rgba(15,16,19, 0.60)',
    ActionLight: 'rgba(255,255,255, 0.06)',
    ActionLightHover: 'rgba(255,255,255, 0.09)',
    ActionLightSelected: 'rgba(255,255,255, 0.12)',
    ActionLightContrast: 'rgba(255,255,255, 0.92)',
    ActionLightContrastSecondary: 'rgba(rgba(255,255,255, 0.92), 0.60)',
    ActionMainOutline: 'rgba(255,255,255, 0.92)',
    ActionLightOutline: 'rgba(255,255,255, 0.12)',
    OtherDisabledContent: 'rgba(255,255,255, 0.26)',
    OtherDisabledBackground: 'rgba(255,255,255, 0.12)',
    OtherDisabledOutline: 'rgba(255,255,255, 0.12)',
    OtherForeground: 'rgba(255,255,255, 0.10)',
    OtherForegroundInverted: 'rgba(255,255,255, 1)',
    OtherDivider: 'rgba(255,255,255, 0.08)',
    OtherOverlay: 'rgba(255,255,255, 0.24)',
    OtherInputBorderDefault: 'rgba(255,255,255, 0.08)',
    OtherInputBorderHover: 'rgba(255,255,255, 0.12)',
    OtherInputBorderActive: 'rgba(131,145,237, 1)',
    ErrorMain: '#F8AAA4',
    ErrorMainHover: '#F38A83',
    ErrorMainSelected: '#EF756C',
    ErrorMainContrast: 'rgba(15,16,19, 1)',
    ErrorMainContrastSecondary: 'rgba(15,16,19, 0.60)',
    ErrorLight: 'rgba(248,170,164, 0.16)',
    ErrorLightHover: 'rgba(248,170,164, 0.20)',
    ErrorLightSelected: 'rgba(248,170,164, 0.24)',
    ErrorLightContrast: '#F8AAA4',
    ErrorLightContrastSecondary: 'rgba(248,170,164, 0.60)',
    ErrorMainOutline: 'rgba(248,170,164, 1)',
    ErrorLightOutline: 'rgba(248,170,164, 0.24)',
    Background0dp: '#000000',
    Background1dp: '#131313',
    Background2dp: '#1B1B1B',
    Background3dp: '#232323',
    CalloutMain: '#262626',
    AccentRed: '#FA8E8A',
    AccentRedLight: 'rgba(250,142,138, 0.60)',
    AccentOrange: '#F6AE8C',
    AccentOrangeLight: 'rgba(246,174,140, 0.60)',
    AccentYellow: '#F3D07F',
    AccentYellowLight: 'rgba(243,208,127, 0.60)',
    AccentMustard: '#E5DD78',
    AccentMustardLight: 'rgba(229,221,120, 0.60)',
    AccentForestgreen: '#B8DA74',
    AccentForestgreenLight: 'rgba(184,218,116, 0.60)',
    AccentGreen: '#83DB9A',
    AccentGreenLight: 'rgba(131,219,154, 0.60)',
    AccentTeal: '#8FE3E3',
    AccentTealLight: 'rgba(143,227,227, 0.60)',
    AccentBabyblue: '#8CC8F6',
    AccentBabyblueLight: 'rgba(140,200,246, 0.60)',
    AccentSailorblue: '#84A8FF',
    AccentSailorblueLight: 'rgba(132,168,255, 0.60)',
    AccentDarkpurple: '#9A86FF',
    AccentDarkpurpleLight: 'rgba(154,134,255, 0.30)',
    AccentPurple: '#B47EFA',
    AccentPurpleLight: 'rgba(180,126,250, 0.60)',
    AccentBrightpurple: '#E192FF',
    AccentBrightpurpleLight: 'rgba(225,146,255, 0.60)',
    AccentPink: '#FC79D1',
    AccentPinkLight: 'rgba(252,121,209, 0.60)',
  },
  fontSizes: {
    xxxs: '11px',
    xxs: '12px',
    xs: '13px',
    sm: '14px',
    md: '15px',
    lg: '18px',
    xl: '24px',
    xxl: '32px',
    xxxl: '32px',
  },
  lineHeights: {
    xxxs: '16px',
    xxs: '16px',
    xs: '16px',
    sm: '16px',
    md: '24px',
    lg: '24px',
    xl: '24px',
    xxl: '32px',
    xxxl: '32px',
  },
  space: {
    xxxs: '4px',
    xxs: '8px',
    xs: '12px',
    sm: '16px',
    md: '20px',
    lg: '24px',
    xl: '28px',
    xxl: '32px',
    xxxl: '36px',
  },
}