/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
  theme: {
    extend: {
      colors: {
        dark: {
          DEFAULT: "#f6f8fb", // 主背景
          lighter: "#ffffff", // 模块背景
          elevated: "#eef4f8", // 提升层
          border: "#d8e2ee", // 分割线
        },
        brand: {
          blue: "#2563eb",
          light: "#3b82f6",
          accent: "#0f766e",
          accentLight: "#14b8a6",
        },
        accent: {
          teal: "#0f766e",
          tealLight: "#14b8a6",
          slate: "#475569",
        },
        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: "#142033",
        secondary: "#4b5b70",
        muted: "#718096",
      },
      backgroundImage: {
        "app-gradient":
          "linear-gradient(180deg, #f9fbfd 0%, #eef4f8 100%)",
      },
      borderRadius: {
        xl: "0.75rem",
        "2xl": "1rem",
      },
      boxShadow: {
        soft: "0 12px 32px rgba(15, 23, 42, 0.08)",
        glow: "0 0 0 1px rgba(37, 99, 235, 0.12), 0 16px 42px rgba(37, 99, 235, 0.12)",
      },
    },
  },
  plugins: [],
};