/** @type {import('tailwindcss').Config} */
export default {
  content: [
    './index.html',
    './src/**/*.{js,jsx,ts,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        bg: 'rgb(var(--bg))',
        surface: 'rgb(var(--surface))',
        text: 'rgb(var(--text))',
        primary: 'rgb(var(--primary))',
        accent: 'rgb(var(--accent))',
        muted: 'rgb(var(--muted))',
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', 'ui-sans-serif', 'sans-serif'],
        display: ['Poppins', 'Inter', 'ui-sans-serif', 'sans-serif'],
      },
    },
  },
  darkMode: 'class',
  plugins: [],
}