/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx,vue}",
    "./src/**/**/*.{js,ts,jsx,tsx,vue}"],
  theme: {
    colors: {
      'primary': '#0099FF',
      // 'secondary': '',
      'neutral': '#C4C4C4',
      'danger': '#FF3366',
    },
    container: {
      center: true,
      padding: '32px',
    },
    fontSize: {
      xs: ['12px', 1],
      sm: ['14px', 1],
      base: ['16px', 1],
      lg: ['18px', 1],
      xl: ['20px', 1],
      '2xl': ['24px', 1],
      '3xl': ['30px', 1],
      '4xl': ['36px', 1],
    },
    extend: {
    }
  },
  plugins: [],
};