/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./**/*.{js,ts,jsx,tsx}",
        "./*.{js,ts,jsx,tsx,html,css}"
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                // Brand colors
                brand: {
                    main: '#5E48FC',
                },
                // Neutral Light colors
                gray: {
                    1: '#A4A7AE',
                    2: '#D5D7DA',
                    3: '#E9EAEB',
                    4: '#F5F5F5',
                    5: '#FAFAFA',
                    6: '#FDFDFD',
                },
                // Neutral Dark colors
                dark: {
                    1: '#A4A7AE',
                    2: '#717680',
                    3: '#535862',
                    4: '#414651',
                    5: '#252B37',
                    6: '#181D27',
                    7: '#0A0D12',
                },
                // Status colors
                status: {
                    red: '#F63D68',
                    green: '#3CCB7F',
                    orange: '#FF4405',
                    'orange-light': '#F38744',
                    yellow: '#FEEE95',
                },
                // Base colors
                base: {
                    white: '#FFFFFF',
                },
            },
            fontFamily: {
                'inter': ['Inter Display', 'Inter', 'sans-serif'],
            },
        },
    },
    plugins: [],
}