/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        brand: {
          coral: 'var(--color-coral)',
          mint: 'var(--color-mint)',
          lilac: 'var(--color-lilac)',
          sky: 'var(--color-sky)',
          dark: 'var(--color-dark)',
          charcoal: 'var(--color-charcoal)',
          gray: 'var(--color-gray)',
          light: 'var(--color-light)',
          white: 'var(--color-white)',
        },
        theme: {
          text: 'var(--text)',
          muted: 'var(--text-muted)',
          heading: 'var(--text-heading)',
          inverse: 'var(--text-inverse)',
          bg: 'var(--bg)',
          surface: 'var(--surface)',
          elevated: 'var(--surface-elevated)',
          border: 'var(--border)',
          'border-strong': 'var(--border-strong)',
          accent: 'var(--accent)',
          'accent-hover': 'var(--accent-hover)',
          'accent-bg': 'var(--accent-bg)',
          success: 'var(--success)',
          'success-text': 'var(--success-text)',
          warning: 'var(--warning)',
          'warning-text': 'var(--warning-text)',
        },
      },
      fontFamily: {
        sans: ['var(--font-sans)', 'system-ui', 'sans-serif'],
        display: ['var(--font-display)', 'Georgia', 'serif'],
        heading: ['var(--font-heading)', 'system-ui', 'sans-serif'],
        mono: ['var(--font-mono)', 'monospace'],
      },
      borderRadius: {
        '2xl': '1rem',
        '3xl': '1.5rem',
      },
      boxShadow: {
        soft: '0 4px 20px -4px rgba(62, 44, 28, 0.08)',
        card: '0 2px 12px -2px rgba(62, 44, 28, 0.06)',
      },
    },
  },
  plugins: [],
}