import defaultTheme from 'tailwindcss/defaultTheme';
import forms from '@tailwindcss/forms';

/** @type {import('tailwindcss').Config} */
export default {
    darkMode: 'class',
    content: [
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './storage/framework/views/*.php',
        './resources/views/**/*.blade.php',
        './resources/js/**/*.vue',
    ],

    theme: {
        extend: {
            fontFamily: {
                sans: ['Figtree', ...defaultTheme.fontFamily.sans],
            },
            colors: {
                red: {
                    50: '#faf6f0',
                    100: '#f4eae1',
                    200: '#e8d4c3',
                    300: '#d7b79e',
                    400: '#c59a78',
                    500: '#b48057', // warm coffee brown
                    600: '#8c5a3c', // primary brand brown
                    700: '#6f442c', // dark coffee
                    800: '#543220', // espresso
                    900: '#3a2215', // dark chocolate
                    950: '#24140b',
                },
                rose: {
                    50: '#fcf8f6',
                    100: '#f7eeeb',
                    200: '#f0dbd5',
                    300: '#e5bfb3',
                    400: '#d59a88',
                    500: '#c2735d', // warm terracotta reddish-brown
                    600: '#a7543e', // deep sienna brown
                    700: '#863f2d', // dark sienna
                    800: '#662f22',
                    900: '#482017',
                    950: '#2b100b',
                }
            }
        },
    },

    plugins: [forms],
};
