/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors:{
        brown:{
          DEFAULT: '#393536',
        },
        black:{
          DEFAULT: '#222',
          gray: '#a6a9b7'
        },
        primary: {
          DEFAULT: '#0284c7',
        },
        orange: {
          light: '#ED7747',
          dark: '#9a3412'
        },
        white: {
          DEFAULT: '#fff',
          light: '#f1f5f9'
        }
      },
      screens: {
        max_width: '1700px'
      },
      fontSize:{
        10: '10px',
        12: '12px',
        14: '14px'
      },
      backgroundImage: {
        login_gradient: 'linear-gradient(to right, #8e54e9 0, #4776e6 100%)'
      },
      boxShadow: {
        round_black: '0 0px 1px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19)',
        round_white: '0 0px 1px 0 rgba(255, 255, 255, 0.2), 0 1px 5px 0 rgba(255, 255, 255, 0.19)'
      }
    },
  },
  plugins: [],
}