tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ["./app/**/*.{ts,tsx}", "./components/**/*.{ts,tsx}", "./content/**/*.{md,mdx}"],
    darkMode: ["class"],
    theme: {
        extend: {
            fontFamily: {
                sans: ["var(--font-geist-sans)"],
                mono: ["var(--font-geist-mono)"],
                serif: ["var(--font-kaisei)"],
                emp: ["var(--font-newsreader)"],
                nwr: ["var(--font-newsreader-regular)"],
            },
            colors: {
                grey: {
                    50: "#f7f6f6",
                    100: "#e6e2e1",
                    200: "#cdc5c2",
                    300: "#aca19c",
                    400: "#8a7d77",
                    500: "#70615c",
                    600: "#584e49",
                    700: "#48423d",
                    800: "#3c3633",
                    900: "#342f2d",
                    950: "#1c1917",
                },
            },
        },
    },
    plugins: [require("@tailwindcss/typography")],
};