/** @type {import('tailwindcss').Config} */
module.exports = {
    darkMode: "class",
    theme: {
        extend: {
            fontFamily: {
                sans: ['var(--font-arimo)', 'ui-sans-serif', 'system-ui', 'sans-serif'],
                mono: ['var(--font-fira-code)', 'ui-monospace', 'SFMono-Regular', 'monospace'],
                heading: ['var(--font-open-sans)', 'ui-sans-serif', 'system-ui', 'sans-serif'],
            },
            colors: {
                brand: {
                    50: '#fff4ef',
                    100: '#ffe8df',
                    200: '#ffd0c0',
                    300: '#ffb093',
                    400: '#ff8a66',
                    500: '#ff3a05',
                    600: '#ff1f45',
                    700: '#ff0080',
                    800: '#d10069',
                    900: '#9e0050',
                    950: '#4b0028',
                },
                surface: {
                    light: '#ffffff',
                    dark: '#0a0a0a',
                },
            },
            boxShadow: {
                glow: '0 0 20px rgba(255, 58, 5, 0.25)',
            },
        },
    },
};