tailwind.config.js

module.exports = {
  purge: ['./src/**/*.{js,jsx,ts,tsx}'],
  darkMode: false,
  content: [
    "./src/pages/**/*.{js,jsx,ts,tsx}",
    "./src/components/**/*.{js,jsx,ts,tsx}",
  ],
  theme: {
    screens: {
      xs: '500px',
      sm: '640px',
      md: '768px',
      lg: '1024px',
      xl: '1280px',
    },
    extend: {
      colors: {
        "walden-green": "#183028",
        primary: {
          lighter: "#4b3f72",
          DEFAULT: "#1f2041",
          darker: "#4b4c75",
        },
        secondary: {
          lighter: "#3c91e6",
          DEFAULT: "#2867a6",
          darker: "#174e85",
        },
        "non-photo-blue": "#A631FA",
        "ghost-white": "#F3F7FF",
        "raisin-black": "#272932",
        "french-blue": "#0075C4",
        "weblink-blue": {
          DEFAULT: "#2f6ca8",
          darker: "#0f4a85",
        },
        "weblink-visited": {
          DEFAULT: "#800080",
        },
        thimble: {
          lighter: "#ed7e7e",
          DEFAULT: "#E43A3A",
          darker: "#cf2525",
        },
      },
    },
    fontFamily: {
      sans: [
        "Jakarta Sans",
        "ui-sans-serif",
        "sans-serif",
      ],
      serif: [
        "Merriweather",
        "ui-serif",
        "serif",
      ],
    },
  },
  variants: {},
  plugins: [],
};