/** @type {import('tailwindcss').Config} */
export default {
  theme: {
    extend: {
    colors: {
        primary: {
            '50': 'hsl(34, 68%, 97%)',
            '100': 'hsl(34, 68%, 94%)',
            '200': 'hsl(34, 68%, 86%)',
            '300': 'hsl(34, 68%, 76%)',
            '400': 'hsl(34, 68%, 64%)',
            '500': 'hsl(34, 68%, 50%)',
            '600': 'hsl(34, 68%, 40%)',
            '700': 'hsl(34, 68%, 32%)',
            '800': 'hsl(34, 68%, 24%)',
            '900': 'hsl(34, 68%, 16%)',
            '950': 'hsl(34, 68%, 10%)',
            DEFAULT: '#d08728'
        },
        'neutral-50': '#000000',
        'neutral-100': '#171717',
        'neutral-200': '#ffffff',
        'neutral-300': '#616161',
        'neutral-400': '#e5e5e5',
        background: '#ffffff',
        foreground: '#000000'
    },
    fontFamily: {
        body: [
            'Arial',
            'sans-serif'
        ],
        font2: [
            'Inter',
            'sans-serif'
        ]
    },
    fontSize: {
        '8': [
            '8px',
            {
                lineHeight: '11.2px'
            }
        ],
        '12': [
            '12px',
            {
                lineHeight: '16.8px'
            }
        ],
        '14': [
            '14px',
            {
                lineHeight: '19.6px'
            }
        ],
        '16': [
            '16px',
            {
                lineHeight: 'normal'
            }
        ],
        '18': [
            '18px',
            {
                lineHeight: '25.2px'
            }
        ],
        '32': [
            '32px',
            {
                lineHeight: '44.8px'
            }
        ],
        '48': [
            '48px',
            {
                lineHeight: '67.2px'
            }
        ],
        '13.3333': [
            '13.3333px',
            {
                lineHeight: 'normal'
            }
        ]
    },
    spacing: {
        '1': '2px',
        '16': '32px',
        '34': '68px'
    },
    borderRadius: {
        sm: '4px',
        md: '8px'
    },
    boxShadow: {
        md: 'rgb(97, 97, 97) 2px 2px 8px 0px'
    },
    container: {
        center: true,
        padding: '32px'
    },
    maxWidth: {
        container: '1080px'
    }
},
  },
};