text: const defaultTheme = require("tailwindcss/defaultTheme");
  
  module.exports = {
    content: ["./src/**/*.{js,jsx}"],
    theme: {
      extend: {
        fontFamily: {
          sans: ["Inter var", ...defaultTheme.fontFamily.sans],
        },
        fontSize: {
          sm: ["14px", "20px"],
          base: ["16px", "24px"],
          lg: ["20px", "28px"],
          xl: ["24px", "32px"],
        },
        gridTemplateRows: {
          "[auto,auto,1fr]": "auto auto 1fr",
        },
        zIndex: {
          99: "99",
        },
        minHeight: {
          300: "300px",
        },
      },
    },
    plugins: ["@tailwindcss/aspect-ratio", "@tailwindcss/forms"],
  };
  