/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        canvas: '#16171a',
        surface: {
          DEFAULT: '#222428',
          elevated: '#282a2f',
          hover: '#32353b',
          border: 'rgba(255, 255, 255, 0.07)',
        },
        brand: {
          DEFAULT: '#1d8cf8',
          hover: '#3b9cfc',
          dark: '#0066cc',
        },
        accent: {
          green: '#22c55e',
          orange: '#f97316',
          purple: '#a855f7',
          red: '#ef4444',
          yellow: '#eab308',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif'],
        mono: ['JetBrains Mono', 'Fira Code', 'monospace'],
      },
      boxShadow: {
        soft: '0 1px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 2px -1px rgba(0, 0, 0, 0.2)',
        card: '0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.2)',
        glowBlue: '0 0 20px -3px rgba(29, 140, 248, 0.35)',
      },
    },
  },
  plugins: [],
};