import type { Config } from 'tailwindcss'

const config: Config = {
  darkMode: ['class'],
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      fontFamily: {
        sans: ['Inter', 'PingFang SC', 'Microsoft YaHei', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'Consolas', 'ui-monospace', 'monospace'],
      },
      colors: {
        nexus: {
          bg: '#070b16',
          panel: '#0f172a',
          panel2: '#111c33',
          line: 'rgba(148, 163, 184, 0.16)',
          cyan: '#67e8f9',
          blue: '#60a5fa',
          green: '#86efac',
          amber: '#fbbf24',
          red: '#fca5a5',
        },
      },
      boxShadow: {
        glow: '0 24px 80px rgba(0,0,0,.28)',
        cyan: '0 18px 50px rgba(14,165,233,.22)',
      },
      backgroundImage: {
        'nexus-radial': 'radial-gradient(circle at 18% 0%, rgba(51, 69, 255, .32), transparent 34%), radial-gradient(circle at 90% 10%, rgba(239, 68, 68, .16), transparent 30%), linear-gradient(135deg, #070b16 0%, #101827 58%, #0b1020 100%)',
      },
    },
  },
  plugins: [],
}

export default config