/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        void: '#f0f4ff',
        panel: '#ffffff',
        ink: {
          DEFAULT: '#1a2332',
          muted: '#5a6b82',
          faint: '#8b9cb3',
        },
        neon: {
          cyan: '#0099cc',
          magenta: '#cc0088',
          green: '#22aa44',
          amber: '#cc7700',
          purple: '#8844cc',
        },
      },
      fontFamily: {
        display: ['"Space Grotesk"', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'monospace'],
      },
      boxShadow: {
        'neon-cyan': '0 0 20px rgba(0, 153, 204, 0.25), 0 4px 16px rgba(0, 153, 204, 0.12)',
        'neon-magenta': '0 0 20px rgba(204, 0, 136, 0.2)',
        card: '0 4px 20px rgba(15, 40, 80, 0.07)',
      },
    },
  },
  plugins: [],
}