/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  darkMode: 'class',
  theme: {
    extend: {
      fontFamily: {
        sans: ['Montserrat', 'sans-serif'],
      },
      colors: {
        brand: {
          50:  '#fdf8f0',
          100: '#faefd8',
          200: '#f5dbb0',
          300: '#ecc07a',
          400: '#e6a84d',
          500: '#C1862F',
          600: '#a97228',
          700: '#8a5c20',
        },
        ui: {
          sidebar: '#1A1A1A',
          darkBg:  '#0A0A0A',
          card:    '#141414',
        }
      },
      boxShadow: {
        'soft':     '0 2px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
        'card':     '0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)',
        'heavy':    '0 20px 25px -5px rgba(0, 0, 0, 0.15), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
        'xl-brand': '0 20px 25px -5px rgba(193, 134, 47, 0.2), 0 10px 10px -5px rgba(193, 134, 47, 0.08)',
      }
    },
  },
  plugins: [],
}