tailwind.config.js

module.exports = {
  mode: "jit",
  content: [
    "./assets/**/*.css",
    "./components/*.{vue,js}",
    "./components/**/*.{vue,js}",
    "./pages/*.vue",
    "./pages/**/*.vue",
    "./plugins/**/*.{js,ts}",
    "./*.{vue,js,ts}",
    "./nuxt.config.{js,ts}",
  ],
  theme: {
    extend: {
      colors: {
        black: "#202021",
        primary: {
          DEFAULT: "#E58325",
          50: "#F9E0C9",
          100: "#F6D6B7",
          200: "#F2C192",
          300: "#EEAC6E",
          400: "#E99849",
          500: "#E58325",
          600: "#BC6716",
          700: "#894C10",
          800: "#57300A",
          900: "#251404",
        },
        secondary: {
          DEFAULT: "#973542",
          50: "#DFA4AC",
          100: "#DA959E",
          200: "#CF7783",
          300: "#C55967",
          400: "#B5404F",
          500: "#973542",
          600: "#6D2630",
          700: "#44181E",
          800: "#1A090C",
          900: "#000000",
        },
        accent: {
          DEFAULT: "#007A99",
          50: "#52DCFF",
          100: "#3DD8FF",
          200: "#14CFFF",
          300: "#00BBEB",
          400: "#009BC2",
          500: "#007A99",
          600: "#004D61",
          700: "#002129",
          800: "#000000",
          900: "#000000",
        },
      },
    },
  },
  variants: {
    extend: {},
  },
  plugins: [require("@tailwindcss/aspect-ratio"), require("@tailwindcss/forms")],
};