frontend/tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ['./index.html', './src/**/*.{js,jsx}'],
  darkMode: 'class',
  theme: {
    extend: {
      colors: {
        // Warm Claude-inspired dark palette
        bg:       '#1f1d1a',
        surface:  '#2a2824',
        elevated: '#332f2a',
        border:   { DEFAULT: '#403b34', soft: '#332f2a' },
        ink:      '#f3f0e8',
        muted:    '#b5ada0',
        subtle:   '#857d72',
        accent:   { DEFAULT: '#e28763', dark: '#c96442', soft: '#4a2f22' },
        good:     '#7ab68c',
        warn:     '#e4b264',
        bad:      '#d47d6a',
      },
      fontFamily: {
        sans:   ['Inter', 'system-ui', 'sans-serif'],
        serif:  ['"Source Serif 4"', 'Georgia', 'serif'],
        mono:   ['"JetBrains Mono"', 'ui-monospace', 'monospace'],
      },
      boxShadow: {
        card: '0 1px 0 rgba(0,0,0,0.2)',
        glow: '0 0 0 3px rgba(226,135,99,0.18)',
      },
    },
  },
  plugins: [],
}