import type { Config } from 'tailwindcss';
import { uqo } from './src/theme/uqo';

export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        uqo: {
          blue: uqo.blue,
          'blue-dark': uqo.blueDark,
          'blue-light': uqo.blueLight,
          green: uqo.green,
          gold: uqo.gold,
        },
        neutral: { bg: uqo.bg, surface: uqo.surface, text: uqo.text, muted: uqo.muted, line: uqo.line },
        semantic: { warning: uqo.warning, error: uqo.error, success: uqo.green },
      },
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'sans-serif'],
        mono: ['"JetBrains Mono"', 'ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],
      },
      fontSize: {
        xs: ['12px', '1.4'], sm: ['14px', '1.55'], base: ['16px', '1.55'], lg: ['18px', '1.5'],
        xl: ['22px', '1.35'], '2xl': ['28px', '1.25'],
      },
      boxShadow: { card: '0 1px 2px rgba(10,74,99,.05), 0 4px 16px rgba(10,74,99,.06)' },
      keyframes: { fadein: { from: { opacity: '0', transform: 'translateY(4px)' }, to: { opacity: '1', transform: 'none' } }, slidein: { from: { transform: 'translateX(-100%)' }, to: { transform: 'none' } } },
      animation: { fadein: 'fadein 150ms ease-out' },
    },
  },
  plugins: [],
} satisfies Config;