/** @type {import('tailwindcss').Config} */
export default {
  content: [
      "./src/**/*.{html,js,ts, jsx, tsx}",
      "./index.html"
  ],
  theme: {
    fontSize: {
      sm: `${10/16}rem`,
      base: `${16/16}rem`,
      lg: `${24/16}rem`,
      xl: `${36/16}rem`,
    },
    extend: {
      colors: {
        "primary": "#E5352D",
        "secondary": "#646567",
      },
      fontFamily: {
        mania: ['ManiaExtended', 'sans-serif'],
        officina: ['OfficinaSerifBoldSCC', 'sans-serif'],
        inter: ['Inter', 'sans-serif']
      },

    },
  },
  plugins: [],
}