/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      colors: {
        gray: {
          900: '#121212', // bg-primary
          800: '#1e1e1e', // bg-secondary
          700: '#252525', // bg-tertiary
          600: '#333333', // border
          400: '#a0a0a0', // text-secondary
          200: '#e0e0e0', // text-primary
        },
        blue: {
          500: '#0096ff', // accent
          600: '#0077cc', // accent-hover
        },
        red: {
          500: '#e53935', // danger
          600: '#c62828', // danger-hover
        },
        green: {
          500: '#43a047', // success
        }
      }
    },
  },
  plugins: [],
}