tailwind.config.js

/** @type {import('tailwindcss').Config} */
export default {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // primary: {
        //   50: "#FCF9F7",
        //   100: "#F8F1EC",
        //   200: "#F2E2D9",
        //   300: "#EBD4C6",
        //   400: "#E2C0AC",
        //   500: "#D9AC92",
        //   600: "#D09777",
        //   700: "#C58059",
        //   800: "#AE663D",
        //   900: "#79472A",
        //   950: "#5B3520",
        // },
        primary: {
          50: "#FFF9F5",
          100: "#FDEFE8",
          200: "#F8E0D3",
          300: "#F2D2BF",
          400: "#E8BEA6",
          500: "#D9AC92",
          600: "#DA956D",
          700: "#D87840",
          800: "#C45A1D",
          900: "#8C3C0D",
          950: "#6C2A04",
        },
        // primary: {
        //   50: "#FFF6F5",
        //   100: "#FEEFEC",
        //   200: "#FBE1DA",
        //   300: "#F4D0C2",
        //   400: "#EABDA9",
        //   500: "#D9AC92",
        //   600: "#DC926F",
        //   700: "#DF7149",
        //   800: "#DB4319",
        //   900: "#A52308",
        //   950: "#800F00",
        // },
      },
    },
  },
  plugins: [],
};