import typography from '@tailwindcss/typography'

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        display: ['"Cormorant Garamond"', 'ui-serif', 'Georgia', 'serif'],
        sans: ['"DM Sans"', 'ui-sans-serif', 'system-ui', 'sans-serif'],
      },
      colors: {
        'villa-ink': '#0f1729',
        'villa-mist': '#e8f0f7',
        'villa-sage': '#6b8f71',
        'villa-gold': '#c9a227',
        'villa-sky': '#7eb8da',
        'villa-pine': '#1e3d32',
      },
    },
  },
  plugins: [typography],
}