tailwind.config.ts

import type { Config } from "tailwindcss";

export default {
  content: ["./app/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {
      colors: {
        "theme-white": {
          100: "#fafbfc",
          200: "#f5f7f9",
          300: "#f1f4f5",
          400: "#ecf0f2",
          500: "#e7ecef",
          600: "#b9bdbf",
          700: "#8b8e8f",
          800: "#5c5e60",
          900: "#2e2f30",
        },
        "theme-indigo": {
          100: "#d4dbe4",
          200: "#a9b7c9",
          300: "#7d94ad",
          400: "#527092",
          500: "#274c77",
          600: "#1f3d5f",
          700: "#172e47",
          800: "#101e30",
          900: "#080f18",
        },
        "theme-blue": {
          100: "#dfeaf1",
          200: "#bfd5e3",
          300: "#a0c0d6",
          400: "#80abc8",
          500: "#6096ba",
          600: "#4d7895",
          700: "#3a5a70",
          800: "#263c4a",
          900: "#131e25",
        },
        "theme-light-blue": {
          100: "#edf5fc",
          200: "#daebf9",
          300: "#c8e2f7",
          400: "#b5d8f4",
          500: "#a3cef1",
          600: "#82a5c1",
          700: "#627c91",
          800: "#415260",
          900: "#212930",
        },
        "theme-gray": {
          100: "#e8e8e7",
          200: "#d1d1d0",
          300: "#b9bab8",
          400: "#a2a3a1",
          500: "#8b8c89",
          600: "#6f706e",
          700: "#535452",
          800: "#383837",
          900: "#1c1c1b",
        },
      },
    },
  },
  plugins: [],
} satisfies Config;