/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/renderer/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        // Custom dark theme inspired by One Dark
        dark: {
          50: '#e4e4e7',
          100: '#c8c8cd',
          200: '#a1a1aa',
          300: '#71717a',
          400: '#52525b',
          500: '#3f3f46',
          600: '#27272a',
          700: '#1e1e22',
          800: '#18181b',
          900: '#0f0f12',
          950: '#09090b',
        },
        accent: {
          blue: '#61afef',
          purple: '#c678dd',
          green: '#98c379',
          red: '#e06c75',
          orange: '#d19a66',
          cyan: '#56b6c2',
          yellow: '#e5c07b',
        },
      },
      fontFamily: {
        sans: ['JetBrains Mono', 'Fira Code', 'monospace'],
        display: ['Space Grotesk', 'system-ui', 'sans-serif'],
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'glow': 'glow 2s ease-in-out infinite alternate',
      },
      keyframes: {
        glow: {
          '0%': { boxShadow: '0 0 5px rgba(97, 175, 239, 0.5)' },
          '100%': { boxShadow: '0 0 20px rgba(97, 175, 239, 0.8)' },
        },
      },
    },
  },
  plugins: [],
}