tailwind.config.js

module.exports = {
  content: ["./src/**/*.{ts,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        primary: {
          50: "#EEEBFD",
          100: "#DED9FB",
          200: "#BFB4F6",
          300: "#A08FF2",
          400: "#816BEE",
          500: "#6246EA",
          600: "#3B19DF",
          700: "#2E14AC",
          800: "#200E7A",
          900: "#130847",
        },
        secondary: {
          50: "#FFF6F9",
          100: "#FDE3EB",
          200: "#FBBCD0",
          300: "#F995B5",
          400: "#F76F9A",
          500: "#F5487F",
          600: "#F2135A",
          700: "#C20B45",
          800: "#8D0832",
          900: "#58051F",
        },
        tertiary: {
          50: "#FFFFFF",
          100: "#FFFFFE",
          200: "#FEEED7",
          300: "#FCDDAF",
          400: "#FBCD88",
          500: "#FABC60",
          600: "#F8A52A",
          700: "#E38A07",
          800: "#AC6905",
          900: "#764804",
        },
        custom: {
          50: "#FEFCFC",
          100: "#FBEBEB",
          200: "#F5C9C9",
          300: "#EEA7A7",
          400: "#E88484",
          500: "#E16262",
          600: "#D83333",
          700: "#B12222",
          800: "#821919",
          900: "#531010",
        },
      },
      minWidth: {
        8: "2rem",
        64: "16rem",
      },
      minHeight: {
        8: "2rem",
        64: "16rem",
      },
    },
  },
  plugins: [require("@tailwindcss/typography")],
};