/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors:{
        brown:{
          DEFAULT: '#393536',
        },
        black:{
          DEFAULT: '#000',
          aside: '#0D0E12',
          body: '#0F1014',
          box: '#15171C',
        },
        primary: {
          DEFAULT: '#0284c7',
        },
        orange: {
          light: '#ED7747',
          dark: '#9a3412'
        },
        white: {
          DEFAULT: '#fff',
          light: '#f1f5f9',
          body: '#f9f9f9',
          aside: '#F1F1F4',
        }
      },
      screens: {
        xxs: '300px',
        xs: '400px',
        large: '1535px',
        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)'
        round_black: '0px 3px 4px 0px rgba(0, 0, 0, 0.03)',
        round_white: '0px 3px 4px 0px rgba(255, 255, 255, 0.03)'
      }
    },
  },
  plugins: [],
}

