text: const colors = require("tailwindcss/colors");
  
  module.exports = {
    purge: {
      content: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
      options: {},
    },
    darkMode: false, // or 'media' or 'class'
    theme: {
      extend: {
        backgroundImage: {},
        colors: {
          orange: colors.orange,
          green: {
            "050": "#6dc5a0",
            "dark-green": "#337062",
            teal: "#2CAE92",
            header: "#6AC59F",
            "light-green": "#E2F3EC",
            imgBg: "#9ED5AA",
          },
          purple: {
            overlay: "#240871",
            imgText: "#8C65F7",
            textPurple: "#6F3FF5",
            darkpurple: "#0B0228",
          },
          brown: {
            "dark-brown": "#262626",
          },
          gray: {
            "050": "#FFFFFF",
            1000: "#343a39",
          },
          red: {
            bloodred: "#ea1e5047",
            soldout: "#EB1E50",
          },
        },
      },
      fontFamily: {
        spacemono: ["Space Mono"],
        librefranklin: ["Libre Franklin"],
      },
      minHeight: {
        0: "0",
        "1/4": "25%",
        "1/2": "50%",
        "3/4": "75%",
        full: "100%",
        intro: "890px",
        "intro-mobile": "450px",
      },
    },
    variants: {
      extend: {},
    },
    plugins: [],
  };
  