tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // Calm, trustworthy color palette
        primary: {
          50: '#f0f7fa',
          100: '#dbeef5',
          200: '#bce0eb',
          300: '#8ecbde',
          400: '#5aafca',
          500: '#3893b5',
          600: '#2875a0',
          700: '#235f85',
          800: '#1f4d6e',
          900: '#1b4059',
        },
        income: {
          light: '#e8f5e9',
          DEFAULT: '#4caf50',
          dark: '#2e7d32',
        },
        expense: {
          light: '#fce4ec',
          DEFAULT: '#e57373',
          dark: '#c62828',
        },
        profit: {
          light: '#e3f2fd',
          DEFAULT: '#1976d2',
          dark: '#0d47a1',
        },
        neutral: {
          50: '#fafafa',
          100: '#f5f5f5',
          200: '#eeeeee',
          300: '#e0e0e0',
          400: '#bdbdbd',
          500: '#9e9e9e',
          600: '#757575',
          700: '#616161',
          800: '#424242',
          900: '#212121',
        },
      },
      fontFamily: {
        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
      },
    },
  },
  plugins: [],
}