import type { Config } from "tailwindcss";

// Miuix design tokens (Cyrene v2 frontend). Tailwind v4 is CSS-first, so the
// canonical token source is src/design/tokens.css (@theme). This config mirrors
// the same token values for any tooling that reads a JS config, and is loaded by
// the CSS via `@config "../../tailwind.config.ts"`. The six Miuix cores are
// encoded directly in the values below.
const config: Config = {
  content: ["./index.html", "./src/**/*.{ts,tsx}"],
  theme: {
    extend: {
      colors: {
        // 多层 Surface：5 级色阶 #161616 → #0C0C0C → #1C1C1C → #242424 → #2C2C2C
        surface: {
          D1: "#161616",
          D2: "#0C0C0C",
          D3: "#1C1C1C",
          D4: "#242424",
          D5: "#2C2C2C",
        },
      },
      borderRadius: {
        // Smooth Corner：贝塞尔连续曲率 k=0.55 的圆角近似
        smooth: "0.625rem",
        glass: "1rem",
      },
      transitionTimingFunction: {
        // 弹簧动效 cubic-bezier(0.34,1.56,0.64,1)，仅用于交互组件
        spring: "cubic-bezier(0.34, 1.56, 0.64, 1)",
      },
    },
  },
};

export default config;