export default {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        'bg': 'var(--bg)',
        'bg-2': 'var(--bg-2)',
        'panel': 'var(--panel)',
        'panel-2': 'var(--panel-2)',
        'border': 'var(--border)',
        'text': 'var(--text)',
        'muted': 'var(--muted)',
        'accent': 'var(--accent)',
        'accent-2': 'var(--accent-2)',
        'danger': 'var(--danger)',
        'canvas-bg': 'var(--canvas-bg)',
      },
      fontFamily: {
        sans: ['"Space Grotesk"', '"Fira Sans"', '"Segoe UI"', 'sans-serif'],
      }
    },
  },
  plugins: [],
}
