import type { Config } from "tailwindcss";

const config: Config = {
  content: ["./src/**/*.{js,ts,jsx,tsx,mdx}"],
  darkMode: "class",
  theme: {
    extend: {
      colors: {
        gray: {
          50: "#F9FAFB",
          100: "#F3F4F6",
          200: "#E5E7EB",
          300: "#D1D5DB",
          400: "#9CA3AF",
          500: "#6B7280",
          600: "#4B5563",
          700: "#374151",
          800: "#1F2937",
          900: "#111827",
        },
        red: {
          50: "#FDF2F2",
          100: "#FDE8E8",
          200: "#FBD5D5",
          300: "#F8B4B4",
          400: "#F98080",
          500: "#F05252",
          600: "#E02424",
          700: "#C81E1E",
          800: "#9B1C1C",
          900: "#771D1D",
        },
        yellow: {
          50: "#FDFDEA",
          100: "#FDF6B2",
          200: "#FCE96A",
          300: "#FACA15",
          400: "#E3A008",
          500: "#C27803",
          600: "#9F580A",
          700: "#8E4B10",
          800: "#723B13",
          900: "#633112",
        },
        green: {
          50: "#F3FAF7",
          100: "#DEF7EC",
          200: "#BCF0DA",
          300: "#84E1BC",
          400: "#31C48D",
          500: "#0E9F6E",
          600: "#057A55",
          700: "#046C4E",
          800: "#03543F",
          900: "#014737",
        },
        blue: {
          50: "#EBF5FF",
          100: "#E1EFFE",
          200: "#C3DDFD",
          300: "#A4CAFE",
          400: "#76A9FA",
          500: "#3F83F8",
          600: "#1C64F2",
          700: "#1A56DB",
          800: "#1E429F",
          900: "#233876",
        },
        indigo: {
          50: "#F0F5FF",
          100: "#E5EDFF",
          200: "#CDDBFE",
          300: "#B4C6FC",
          400: "#8DA2FB",
          500: "#6875F5",
          600: "#5850EC",
          700: "#5145CD",
          800: "#42389D",
          900: "#362F78",
        },
        purple: {
          50: "#F6F5FF",
          100: "#EDEBFE",
          200: "#DCD7FE",
          300: "#CABFFD",
          400: "#AC94FA",
          500: "#9061F9",
          600: "#7E3AF2",
          700: "#6C2BD9",
          800: "#5521B5",
          900: "#4A1D96",
        },
        pink: {
          50: "#FDF2F8",
          100: "#FCE8F3",
          200: "#FAD1E8",
          300: "#F8B4D9",
          400: "#F17EB8",
          500: "#E74694",
          600: "#D61F69",
          700: "#BF125D",
          800: "#99154B",
          900: "#751A3D",
        },
        "nb-gray": {
          DEFAULT: "#181A1D",
          "50": "#f4f6f7",
          "100": "#e4e7e9",
          "200": "#cbd2d6",
          "250": "#b7c0c6",
          "300": "#a3adb5",
          "350": "#8f9ca8",
          "400": "#7c8994",
          "500": "#616e79",
          "600": "#535d67",
          "700": "#474e57",
          "800": "#3f444b",
          "850": "#363b40",
          "900": "#2e3238",
          "910": "#2b2f33",
          "920": "#25282d",
          "925": "#1e2123",
          "930": "#25282c",
          "935": "#1f2124",
          "940": "#1c1e21",
          "950": "#181a1d",
          "960": "#16181b",
        },

        netbird: {
          DEFAULT: "#f68330",
          "50": "#fff6ed",
          "100": "#feecd6",
          "150": "#ffdfb8",
          "200": "#ffd4a6",
          "300": "#fab677",
          "400": "#f68330",
          "500": "#f46d1b",
          "600": "#e55311",
          "700": "#be3e10",
          "800": "#973215",
          "900": "#7a2b14",
          "950": "#421308",
        },
        "nb-blue": {
          DEFAULT: "#31e4f5",
          "50": "#ebffff",
          "100": "#cefdff",
          "200": "#a2f9ff",
          "300": "#63f2fd",
          "400": "#31e4f5",
          "500": "#00c4da",
          "600": "#039cb7",
          "700": "#0a7c94",
          "800": "#126478",
          "900": "#145365",
          "950": "#063746",
        },
      },
      keyframes: {
        "accordion-down": {
          from: { height: "0" },
          to: { height: "var(--radix-accordion-content-height)" },
        },
        "accordion-up": {
          from: { height: "var(--radix-accordion-content-height)" },
          to: { height: "0" },
        },
      },
      animation: {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
      transitionDuration: {
        "3000": "3000ms",
      },
    },
  },
  plugins: [require("tailwindcss-animate")],
};
export default config;