tailwind.config.js

const colors = require('./src/tokens');
const resumeConfig = require('./config/resumeConfig');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/app/**/*.{js,ts,jsx,tsx}',
    './src/pages/**/*.{js,ts,jsx,tsx}',
    './src/components/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    colors: {
      ...colors.accents,
      ...colors.neutrals,
      accent: colors.accents[resumeConfig.accentColor],
      neutral: colors.neutrals[resumeConfig.neutralColor],
      inherit: 'inherit',
      transparent: 'transparent',
    },
    extend: {
      container: {
        center: true,
        padding: {
          DEFAULT: '1.25rem',
          sm: '2rem',
          lg: '4rem',
          xl: '5rem',
          '2xl': '6rem',
        },
      },
      fontFamily: {
        mono: ['var(--font-roboto-mono)'],
        sans: ['var(--font-albert)'],
      },
    },
  },
  plugins: [require('@tailwindcss/typography')],
};