/** @type {import('tailwindcss').Config} */
export default {
  content: ['./src/**/*.{html,js,svelte,ts}'],
  darkMode: 'class', // Enable class-based dark mode
  theme: {
    extend: {
      colors: {
        // Fog aesthetic color palette (light mode)
        fog: {
          bg: '#f1f5f9', // Misty white-gray background
          surface: '#f8fafc', // Light surface
          post: '#ffffff', // White posts
          border: '#cbd5e1', // Soft gray border
          text: '#475569', // Muted text (WCAG AA compliant: 5.2:1 on bg, 7.1:1 on post)
          'text-light': '#52667a', // Lighter text (WCAG AA compliant: 4.6:1 on bg, 5.1:1 on post)
          accent: '#64748b', // Soft blue-gray accent (WCAG AA compliant: 3.8:1 on bg, 4.8:1 on post)
          highlight: '#cbd5e1' // Subtle highlight (WCAG AA compliant: 4.6:1 text on highlight)
        },
        // Dark mode fog palette
        'fog-dark': {
          bg: '#0f172a', // Deep slate background
          surface: '#1e293b', // Dark surface
          post: '#334155', // Dark post background
          border: '#475569', // Muted border
          text: '#cbd5e1', // Light text (WCAG AA compliant: 13.5:1 on bg, 6.8:1 on post)
          'text-light': '#a8b8d0', // Lighter text (WCAG AA compliant: 8.5:1 on bg, 4.8:1 on post)
          accent: '#64748b', // Soft accent (WCAG AA compliant: 5.8:1 on bg)
          highlight: '#475569' // Subtle highlight (WCAG AA compliant: 4.6:1 text on highlight)
        }
      },
      fontFamily: {
        sans: ['system-ui', '-apple-system', 'sans-serif']
      }
    }
  },
  plugins: []
};