import type { Config } from "tailwindcss";

export const NiceTailwindConfig: Config = {
	content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
	theme: {
		extend: {
			colors: {
				// 主色调 - 空军蓝
				primary: {
					50: "#e8f2ff",	
					100: "#c5d9f7",
                    150: "#EDF0F8", // via color
					200: "#9fc0ef",
                    250: "#E6E9F0", // from color
					300: "#78a7e7",
                    350: "#D8E2EF", // to color
					400: "#528edf",
					500: "#00308a",
					600: "#00256b",
					700: "#001a4c",
					800: "#000f2d",
					900: "#00040e",
					DEFAULT: "#00308a",
				},
				// 辅助色 - 军事灰
				secondary: {
					50: "#f5f5f5",
					100: "#e0e0e0",
					200: "#c2c2c2",
					300: "#a3a3a3",
                    350: "#97A9C4", // New color inserted
					400: "#858585",
					500: "#666666",
					600: "#4d4d4d",
					700: "#333333",
					800: "#1a1a1a",
					900: "#0d0d0d",
					DEFAULT: "#4d4d4d",
				},
				// 强调色 - 军徽金
				accent: {
					50: "#fff8e5",
					100: "#ffecb3",
					200: "#ffe080",
					300: "#ffd44d",
					400: "#ffc81a",
					500: "#e6b400",
					600: "#b38f00",
					700: "#806a00",
					800: "#4d4000",
					900: "#1a1500",
					DEFAULT: "#e6b400",
				},
				// 功能色
				success: "#28a745",
				warning: "#ffc107",
				danger: "#dc3545",
				info: "#17a2b8",
			},
			fontFamily: {
				sans: ["Inter", "sans-serif"],
				heading: ["Bebas Neue", "sans-serif"],
				mono: ["Source Code Pro", "monospace"],
			},
			spacing: {
				"72": "18rem",
				"84": "21rem",
				"96": "24rem",
			},
			borderRadius: {
				xl: "1rem",
				"2xl": "2rem",
				"3xl": "3rem",
			},
			boxShadow: {
				outline: "0 0 0 3px rgba(0, 48, 138, 0.5)",
				solid: "2px 2px 0 0 rgba(0, 0, 0, 0.2)",
				glow: "0 0 8px rgba(230, 180, 0, 0.8)",
				inset: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.15)",
				"elevation-1": "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
				"elevation-2": "0 2px 4px 0 rgba(0, 0, 0, 0.15)",
				"elevation-3": "0 4px 8px 0 rgba(0, 0, 0, 0.2)",
				"elevation-4": "0 8px 16px 0 rgba(0, 0, 0, 0.25)",
				"elevation-5": "0 16px 32px 0 rgba(0, 0, 0, 0.3)",
				panel: "0 4px 6px -1px rgba(0, 48, 138, 0.1), 0 2px 4px -2px rgba(0, 48, 138, 0.1)",
				button: "0 2px 4px rgba(0, 48, 138, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.1)",
				card: "0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08)",
				modal: "0 8px 32px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.15)",
			},
			animation: {
				"pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
				"spin-slow": "spin 3s linear infinite",
			},
			transitionDuration: {
				"2000": "2000ms",
				"3000": "3000ms",
			},
			screens: {
				"3xl": "1920px",
				"4xl": "2560px",
			},
		},
	},
	plugins: [],
};