/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./src/**/*.{vue,js}",
  ],
  darkMode: true,
  theme: {
    fontFamily: {
      'arial': ['Arial', 'sans-serif'],
      'roboto': ['Roboto', 'sans-serif'],
      'thasadith': ['Thasadith', 'sans-serif']
    },
    fontSize: {
      'logo-size': '2.5rem',
      'xs': '.75rem',
      'sm': '.875rem',
      'tiny': '.875rem',
      'base': '1rem',
      'lg': '1.125rem',
      'xl': '1.25rem',
      '2xl': '1.5rem',
      '3xl': '1.875rem',
      '4xl': '2.25rem',
      '5xl': '3rem',
      '6xl': '4rem',
      '7xl': '5rem'
    }
  },
  plugins: [],
}