/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                hutopyPrimary: "var(--hutopy-primary)",
                hutopySecondary: "var(--hutopy-secondary)",
                hBackground: "var(--h-background)",
                hOnBackground: "var(--h-on-background)",
                hSurface: "var(--h-surface)",
                hOnSurface: "var(--h-on-surface)",
                hPrimary: "var(--h-primary)",
                hOnPrimary: "var(--h-on-primary)",
                hSecondary: "var(--h-secondary)",
                hOnSecondary: "var(--h-on-secondary)",
                hTertiary: "var(--h-tertiary)",
                hOnTertiary: "var(--h-on-tertiary)",
                hError: "var(--h-error)",
                hOnError: "var(--h-on-error)",
            }
        }
    },
    plugins: []
}