import type { Config } from 'tailwindcss';

const config: Config = {
  content: ['./src/**/*.{js,ts,jsx,tsx,mdx}'],
  theme: {
    extend: {
      colors: {
        // Canada-maple brand accent
        maple: {
          50: '#fff1f0',
          100: '#ffe0dd',
          200: '#ffc3bf',
          300: '#ff9d96',
          400: '#ff6b61',
          500: '#f8402f',
          600: '#e61e2d',
          700: '#bd151f',
          800: '#9e1520',
          900: '#7f1722',
          950: '#45060c',
        },
        // Near-black ink with a warm cast
        ink: {
          50: '#f4f4f3',
          100: '#e6e6e3',
          200: '#cfcfc9',
          300: '#adada6',
          400: '#85857d',
          500: '#64645c',
          600: '#4f4f48',
          700: '#40403b',
          800: '#353531',
          900: '#2b2b28',
          950: '#161614',
        },
      },
      fontFamily: {
        display: ['"Source Serif 4"', 'Georgia', 'Cambria', 'Times New Roman', 'serif'],
        sans: ['Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'Segoe UI', 'sans-serif'],
      },
      backgroundImage: {
        'masthead-gradient':
          'linear-gradient(180deg, #161614 0%, #2b2b28 55%, #45060c 160%)',
      },
    },
  },
  plugins: [],
};

export default config;