tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Luxury Palette
        'mb-black': '#0a0a0a',       // Deep rich black
        'mb-charcoal': '#1a1a1a',    // Secondary dark
        'mb-gold': '#d4af37',        // Primary metallic gold
        'mb-gold-dim': '#aa8c2c',    // Muted gold for text
        'mb-white': '#f5f5f7',       // Off-white for readability
      },
      fontFamily: {
        // Typography
        serif: ['"Playfair Display"', 'serif'], // Headings
        sans: ['Montserrat', 'sans-serif'],     // Body text
      },
      backgroundImage: {
        // Cinematic gradients
        'gradient-luxury': 'linear-gradient(to bottom, #0a0a0a, #1a1a1a)',
        'hero-vignette': 'radial-gradient(circle, transparent 20%, #0a0a0a 90%)',
      }
    },
  },
  plugins: [],
}