module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx}',
    './src/components/**/*.{js,ts,jsx,tsx}',
    './src/elements/**/*.{js,ts,jsx,tsx}',
    './src/hooks/**/*.{js,ts,jsx,tsx}',
    './src/utils.ts',
  ],
  mode: 'jit',
  theme: {
    extend: {
      colors: {
        'dyo-light-turquoise': '#80e7df',
        'dyo-turquoise': '#00d0bf',
        'dyo-green': '#28c76f',
        'dyo-purple': '#540ba7',
        'dyo-purple-light': '#e1ccf8',
        'dyo-blue': '#00cfe8',
        'dyo-cyan': '#00afc7',
        'dyo-violet': '#a78bfa',
        'dyo-orange': '#fb923c',
        'dyo-sky': '#38bdf8',
        'dyo-red': '#d33833',
        'dyo-gray': '#909090',
        bright: '#d0d2d6',
        'bright-muted': '#676d7d',
        'light-eased': '#b4b7bd',
        'light-grey': '#3b4253',
        'light-grey-muted': '#404656',
        light: '#7783a3',
        'medium-eased': '#343d55',
        medium: '#283046',
        'medium-muted': '#222A3D',
        'dark-eased': '#192034',
        dark: '#161d31',
        'error-red': '#ea5455',
        'warning-orange': '#ff9f43',
      },
      width: {
        128: '32rem',
      },
      height: {
        128: '32rem',
        'screen-2/3': '66.666667vh',
      },
      maxHeight: {
        128: '32rem',
        'screen-2/3': '66.666667vh',
      },
      boxShadow: {
        modal: '0 0 20px 5px rgb(0 0 0 / 0.25)',
      },
      fontFamily: {
        poppins: 'Poppins, sans-serif',
        roboto: 'Roboto Mono, sans-serif',
      },
      animation: {
        fade: 'fade-out forwards 3s ease-out',
      },
      keyframes: theme => ({
        'fade-out': {
          '0%': { opacity: theme('opacity.100') },
          '100%': { opacity: theme('opacity.0') },
        },
      }),
    },
  },
  variants: {
    extend: {},
  },
  plugins: [],
}