/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    fontFamily: {
      plex: ["Plex", "sans-serif"],
    },
    extend: {
      colors: {
        primary: "rgba(var(--primary))",
        secondary: "rgba(var(--secondary))",
        tertiary: "rgba(var(--tertiary))",
        text: "rgba(var(--text))",
        textInverted: "rgba(var(--textInverted))",
        link: "rgba(var(--link))",
        background: "rgba(var(--background))",
      },
    },
  },
  safelist: [],
  plugins: [],
};