1import {createTheme} from '@mui/material/styles';
  2
  3const weightScale = {
  4  'Extra Light': 200,
  5  Light: 300,
  6  Regular: 400,
  7  Medium: 500,
  8  'Semi Bold': 600,
  9};
 10
 11export default createTheme({
 12  palette: {
 13    primary: {
 14      light: '#0096881a',
 15      main: '#009688',
 16    },
 17    secondary: {
 18      main: '#FFEB3B',
 19    },
 20    error: {
 21      light: '#efbcc4',
 22      main: '#d4485e',
 23    },
 24    background: {
 25      default: '#F4F4FF',
 26      // grey: 'rgba(0, 0, 0, 0.67)',
 27    },
 28  },
 29  mixins: {
 30    toolbar: {
 31      minHeight: 64,
 32    },
 33  },
 34  components: {
 35    MuiTextField: {
 36      defaultProps: {
 37        variant: 'standard',
 38      },
 39    },
 40    MuiInput: {
 41      styleOverrides: {
 42        underline: {
 43          '&&&&:hover:before': {
 44            borderBottomColor: '#009688',
 45          },
 46        },
 47      },
 48    },
 49  },
 50  typography: {
 51    body1: {
 52      fontFamily: 'Inter',
 53      fontWeight: weightScale['Regular'],
 54      fontSize: '14px',
 55      lineHeight: '19.6px',
 56      letterSpacing: '0.02em',
 57      textDecoration: 'none',
 58      textCase: 'undercase',
 59    },
 60    body2: {
 61      fontFamily: 'Inter',
 62      fontWeight: weightScale['Regular'],
 63      fontSize: '12.44px',
 64      lineHeight: '17.42px',
 65      letterSpacing: '0.02em',
 66      textDecoration: 'none',
 67      textCase: 'undercase',
 68    },
 69    button: {
 70      fontFamily: 'Inter',
 71      fontWeight: weightScale['Medium'],
 72      fontSize: '14px',
 73      lineHeight: '19.6px',
 74      letterSpacing: '0.02em',
 75      textDecoration: 'none',
 76      textCase: 'uppercase',
 77      textTransform: 'none',
 78    },
 79    caption: {
 80      fontFamily: 'Inter',
 81      fontWeight: 'Regular',
 82      fontSize: '12.44px',
 83      lineHeight: '17.42px',
 84      letterSpacing: '0.02em',
 85      textDecoration: 'none',
 86      textCase: 'undercase',
 87    },
 88    overline: {
 89      fontFamily: 'Inter',
 90      fontWeight: weightScale['Regular'],
 91      fontSize: '12.44px',
 92      lineHeight: '17.42px',
 93      letterSpacing: '0.02em',
 94      textDecoration: 'none',
 95      textTransform: 'none',
 96    },
 97    subtitle1: {
 98      fontFamily: 'Inter',
 99      fontWeight: weightScale['Medium'],
100      fontSize: '15.75px',
101      lineHeight: '22.1px',
102      letterSpacing: '0.02em',
103      textDecoration: 'none',
104    },
105    subtitle2: {
106      fontFamily: 'Inter',
107      fontWeight: weightScale['Medium'],
108      fontSize: '14px',
109      lineHeight: '19.6px',
110      letterSpacing: '0.02em',
111      textDecoration: 'none',
112    },
113    h6: {
114      fontFamily: 'Inter',
115      fontWeight: weightScale['Medium'],
116      fontSize: '15.75px',
117      lineHeight: '22.1px',
118      letterSpacing: '0.02em',
119      textDecoration: 'none',
120    },
121    h5: {
122      fontFamily: 'Inter',
123      fontWeight: weightScale['Regular'],
124      fontSize: '17.72px',
125      lineHeight: '24.8px',
126      letterSpacing: '0.02em',
127      textDecoration: 'none',
128      textCase: 'undercase',
129    },
130    h4: {
131      fontFamily: 'Inter',
132      fontWeight: weightScale['Medium'],
133      fontSize: '19px',
134      lineHeight: '26.6px',
135      letterSpacing: '0.02em',
136      textDecoration: 'none',
137    },
138    h3: {
139      fontFamily: 'Inter',
140      fontWeight: weightScale['Semi Bold'],
141      fontSize: '22.42px',
142      lineHeight: '31.39px',
143      letterSpacing: '0.02em',
144      textDecoration: 'none',
145    },
146    h2: {
147      fontFamily: 'Inter',
148      fontWeight: weightScale['Semi Bold'],
149      fontSize: '25.23px',
150      lineHeight: '35.32px',
151      textDecoration: 'none',
152    },
153    h1: {
154      fontFamily: 'Inter',
155      fontWeight: weightScale['Semi Bold'],
156      fontSize: '27px',
157      lineHeight: '37.8px',
158      letterSpacing: '0.02em',
159      textDecoration: 'none',
160    },
161  },
162  breakpoints: {
163    values: {
164      xs: 0,
165      sm: 720,
166      md: 960,
167      lg: 1280,
168      xl: 1680,
169    },
170  },
171});