import type { Config } from 'tailwindcss'

const config: Config = {
  content: [],
  theme: {
    // Строгие токены — заменяют дефолтные Tailwind
    fontFamily: {
      sans: ['"Inter"', 'system-ui', 'sans-serif'],
      heading: ['"Space Grotesk"', '"Inter"', 'system-ui', 'sans-serif'],
    },
    colors: {
      // Служебные
      transparent: 'transparent',
      current: 'currentColor',
      white: '#ffffff',
      black: '#000000',
      // Бренд
      primary: {
        DEFAULT: '#10b981',
        hover: '#0b8f68',
      },
      // Серые (3 оттенка)
      gray: {
        100: '#f1f5f9',
        400: '#94a3b8',
        700: '#334155',
      },
      // Статусы (по 1 цвету)
      red: '#ef4444',
      blue: '#3b82f6',
      yellow: '#eab308',
    },
    fontSize: {
      'heading': ['32px', { lineHeight: '1.2', letterSpacing: '-0.01em' }],
      'subheading': ['24px', { lineHeight: '1.3', letterSpacing: '-0.005em' }],
      'body': ['16px', { lineHeight: '1.5' }],
      'caption': ['14px', { lineHeight: '1.4' }],
    },
    borderRadius: {
      'none': '0',
      'small': '6px',
      'medium': '12px',
      'full': '9999px',
    },
    boxShadow: {
      'none': 'none',
      'hover': '0 8px 24px rgba(0, 0, 0, 0.08)',
    },
    maxWidth: {
      'content': '1400px',
      'narrow': '800px',
    },
  },
  plugins: [],
}

export default config
