/** @type {import('tailwindcss').Config} */
export default {
    darkMode: 'class',
    content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
    theme: {
        extend: {
            colors: {
                
                primary: {
                    100:"#FFF2F2",
                    200:"#FDD2D3",
                    300:"#F2ACB0",
                    400:"#D27C87",
                    500:"#944654",
                    600:"#782B3D",
                    700:"#5D1B2F",
                    800:"#421223",
                    900:"#260A16",
                },
                accent: {
                    100: "#F3F2FF",
                    200: "#C1C1FE",
                    300: "#8E95FB",
                    400: "#596CF0",
                    500: "#2748DB",
                    600: "#0D34AE",
                    700: "#032981",
                    800: "#001E54",
                    900: "#001026",

                },

                neutral: {
                    100: "#FCFAFA",
                    200: "#EBE5E5",
                    300: "#D9D1D2",
                    400: "#C7BDBF",
                    500: "#B5AAAC",
                    600: "#91878A",
                    700: "#6E6568",
                    800: "#4A4346",
                    900: "#262224",
                },
            }
        },
    },
    plugins: [],
}