/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      fontFamily: {
        serif: ['Georgia', 'Times', 'serif'],
        sans: ['Inter', 'system-ui', 'sans-serif'],
      },
      maxWidth: {
        'reading': '800px',
      },
      colors: {
        // Light Mode
        light: {
          background: '#FAFAF8',
          text: '#2C3E50',
          header: '#0A1628',
          accent: '#2A4D5C',
        },
        // Dark Mode  
        dark: {
          background: '#0A1628',
          text: '#F5E6D3',
          header: '#F5E6D3',
          accent: '#D4A574',
        },
      },
    },
  },
  plugins: [],
  darkMode: 'class',
};