/** @type {import('tailwindcss').Config} */
export default {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // Surfaces — refined for a premium dark look
        border: 'rgba(255, 255, 255, 0.08)',
        'border-strong': 'rgba(255, 255, 255, 0.14)',
        background: '#08080a',
        foreground: '#fafafa',
        muted: {
          DEFAULT: 'rgba(255, 255, 255, 0.04)',
          foreground: '#a1a1aa',
        },
        card: {
          DEFAULT: 'rgba(255, 255, 255, 0.025)',
          foreground: '#fafafa',
        },
        // Status — slightly desaturated for refinement
        success: '#22c55e',
        'success-soft': 'rgba(34, 197, 94, 0.12)',
        error: '#f43f5e',
        'error-soft': 'rgba(244, 63, 94, 0.12)',
        warning: '#f59e0b',
        'warning-soft': 'rgba(245, 158, 11, 0.12)',
        pending: '#eab308',
        'pending-soft': 'rgba(234, 179, 8, 0.12)',
        info: '#60a5fa',
        accent: '#60a5fa',
      },
      borderRadius: {
        xl: '0.75rem',
        '2xl': '1rem',
      },
      fontFamily: {
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],
        sans: [
          'ui-sans-serif',
          'system-ui',
          '-apple-system',
          'BlinkMacSystemFont',
          '"Segoe UI"',
          'Roboto',
          '"Helvetica Neue"',
          'Arial',
          'sans-serif',
        ],
      },
      backdropBlur: {
        xs: '2px',
      },
      animation: {
        'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
        'fade-in': 'fadeIn 0.3s ease-out',
      },
      keyframes: {
        fadeIn: {
          '0%': { opacity: '0', transform: 'translateY(4px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
    },
  },
  plugins: [],
};