/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        dark: {
          DEFAULT: "#0b1119", // 主背景
          lighter: "#141c26", // 模块背景
          elevated: "#1a2533", // 提升层
          border: "#1f2935", // 分割线
        },
        brand: {
          blue: "#56718f", // 主色（柔和蓝）
          light: "#6f8aa8", // hover
          accent: "#c6a15b", // 点缀金色
          accentLight: "#ddc48b",
        },
        accent: {
          teal: "#4d8275",
          tealLight: "#6ea094",
          slate: "#2f3947",
        },
        blue: {
          300: "#6f8aa8",
          400: "#56718f",
          500: "#445971",
        },
        emerald: {
          300: "#5e9a87",
          400: "#4d8275",
          500: "#3b685d",
        },
        green: {
          400: "#6fa58e",
          500: "#4d806a",
        },
        purple: {
          300: "#9a88b5",
          400: "#8673a0",
          500: "#6f5d88",
        },
      },
      textColor: {
        primary: "#e5e9f2", // 主字体
        secondary: "#aab4c3", // 次级文字
        muted: "#808ba0",
      },
      backgroundImage: {
        "app-gradient":
          "radial-gradient(circle at top, rgba(198, 161, 91, 0.12), transparent 58%), radial-gradient(circle at bottom, rgba(77, 130, 117, 0.18), transparent 62%)",
      },
      borderRadius: {
        xl: "0.75rem",
        "2xl": "1rem",
      },
      boxShadow: {
        soft: "0 10px 30px rgba(0, 0, 0, 0.35)",
        glow: "0 0 25px rgba(198, 161, 91, 0.18)",
      },
    },
  },
  plugins: [],
};