tailwind.config.js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx}',
    './src/components/**/*.{js,ts,jsx,tsx}',
    './src/app/**/*.{js,ts,jsx,tsx}',
  ],
  theme: {
    extend: {
      colors: {
        'neutral-50': '#FCFCFD',
        'neutral-100': '#F7F7F8',
        'neutral-200': '#EAEEF0',
        'neutral-300': '#BCC6CD',
        'neutral-400': '#7D8E9B',
        'neutral-500': '#536069',
        'neutral-600': '##434E56',
        'neutral-700': '#2B343B',
        'neutral-800': '#1B2227',
        'neutral-900': '#1B2227',
        'primary-100': '#D6EEFF',
        'primary-200': '#85C8FA',
        'primary-300': '#3EA6F4',
        'primary-400': '#0F8AE6',
        'primary-500': '#0B6AB1',
        'primary-600': '#095690',
        'primary-700': '#063A60',
        'primary-800': '#03253F',
        'primary-900': '#011A2D',
        'secondary-200': '#FFA58A',
        'secondary-300': '#FF8661',
        'secondary-400': '#FF5C29',
        'secondary-500': '#FE3B00',
        'secondary-600': '#DC3F0F',
        'secondary-700': '#992400',
        'secondary-800': '#661800',
        'secondary-900': '#330C00',
        'success-100': '#A8FF8A',
        'success-200': '#A9FF8A',
        'success-300': '#8BFF61',
        'success-400': '#62FF29',
        'success-500': '#44FE00',
        'success-600': '#3DE500',
        'success-700': '#299900',
        'success-800': '#1B6600',
        'success-900': '#0E3300',
        'special-500': '#FFEB33'
      },
      fontSize: {
        base: ['1rem', { lineHeight: '1.5' }],
        'h1-bold': ['3rem', { lineHeight: '1.25', fontWeight: '700' }],
        'h2-bold': ['2.25rem', { lineHeight: '1.25', fontWeight: '600' }],
        'h2-normal': ['2.25rem', { lineHeight: '1.25', fontWeight: '500' }],
        'h3-bold': ['1.875rem', { lineHeight: '1.25', fontWeight: '700' }],
        'h3-normal': ['1.875rem', { lineHeight: '1.25', fontWeight: '500' }],
        'h4-extrabold': ['1.5rem', { lineHeight: '1.25', fontWeight: '800' }],
        'h4-bold': ['1.5rem', { lineHeight: '1.25', fontWeight: '600' }],
        'h4-normal': ['1.5rem', { lineHeight: '1.25', fontWeight: '500' }],
        'h4-paragraph': ['1.5rem', { lineHeight: '1.25', fontWeight: '400' }],
        'h5-bold': ['1.25rem', { lineHeight: '1.25', fontWeight: '600' }],
        'h5-normal': ['1.25rem', { lineHeight: '1.25', fontWeight: '500' }],
        'h5-paragraph': ['1.25rem', { lineHeight: '1.25', fontWeight: '400' }],
        'h5-light': ['1.25rem', { lineHeight: '1.25', fontWeight: '300' }],
        'h6-bold': ['1.125rem', { lineHeight: '1.25', fontWeight: '600' }],
      },
      lineHeight: {
        'large': '2rem',
        'medium': '1.625rem',
        'small': '1.5rem'
      }
    },
  },
  plugins: [],
}