/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        coral: {
          50: '#FFF5F3',
          100: '#FFE8E3',
          200: '#FFD0C7',
          300: '#FFA99A',
          400: '#FF7D66',
          500: '#F25C3D',
          600: '#D94425',
          700: '#B5351A',
          800: '#912B16',
          900: '#6B2213',
        },
        teal: {
          50: '#F0FDFA',
          100: '#CCFBF1',
          200: '#99F6E4',
          300: '#5EEAD4',
          400: '#2DD4BF',
          500: '#14B8A6',
          600: '#0D9488',
          700: '#0F766E',
          800: '#115E59',
          900: '#134E4A',
        },
        warm: {
          50: '#FDFCFB',
          100: '#F9F7F5',
          200: '#F0EDEA',
          300: '#E0DBD5',
          400: '#C4BBB2',
          500: '#A39990',
          600: '#7A7067',
          700: '#5C544C',
          800: '#3D3833',
          900: '#1F1C19',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'sans-serif'],
        display: ['Bricolage Grotesque', 'system-ui', 'sans-serif'],
      },
      fontSize: {
        'hero': ['3rem', { lineHeight: '1.1', letterSpacing: '-0.02em' }],
      },
      boxShadow: {
        'coral': '0 10px 15px -3px rgb(242 92 61 / 0.25)',
        'coral-lg': '0 20px 25px -5px rgb(242 92 61 / 0.3)',
      },
      borderRadius: {
        '4xl': '2rem',
      },
      spacing: {
        '18': '4.5rem',
        '22': '5.5rem',
      },
    },
  },
  plugins: [],
}