/* ============================================================
   QIANLONG BESPOKE — 01 Design Tokens
   Apple-y 高级商务 + spec-sheet 工业编辑美学
   Source of truth: design-system/qianlong-garment/MASTER.md
   ============================================================ */
:root{
  /* ---- Ink & gray ---- */
  --ink:#1d1d1f;
  --ink-2:#2b2b30;
  --ink-3:#3a3a3f;
  --muted:#86868b;
  --faint:#aeaeb2;
  --hairline:#e4e4e8;
  --paper:#ffffff;
  --wash-0:#fbfbfc;
  --wash-1:#f5f5f7;
  --wash-2:#ececf0;
  --wash-3:#e2e2e8;

  /* ---- Action ---- */
  --green:#22c55e;
  --green-deep:#16a34a;
  --green-ink:#0e3b24;

  /* ---- Dark anchor ---- */
  --night-0:#26262c;
  --night-1:#1e1e22;
  --night-2:#16161a;
  --night-text:#f5f5f7;
  --night-muted:#a1a1a6;

  /* ---- Type ---- */
  --font-display:"Space Grotesk",-apple-system,"Helvetica Neue",sans-serif;
  --font-body:"Manrope",-apple-system,"Helvetica Neue",sans-serif;
  --font-mono:"DM Mono",ui-monospace,"SF Mono",monospace;
  --h1:clamp(3.25rem,6.5vw,5.5rem);
  --h1-ls:-0.022em;
  --h1-lh:1.04;
  --h2:clamp(2rem,3.6vw,3rem);
  --h2-ls:-0.018em;
  --h3:22px;
  --kicker:11px;

  /* ---- Layout ---- */
  --wrap:1280px;
  --gutter:clamp(20px,4vw,48px);

  /* ---- Shape ---- */
  --r-card:20px;
  --r-block:28px;
  --r-pill:999px;

  /* ---- Motion ---- */
  --ease:cubic-bezier(.22,1,.36,1);          /* expo-ish out */
  --ease-soft:cubic-bezier(.33,1,.68,1);
  --dur-1:.35s;
  --dur-2:.6s;
  --dur-3:.9s;

  /* ---- 3D ---- */
  --persp:1100px;
  --tilt-max:6deg;
}