module.exports = {
  content: {
    relative: true,
    files: [
      "../public/*.html",
      "../app/views/**/*.html.erb",
      "../app/components/panda_cms/**/*.html.erb",
      "../app/components/panda_cms/**/*.rb",
      "../app/helpers/panda_cms/**/*.rb",
      "../app/javascript/panda_cms/**/*.js",
      "../vendor/javascript/**/*.js",
    ],
  },
  theme: {
    extend: {
      colors: {
        "panda-cms": {
          light: "#C8F5FF",
          dark: "#282E32",
          alternate: "#FB61BD",
        },
      },
    },
  },
  plugins: [
    require("@tailwindcss/forms"),
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/typography"),
    require("@tailwindcss/container-queries"),
  ],
};