/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ["./templates/*.html"],
    plugins: [require("@tailwindcss/typography")],
    theme: {
        //fontFamily: {
        //sans: ["Erode", "sans-serif"],
        //serif: ["Recia", "serif"],
        //},
        extend: {
            colors: {
                // rose pine palette: https://rosepinetheme.com/palette/
                "rp-moon-base": "#faf4ed", // main background
                "rp-moon-surface": "#fffaf3", // navigation background
                "rp-moon-overlay": "#f2e9e1", // content background
                "rp-moon-foam": "#56949f", // main site title
                "rp-moon-text": "#575279",
                "rp-moon-muted": "#9893a5",
                "rp-moon-subtle": "#797593",
                "rp-moon-iris": "#907aa9", // links
                "rp-moon-highlight-med": "#dfdad9", // footer
                "rp-moon-gold": "#ea9d34", // headings
            },
            typography: {
                DEFAULT: {
                    css: {
                        // remove backticks from Typography for inline code
                        "code::before": {
                            content: '""',
                        },
                        // remove backticks from Typography for inline code
                        "code::after": {
                            content: '""',
                        },
                        //code: {
                        //    "background-color": "#f4ede8",
                        //    padding: "0.3rem",
                        //},
                        //highlight: {
                        //    "background-color": "#e5e7eb",
                        //    padding: "0.3rem",
                        //},
                    },
                },
            },
        },
    },
    //corePlugins: {
    //    preflight: false,
    //},
};