import type { Config } from "tailwindcss";

/**
 * 设计令牌 v2 映射:与 src/src/styles.css 的 :root 令牌同源,
 * 新增组件样式优先使用 ops-* utility,避免散落硬编码色值。
 */
export default {
  content: [
    "./index.html",
    "./src/**/*.{ts,tsx}",
  ],
  theme: {
    extend: {
      colors: {
        ops: {
          bg: "var(--ops-bg)",
          surface: "var(--ops-surface)",
          "surface-2": "var(--ops-surface-2)",
          "editor-bg": "var(--ops-editor-bg)",
          border: "var(--ops-border)",
          "border-soft": "var(--ops-border-soft)",
          text: "var(--ops-text)",
          muted: "var(--ops-muted)",
          accent: "var(--ops-accent)",
          "accent-strong": "var(--ops-accent-strong)",
          "accent-soft": "var(--ops-accent-soft)",
          danger: "var(--ops-danger)",
          warning: "var(--ops-warning)",
          success: "var(--ops-success)",
          "input-bg": "var(--ops-input-bg)",
          "row-alt": "var(--ops-row-alt)",
          "bg-active": "var(--ops-bg-active)",
        },
      },
      fontSize: {
        "ops-xs": "var(--ops-text-xs)",
        "ops-sm": "var(--ops-text-sm)",
        "ops-md": "var(--ops-text-md)",
        "ops-lg": "var(--ops-text-lg)",
      },
      spacing: {
        "ops-1": "var(--ops-space-1)",
        "ops-2": "var(--ops-space-2)",
        "ops-3": "var(--ops-space-3)",
        "ops-4": "var(--ops-space-4)",
        "ops-5": "var(--ops-space-5)",
        "ops-6": "var(--ops-space-6)",
      },
      borderRadius: {
        "ops-sm": "var(--ops-radius-sm)",
        "ops-md": "var(--ops-radius-md)",
        "ops-lg": "var(--ops-radius-lg)",
      },
      boxShadow: {
        "ops-pop": "var(--ops-shadow-pop)",
        "ops-modal": "var(--ops-shadow-modal)",
      },
      zIndex: {
        "ops-banner": "var(--ops-z-banner)",
        "ops-ctx": "var(--ops-z-ctx)",
        "ops-toast": "var(--ops-z-toast)",
        "ops-modal": "var(--ops-z-modal)",
        "ops-confirm": "var(--ops-z-confirm)",
      },
      // 修 V6:删除 JetBrains Mono 声明,等宽栈与 SqlEditor 统一为系统栈
      fontFamily: {
        mono: ["ui-monospace", "SFMono-Regular", "Menlo", "Consolas", "monospace"],
      },
    },
  },
  plugins: [],
} satisfies Config;