import type { Config } from 'tailwindcss'
import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { fontFamily } from "tailwindcss/defaultTheme";

export default {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,ts,tsx}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ["Manrope", ...fontFamily.sans],
        serif: ["Literata", ...fontFamily.serif],
        mono: ["Martian", ...fontFamily.mono],
      },
      colors: {
        green: "#28d27d",
        red: "#f0506e",
        pumpkin: "#f57855",
        gold: "#ffdc50",
        forest: "#28aa68",
        teal: "#008791",
        arctic: "#0cc0df",
        aqua: "#5082d2",
        black: "#282828",
      }
    },
  },
  plugins: [
    typography,
    forms,
  ],
} satisfies Config