/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        bg: {
          DEFAULT: '#0f1419',
          elevated: '#1a2027',
          card: '#232b35',
          input: '#2a343f',
        },
        border: {
          DEFAULT: '#38444d',
          light: '#2c3640',
        },
        text: {
          DEFAULT: '#e8ecf0',
          muted: '#8899a6',
          faint: '#5c6d7e',
        },
        accent: {
          DEFAULT: '#ff6b4a',
          hover: '#ff8266',
          dark: '#e85a3a',
        },
        success: {
          DEFAULT: '#17bf63',
          muted: 'rgba(23, 191, 99, 0.15)',
        },
        danger: {
          DEFAULT: '#e0245e',
          hover: '#f04070',
          muted: 'rgba(224, 36, 94, 0.15)',
        },
      },
      fontFamily: {
        sans: ['DM Sans', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'monospace'],
      },
    },
  },
  plugins: [],
}