/** @type {import('tailwindcss').Config} */
// Дизайн-система (навык ui-ux-pro-max). Нейтрали — через CSS-переменные (тема
// светлая/тёмная), акценты/статусы — фикс (одинаково читаются в обеих темах).
export default {
  darkMode: 'class',
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        bg: 'rgb(var(--bg) / <alpha-value>)',
        surface: 'rgb(var(--surface) / <alpha-value>)',
        'surface-2': 'rgb(var(--surface-2) / <alpha-value>)',
        muted: 'rgb(var(--muted) / <alpha-value>)',
        border: 'rgb(var(--border) / <alpha-value>)',
        fg: 'rgb(var(--fg) / <alpha-value>)',
        'fg-muted': 'rgb(var(--fg-muted) / <alpha-value>)',
        primary: '#1E293B',
        secondary: '#334155',
        accent: '#F59E0B',
        ok: '#22C55E',
        warn: '#F59E0B',
        crit: '#EF4444',
        info: '#0EA5E9',
      },
      fontFamily: {
        sans: ['"Fira Sans"', 'system-ui', 'sans-serif'],
        mono: ['"Fira Code"', 'ui-monospace', 'monospace'],
      },
      borderRadius: { xl: '0.875rem', '2xl': '1.125rem' },
      boxShadow: {
        card: '0 1px 2px rgba(2,6,23,.06), 0 8px 24px -12px rgba(2,6,23,.18)',
        glow: '0 0 10px rgba(34,197,94,.35)',
      },
      keyframes: {
        'pulse-dot': { '0%,100%': { opacity: '1' }, '50%': { opacity: '.35' } },
      },
      animation: { 'pulse-dot': 'pulse-dot 1.6s ease-in-out infinite' },
    },
  },
  plugins: [],
};