/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./web/index.html', './web/app.js'],
  theme: {
    extend: {
      colors: {
        canvas: 'var(--bg)',
        surface: 'var(--surface)',
        'surface-2': 'var(--surface-2)',
        foreground: 'var(--text)',
        muted: 'var(--muted)',
        border: 'var(--line)',
        brand: 'var(--accent)',
        danger: 'var(--danger)',
        warning: 'var(--warning)'
      },
      borderRadius: {
        ui: 'var(--radius)',
        control: 'var(--radius-sm)'
      }
    }
  },
  plugins: []
};