text: module.exports = {
    future: {
      removeDeprecatedGapUtilities: true,
      purgeLayersByDefault: true,
    },
    purge: ["./src/**/*.js", "./src/**/*.jsx", "./src/**/*.ts", "./src/**/*.tsx"],
    theme: {
      extend: {
        colors: {
          brand: {
            500: "#FDD835",
            800: "#745E00",
          },
        },
        fontFamily: {
          sans: [
            "Inter",
            "system-ui",
            "-apple-system",
            "BlinkMacSystemFont",
            "Segoe UI",
            "Roboto",
            "Helvetica Neue",
            "Arial",
            "Noto Sans",
            "sans-serif",
          ],
        },
        fontSize: {
          md: "1rem",
        },
      },
    },
    variants: {
      cursor: ({ after }) => after(["disabled"]),
      opacity: ({ after }) => after(["disabled"]),
      textColor: ({ after }) => after(["disabled"]),
      textOpacity: ({ after }) => after(["disabled"]),
      backgroundColor: ({ after }) => after(["disabled"]),
    },
  }
  