/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{ts,tsx}'],
  // Scope to our root so we don't fight the WP admin styles outside it
  important: '#backreload-root',
  corePlugins: {
    preflight: false, // WP admin already resets things; we apply our own resets in CSS
  },
  theme: {
    extend: {
      colors: {
        // Linear-inspired neutral palette + single accent
        ink: {
          50:  '#f7f8f9',
          100: '#eef0f2',
          200: '#dfe2e6',
          300: '#c3c8ce',
          400: '#9aa1aa',
          500: '#6b7280',
          600: '#4b5563',
          700: '#374151',
          800: '#1f2430',
          900: '#0e1116',
        },
        // Brand palette derived from #1DD1A1
        brand: {
          50:  '#e8fbf5',
          100: '#c6f5e6',
          200: '#9aecd1',
          300: '#6ce0b9',
          400: '#3ed5a4',
          500: '#1dd1a1',
          600: '#14a884',
          700: '#0f8068',
          800: '#0a5949',
          900: '#053c32',
        },
        // Alias so existing usages keep working
        accent: {
          50:  '#e8fbf5',
          100: '#c6f5e6',
          200: '#9aecd1',
          300: '#6ce0b9',
          400: '#3ed5a4',
          500: '#1dd1a1',
          600: '#14a884',
          700: '#0f8068',
          800: '#0a5949',
          900: '#053c32',
        },
        success: '#10b981',
        warning: '#f59e0b',
        danger:  '#ef4444',
      },
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'Segoe UI', 'Roboto', 'sans-serif'],
        mono: ['ui-monospace', 'SFMono-Regular', 'Menlo', 'monospace'],
      },
      boxShadow: {
        soft: '0 1px 2px rgba(16,24,40,.04), 0 1px 3px rgba(16,24,40,.06)',
        pop:  '0 8px 24px rgba(16,24,40,.08)',
      },
      borderRadius: {
        xl: '0.875rem',
        '2xl': '1rem',
      },
    },
  },
  plugins: [],
};
