import defaultTheme from "tailwindcss/defaultTheme";

/** @type {import('tailwindcss').Config} */
export default {
  darkMode: ["variant", "@media not print { .dark & }"],
  content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
  theme: {
    extend: {
      fontFamily: {
        sans: ['"Jost Variable"', ...defaultTheme.fontFamily.sans],
      },
      colors: {
        bm: {
          300: "rgb(153 230 95 / <alpha-value>)",
          400: "rgb(125 208 90 / <alpha-value>)",
          500: "rgb(72 168 79 / <alpha-value>)",
          600: "rgb(57 142 72 / <alpha-value>)",
        },
      },
      backgroundImage: {
        radial: "radial-gradient(var(--tw-gradient-stops))",
      },
    },
  },
  plugins: [],
};