const colors = require('tailwindcss/colors')

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {},
        colors: {
            ...colors,
            foreground: '#FDFDFF',
            primary: '#8797A3',
            accent: '#c6c5b9',
            warn: '#C14953',
            background: '#393D3F'
        }
    },
    variants: {
        extend: {
        },
    },
    plugins: [
        require("@tailwindcss/typography"),
        require("@tailwindcss/container-queries"),
        require("@tailwindcss/forms"),
        require("@tailwindcss/aspect-ratio"),
    ],
}