tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
import defaultTheme from 'tailwindcss/defaultTheme'

export default {
  content: ['./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}'],
  theme: {
    fontFamily: {
      sans: ['Inter', ...defaultTheme.fontFamily.sans],
      newsreaderItalic: ['Newsreader-Italic-VariableFont'],
      delight: ['Neue-Montreal-Regular-400', 'sans-serif'],
      italianno: ['Italianno-Regular', 'sans-serif'],
      tangerineRegular: ['Tangerine-Regular', 'sans-serif'],
      tangerineBold: ['Tangerine-Bold', 'sans-serif']
    },
    extend: {
      animation: {
        spin: 'spin 10s linear infinite'
      },
      keyframes: {
        spin: {
          '0%': { transform: 'rotate(0deg)' },
          '100%': { transform: 'rotate(360deg)' }
        }
      }
    }
  },
  plugins: [require('tailwindcss-animated'), require('@tailwindcss/typography')]
}