/** @type {import('tailwindcss').Config} */
export default {
    content: [
        "./index.html",
        "./**/*.{js,ts,jsx,tsx}",
        "./*.{js,ts,jsx,tsx,html,css}"
    ],
    darkMode: 'class',
    theme: {
        extend: {
            colors: {
                // Figma Brand colors
                'Brand-Orange': '#5E48FC',

                // Figma Neutral colors
                'Neutrals-NeutralSlate0': '#FDFDFD',
                'Neutrals-NeutralSlate50': '#FAFAFA',
                'Neutrals-NeutralSlate100': '#F5F5F5',
                'Neutrals-NeutralSlate200': '#E9EAEB',
                'Neutrals-NeutralSlate300': '#D5D7DA',
                'Neutrals-NeutralSlate400': '#A4A7AE',
                'Neutrals-NeutralSlate500': '#7A7680',
                'Neutrals-NeutralSlate600': '#535862',
                'Neutrals-NeutralSlate700': '#414651',
                'Neutrals-NeutralSlate800': '#252B37',
                'Neutrals-NeutralSlate900': '#181D27',
                'Neutrals-NeutralSlate950': '#0A0D12',

                // Figma Other colors
                'Other-White': '#FFFFFF',
                'Main-BG-Gray-50': '#FAFAFA',
                'bg-white-0': '#FFFFFF',

                // Figma Button colors
                'Button-Secondary': '#F5F5F5',
                
                // Additional Figma colors from the designs
                'Main-BG-Gray-100': '#F5F5F5',
                'Text-Gray-100': '#F5F5F5',
                'Text-Gray-200': '#E9EAEB',
                'Text-Gray-500': '#A4A7AE',
                'Text-Gray-600': '#717680',
                'Text-Gray-800': '#252B37',
                'Text-Dark-950': '#0A0D12',
                'Light-Grays-l-gray08': '#FAFAFA',
                'Outline-Outline-Gray-200': '#E9EAEB',

                // Legacy brand colors (keep for compatibility)
                brand: {
                    main: '#5E48FC',
                },
                // Legacy Neutral Light colors (keep for compatibility)
                gray: {
                    1: '#A4A7AE',
                    2: '#D5D7DA',
                    3: '#E9EAEB',
                    4: '#F5F5F5',
                    5: '#FAFAFA',
                    6: '#FDFDFD',
                },
                // Legacy Neutral Dark colors (keep for compatibility)
                dark: {
                    1: '#A4A7AE',
                    2: '#717680',
                    3: '#535862',
                    4: '#414651',
                    5: '#252B37',
                    6: '#181D27',
                    7: '#0A0D12',
                },
                // Legacy Status colors (keep for compatibility)
                status: {
                    red: '#F63D68',
                    green: '#3CCB7F',
                    orange: '#FF4405',
                    'orange-light': '#F38744',
                    yellow: '#FEEE95',
                },
                // Legacy Base colors (keep for compatibility)
                base: {
                    white: '#FFFFFF',
                },
            },
            fontFamily: {
                'inter': ['Inter', 'sans-serif'],
                'neue-montreal': ['Neue Montreal', 'Inter', 'sans-serif'],
            },
        },
    },
    plugins: [],
}