module.exports = {
  content: ["./src/**/*.{js,jsx,ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        pink: "#F539F8",
        purple: "#5356FB",
        "light-gray": "#E5E5E5",
        "thin-light-gray": "#858D98",
        "dark-gray": "#374557",
        "lighter-gray": "#878F9A",
        "light-purple": "#E3E4FE",
        gold: "#F2994A",
        "light-green": "#27AE60",
        "light-red": "#EB5757",
        "white-opacity": "#7B7EFC",
        "dark-white":"#1D1F2F",
        "dark-light-purple":"#5356fb29",
        'sky-blue': '#3a8fc3',
        'alice-blue': '#f0f8ff'
      },
      screens:{
        xxs: '400px',
        xxl:'1900px'
      },
      backgroundImage: {
        'family-header-bg': "linear-gradient(90deg, rgba(45,126,241,1) 0%, rgba(58,143,195,1) 0%, rgba(11,100,119,1) 100%)",
      }
    },
  },
  plugins: [require("@tailwindcss/line-clamp")],
};