module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx}',
    './components/**/*.{js,ts,jsx,tsx}'
  ],
  darkMode: 'class',
  theme: {
    extend: {
      screens: {
        xs: '380px'
      },
      colors: {
        black: '#212121',
        success: '#45C85A',
        error: '#C84545'
      },
      boxShadow: {
        dark: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
        light: '0px 1px 10px rgba(0, 0, 0, 0.25)',
        darkFlag: '0px 1px 10px hsla(0, 0%, 100%, 0.2)',
        lightFlag: '0px 1px 10px rgba(0, 0, 0, 0.25)',
        green: '0 0 0 2px #27b05e',
        success: '0 2px 8px rgba(70, 200, 92, 0.3)',
        error: '0 2px 8px rgba(200, 69, 69, 0.5)'
      },
      fontFamily: {
        headline: "'Montserrat', 'Arial', 'sans-serif'",
        paragraph: "'Roboto', 'Arial', 'sans-serif'"
      }
    }
  },
  plugins: []
}