tailwind.config.js

const colors = require("tailwindcss/colors");
module.exports = {
  mode: "jit",
  content: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        amber: {
          250: '#fdf0b8'
        },
        orange: {
          250: '#fdc78f',
          350: '#f9a947'
        },
        slate: {
          850: "#151d2a",
        },
        violet: {
          250: '#d5cbfd' 
        },
        zinc: {
          850: "#232325",
          950: "#131315",
        },
      },
      maxWidth: {
        "1/4": "25%",
        "1/3": "33%",
        "1/2": "50%",
        "2/3": "66%",
        "3/4": "75%"
      },
      scale: {
        101: "1.01",
        102: "1.02",
        103: "1.03",
        104:"1.04"
      }, 
      transitionDuration: {
        0: "0ms",
        1000: "1000ms",
        2000: "2000ms",
        3000: "3000ms"
      },
    },
  },
  plugins: [],
};