/** @type {import('tailwindcss').Config} */
module.exports = {
  darkMode: 'class',
  content: [
    './src/**/*.{ts,html,ejs}',
    './src/dashboard/**/*.{html,js}',
  ],
  theme: {
    extend: {
      fontFamily: {
        mono: ['JetBrains Mono', 'SF Mono', 'Fira Code', 'ui-monospace', 'monospace'],
        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
      },
      colors: {
        brand: '#3b82f6',
        surface: {
          DEFAULT: 'rgba(17, 17, 17, 0.8)',
          hover: 'rgba(24, 24, 27, 0.9)',
          solid: '#111111',
        },
        'border-subtle': 'rgba(38, 38, 44, 0.6)',
        'border-strong': 'rgba(55, 55, 64, 0.8)',
      },
      boxShadow: {
        'glow-sm': '0 0 20px rgba(59, 130, 246, 0.06)',
        'glow-md': '0 0 40px rgba(59, 130, 246, 0.1)',
        'glow-green': '0 0 12px rgba(34, 197, 94, 0.3)',
        'glow-red': '0 0 12px rgba(239, 68, 68, 0.3)',
        'card': '0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2)',
        'card-hover': '0 4px 12px rgba(0, 0, 0, 0.4), 0 0 20px rgba(59, 130, 246, 0.04)',
      },
    },
  },
  plugins: [],
}