tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./app/**/*.{js,ts,jsx,tsx,mdx}', './components/**/*.{js,ts,jsx,tsx,mdx}'],
  theme: {
    extend: {
      colors: {
        ink: { 900: '#0a0a0f', 800: '#11111a', 700: '#181822', 600: '#222230', 500: '#2d2d3d' },
        coral: { DEFAULT: '#ff6b5b', soft: '#ff9385', dark: '#e85544' },
        cream: { 50: '#fdf9f6', 100: '#f5ede5' },
        accent: { DEFAULT: '#7c5cff', soft: '#a48bff' },
        mint: '#5dd4a8',
      },
      fontFamily: {
        sans: ['Inter', 'ui-sans-serif', 'system-ui', 'sans-serif'],
        mono: ['JetBrains Mono', 'ui-monospace', 'monospace'],
        display: ['DM Serif Display', 'Georgia', 'serif'],
      },
      animation: {
        'fade-up': 'fade-up 0.45s ease-out',
        'pulse-slow': 'pulse 3.5s ease-in-out infinite',
      },
      keyframes: {
        'fade-up': {
          '0%': { opacity: '0', transform: 'translateY(8px)' },
          '100%': { opacity: '1', transform: 'translateY(0)' },
        },
      },
    },
  },
  plugins: [],
};