import type { Config } from 'tailwindcss'

// Notizarr's visual identity: dark-first, quiet neutrals, one confident
// accent. Deliberately not shadcn's default palette — see
// docs/phase1/01-architecture.md's UI quality requirements.
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        base: {
          bg: '#0a0b0e',
          surface: '#131620',
          raised: '#181c28',
          border: '#232838',
          hover: '#1b1f2c',
        },
        accent: {
          DEFAULT: '#818cf8',
          dim: '#6366f1',
          bright: '#a5b4fc',
        },
      },
      fontFamily: {
        sans: [
          'ui-sans-serif',
          'system-ui',
          '-apple-system',
          'Segoe UI',
          'Roboto',
          'Helvetica Neue',
          'Arial',
          'sans-serif',
        ],
      },
      boxShadow: {
        card: '0 1px 2px 0 rgb(0 0 0 / 0.4)',
        raised: '0 4px 16px -4px rgb(0 0 0 / 0.5)',
      },
      borderRadius: {
        xl: '0.875rem',
        '2xl': '1.125rem',
      },
      animation: {
        'fade-in': 'fade-in 0.2s ease-out',
        'slide-up': 'slide-up 0.25s cubic-bezier(0.16, 1, 0.3, 1)',
      },
      keyframes: {
        'fade-in': { from: { opacity: '0' }, to: { opacity: '1' } },
        'slide-up': {
          from: { opacity: '0', transform: 'translateY(8px)' },
          to: { opacity: '1', transform: 'translateY(0)' },
        },
      },
    },
  },
  plugins: [],
} satisfies Config