module.exports = {
    content: [
        "./index.html",
        "./src/**/*.{vue,js,ts,jsx,tsx}",
    ],
    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#f5f7ff',
                    100: '#eef1ff',
                    200: '#dee4ff',
                    300: '#c3ceff',
                    400: '#a1abff',
                    500: '#7f88ff',
                    600: '#645eff',
                    700: '#4f47e9',
                    800: '#423cc4',
                    900: '#39369e',
                    950: '#201f59',
                },
                secondary: {
                    50: '#f0fdfa',
                    100: '#cffaf0',
                    200: '#9af4e3',
                    300: '#5de8d4',
                    400: '#2bd4c0',
                    500: '#0fb8a9',
                    600: '#07938c',
                    700: '#0b746f',
                    800: '#0f5c59',
                    900: '#114c4a',
                    950: '#022c2c',
                }
            },
            boxShadow: {
                'soft': '0 8px 32px rgba(31, 38, 135, 0.1)',
                'soft-lg': '0 12px 48px rgba(31, 38, 135, 0.15)',
            }
        }
    },
    plugins: [],
}