tailwind.config.js

/*
 ** TailwindCSS Configuration File
 **
 ** Docs: https://tailwindcss.com/docs/configuration
 ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 */

module.exports = {
  darkMode: false,
  theme: {
    extend: {
      fontFamily: {
        sans: ["Roboto", "sans-serif"],
      },
      colors: {
        brand: {
          100: "#FFFFFF",
          200: "#F8FBFB",
          300: "#D8E9E9",
          400: "#B7D7D7",
          500: "#96C5C5",
          600: "#75B3B3",
          700: "#579E9E",
          800: "#457D7D",
          900: "#335C5C",
          DEFAULT: "#96C5C5",
        },
        accent: {
          100: "#A3C4DB",
          200: "#7EACCD",
          300: "#5A95BF",
          400: "#407BA5",
          500: "#326081",
          600: "#24445C",
          700: "#152937",
          800: "#070E12",
          900: "#000000",
          DEFAULT: "#326081",
        },
      },
    },
  },
  variants: {
    opacity: ["disabled"],
  },
  plugins: [
    require("@tailwindcss/typography"),
    require("@tailwindcss/aspect-ratio"),
    require("@tailwindcss/forms"),
  ],
  purge: {
    enabled: process.env.NODE_ENV === "production",
    content: [
      "components/**/*.js",
      "layouts/**/*.js",
      "pages/**/*.js",
      "next.config.js",
    ],
  },
};