import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        brand: {
          DEFAULT: '#4f46e5',
          foreground: '#f8fafc',
          50: '#eef2ff',
          100: '#e0e7ff',
          600: '#4f46e5',
          700: '#4338ca',
        },
        sidebar: {
          DEFAULT: '#0d1230',
          hover: '#1a2046',
          active: '#4f46e5',
          muted: '#8890b5',
          border: '#232a52',
        },
        success: { DEFAULT: '#16a34a', bg: '#f0fdf4', border: '#bbf7d0' },
        warning: { DEFAULT: '#d97706', bg: '#fffbeb', border: '#fde68a' },
        danger: { DEFAULT: '#dc2626', bg: '#fef2f2', border: '#fecaca' },
        info: { DEFAULT: '#0284c7', bg: '#f0f9ff', border: '#bae6fd' },
      },
      boxShadow: {
        card: '0 1px 2px 0 rgb(16 24 40 / 0.05)',
        'card-hover': '0 4px 12px -2px rgb(16 24 40 / 0.10)',
      },
      borderRadius: {
        xl: '0.875rem',
      },
    },
  },
  plugins: [],
};

export default config;