/* 工具站大全 · design tokens v4 (graphite + lime). Import: <link rel="stylesheet" href="/design/tokens-v4.css"> */
:root{
  color-scheme:dark;
  --bg:#0a0b0c;      /* page */
  --bg2:#0f1113;     /* raised strip / nav */
  --card:#121416;    /* cards, inputs */
  --card2:#171a1d;   /* hover */
  --line:#1d2024;    /* hairline */
  --line2:#2a2e33;   /* input / button border */
  --tx:#f2f3ee;      /* main text */
  --tx2:#b4b9b2;     /* secondary */
  --tx3:#7d837c;     /* muted */
  --acc:#c8ff2e;     /* the ONE accent: electric lime. no purple / red / pink / blue */
  --acc-ink:#0a0b0c; /* text on accent */
  --acc-soft:rgba(200,255,46,.10);
  --warn:#ffb020;    /* amber, only for warnings */
  --r:16px;--r-sm:10px;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",system-ui,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* legacy aliases so pages built on the old paper tokens flip to the new look */
  --paper:var(--bg);--paper2:var(--card);--ink:var(--tx);--mut:var(--tx3);--hair:var(--line2);--red:var(--acc);--serif:var(--sans);
}
/* optional helpers */
.wt-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:var(--r-sm);background:var(--acc);color:var(--acc-ink);font-weight:800;border:0;cursor:pointer}
.wt-btn.ghost{background:var(--card);color:var(--tx);border:1px solid var(--line2)}
.wt-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.wt-k{font:600 12px/1 var(--mono);letter-spacing:.18em;color:var(--acc);text-transform:uppercase}