/** @type {import('tailwindcss').Config} */
const colors = require('tailwindcss/colors')
module.exports = {
  content: ['content/**/*.md', 'layouts/**/*.html'],
  theme: {
    extend: {
      colors: {
        neutral: colors.neutral,
        'white': '#ffffff',
        'black': '#000000',
        'primary': {
          300: '#E9F1FF',
          400: '#7BA4EE',
          500: '#4571C2',
          600: '#234583',
          700: '#070C14',
        },
        'secondary': {
          300: '#E7FFF1',
          400: '#70F0A8',
          500: '#3ACB79',
          600: '#1B8C4C',
          700: '#07160D',
        },
        'tertiary': {
          300: '#F2E9FF',
          400: '#AB7BEF',
          500: '#7A45C5',
          600: '#4C2385',
          700: '#0D0715',
        },
      },
    },
  },
  plugins: [
    require('@tailwindcss/typography'),
  ],
}