module.exports = {
  content: [
    "./src/**/*.{js,jsx,ts,tsx}",
    "./public/index.html",
  ],
  theme: {
    extend: {
      colors: {
        'mcdi-maroon': '#8C1D40',
        'mcdi-gold': '#FFC627',
      },
      fontFamily: {
        'sans': ['Roboto', 'Arial', 'sans-serif'],
        'serif': ['Merriweather', 'Georgia', 'serif'],
      },
      screens: {
        'xs': '475px',
      },
      spacing: {
        '128': '32rem',
        '144': '36rem',
      },
      minHeight: {
        '1/2': '50vh',
      },
    },
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
  ],
}