tailwind.config.js

const typographyPlugin = require('@tailwindcss/typography');

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,jsx,ts,tsx}', './docs/**/*.{md,mdx}'],

  theme: {
    extend: {
      fontFamily: {
        sans: ['var(--guise-font)'],
        serif: ['var(--clash-font)'],
      },
      colors: {
        'haqq-black': '#0D0D0E',
        'haqq-orange': '#EC5728',
        'haqq-light-orange': '#FF8D69',

        // pearl: '#faf1e4',
        // darkPearl: '#dad2c7',
        // darkGray1: '#0b0a09',
        // darkGray2: '#2D2925',
        // darkGray3: '#4f4740',
        // darkGray4: '#70655c',
        // darkGray5: '#918378',
        // skinTan: '#F5E8D4',
        // red: '#ed4e33',
        // red1: '#AA2912',
        // green: '#97ad11',
        // gray: '#F0EEEC',
        // whiteOpacity: 'rgba(255, 255, 255, 0.1)',
        // blackOpacity: 'rgba(0, 0, 0, 0.6)',
        // grayOpacity: 'rgba(0, 0, 0, 0.05)',
        // dim: '#000000aa',
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [typographyPlugin],
};