tailwind.config.js

module.exports = {
  content: ["index.html", "./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    fontFamily: {
      sans: ["Rubik", "sans-serif"],
    },
    extend: {
      colors: {
        "cc-primary": {
          100: "#7af8ce",
          200: "#64f7c6",
          300: "#4ef6be",
          400: "#38f5b6",
          500: "#22f4ae",
          600: "#1edb9c",
          700: "#1bc38b",
          800: "#17aa79",
          900: "#149268",
        },
        "cc-secondary": {
          100: "#ff9c9f",
          200: "#ff8b8f",
          300: "#ff7a7e",
          400: "#ff6a6f",
          500: "#ff5a5f",
          600: "#e55155",
          700: "#cc484c",
          800: "#b23e42",
          900: "#993639",
        },
        "centric-mint": {
          100: "#91e8e0",
          200: "#7ee4db",
          300: "#6ce1d5",
          400: "#59ddd0",
          500: "#47D9CB",
          600: "#40c3b7",
          700: "#39aea2",
          800: "#32988e",
          900: "#2b827a",
        },
        "code-blue": {
          100: "#66dff4",
          200: "#4dd9f2",
          300: "#33d4f0",
          400: "#1aceee",
          500: "#00C9EC",
          600: "#00b5d4",
          700: "#00a1bd",
          800: "#008da5",
          900: "#00798e",
        },
      },
    },
  },
  plugins: [require("@tailwindcss/forms")],
};