app/tailwind.config.js

import defaultTheme from 'tailwindcss/defaultTheme';

/** @type {import('tailwindcss').Config} */
export default {
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/livewire/livewire/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/**/*.blade.php',
        './resources/**/*.js',
        './resources/**/*.vue',
        './app/Livewire/**/*.php',
    ],
    theme: {
        extend: {
            fontFamily: {
                'sans': ['Space Grotesk', ...defaultTheme.fontFamily.sans],
                'syncopate': ['Syncopate', 'sans-serif'],
                'space-grotesk': ['Space Grotesk', 'sans-serif'],
                'default': [...defaultTheme.fontFamily.sans],
            },
            colors: {
                'primary': '#ED1F79',
                'secondary': '#7776BC',
                'accent-blue': '#85C7F2',
                'gray': {
                    100: '#9AA2B3',
                    200: '#7A8093',
                    300: '#5D637A',
                    400: '#444760',
                    500: '#2B2C41',
                    600: '#24263C',
                    650: '#202239',
                    700: '#1D1E36',
                    800: '#131427',
                    900: '#0A0B1C',
                },
                'success': '#21FA90',
                'warning': '#FF6B35',
                'danger': '#E71D36',
            },
        },
    },
    plugins: [],
};