import typography from '@tailwindcss/typography';

/**
 * UI redesign (Refero-inspired minimal+dense).
 *
 * Neutral palette stays on Tailwind's `slate` scale because the
 * codebase has 700+ existing references; replacing it would be churn
 * without payoff. Refinements happen at the CSS-var layer (canvas /
 * surface / hairline tokens) and rely on Tailwind's stock semantic
 * scales (emerald/amber/red/blue/indigo) for state colors.
 */
/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{ts,tsx}'],
  theme: {
    extend: {
      colors: {
        // Brand accent stays runtime-configurable via /api/branding.
        // Fallback updated to the minimal-design accent (zinc-900).
        accent: 'var(--brand-primary, #18181b)',
        'accent-deep': 'var(--brand-primary-deep, #09090b)',
        'accent-soft': 'var(--brand-primary-soft, #f4f4f5)',
        'accent-ring': 'var(--brand-primary-ring, rgba(24, 24, 27, 0.25))',
        'accent-fg': 'var(--brand-primary-fg, #ffffff)',
        ink: '#0f172a',
        muted: '#64748b',
        // Refero-inspired surface tokens.
        canvas: '#ffffff',
        surface: '#fafafa',
        'surface-2': '#f4f4f5',
        hairline: '#e4e4e7',
        'hairline-soft': '#f4f4f5',
      },
      fontFamily: {
        sans: ['"IBM Plex Sans JP"', '"Hiragino Sans"', 'system-ui', 'sans-serif'],
        mono: ['"JetBrains Mono"', '"IBM Plex Mono"', 'ui-monospace', 'monospace'],
      },
      fontSize: {
        '2xs': ['0.6875rem', { lineHeight: '1rem' }], // 11px
      },
      borderRadius: {
        DEFAULT: '0.375rem', // 6px — matches the new design token.
      },
      boxShadow: {
        // Refined ramp: rely on hairlines for elevation, not drop shadows.
        sm: '0 1px 2px 0 rgba(15, 23, 42, 0.04)',
        DEFAULT: '0 1px 2px 0 rgba(15, 23, 42, 0.05), 0 1px 3px 0 rgba(15, 23, 42, 0.04)',
        md: '0 2px 4px -1px rgba(15, 23, 42, 0.06), 0 4px 6px -1px rgba(15, 23, 42, 0.04)',
      },
    },
  },
  plugins: [typography],
};