const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");

module.exports = {
    purge: [
        "./pages/**/*.{js,ts,jsx,tsx}",
        "./components/**/*.{js,ts,jsx,tsx}",
    ],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {
            fontFamily: {
                sans: ["Poppins", ...defaultTheme.fontFamily.sans],
                serif: ["Source Serif Pro", ...defaultTheme.fontFamily.mono],
            },
            fontSize: {
                // Set in Perfect Fourth typescale (1.33)
                base: "1em",
                lg: "1.333em",
                xl: "1.777em",
                "2xl": "2.369em",
                "3xl": "3.157em",
                "4xl": "4.2em",
                "5xl": "5.61em",
            },
            colors: {
                ...colors,
                primary: colors.blue["500"],
                secondary: colors.blue["700"],
                accent: colors.blue["800"],
                success: colors.green["500"],
                warning: colors.orange["500"],
                error: colors.red["500"],
            },
        },
    },
    variants: {
        extend: {},
    },
    plugins: [
        require("@tailwindcss/typography"),
        // https://github.com/tailwindlabs/tailwindcss-typography
    ],
};

// https://tailwindcss.com/docs/theme

//https://github.com/tailwindlabs/tailwindcss/blob/master/stubs/defaultConfig.stub.js#L7