/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./templates/index.templ"],
  theme: {
    extend: {
      fontFamily: {
        'sans': ['DM Sans', 'sans-serif'], 
      },
      fontWeight: {
        'normal': 400,
        'bold': 700,
      }
    },
    colors: {
      primary: {
        'soft-red': 'hsl(10, 79%, 65%)',
        cyan: 'hsl(186, 34%, 60%)',
      },
      neutral: {
        'dark-brown': 'hsl(25, 47%, 15%)',
        'medium-brown': 'hsl(28, 10%, 53%)',
        cream: 'hsl(27, 66%, 92%)',
        'very-pale-orange': 'hsl(33, 100%, 98%)',
      },
    }
  },
  plugins: [],
}