/** @type {import('tailwindcss').Config} */
export default {
  content: ["./src/**/*.vue"],
  theme: {
    extend: {
      colors: {
        edit: {
          DEFAULT: "hsl(20, 77%, 55%)",
        },
        primary: {
          DEFAULT: "var(--primary)",
        },
        secondary: {
          DEFAULT: "var(--secondary)",
        },
        font: {
          DEFAULT: "var(--font)",
        },
        circle: {
          DEFAULT: "var(--circle)",
        },
      },
    },
  },
  plugins: [require("@tailwindcss/container-queries")],
};