/** @type {import('tailwindcss').Config} */
const config = {
  content: [
    './pages/**/*.{js,ts,jsx,tsx,mdx}',
    './components/**/*.{js,ts,jsx,tsx,mdx}',
    './app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      screens: {
        'xs': '475px',
      },
      colors: {
        hearth: {
          flame: '#ff6f00',
          ember: '#d84315', 
          gold: '#ffab40',
          wood: '#8d6e63',
          cream: '#fefcf8',
          parchment: '#f7f3ed',
          charcoal: '#1a0f0a',
          oak: '#2d1b12',
          mahogany: '#3d2317',
        }
      },
      scale: {
        '102': '1.02',
      },
    },
  },
  plugins: [],
};

export default config;
