# 現場ReNote — CSS トークン置換指示（Cursor 用）
## 概要
`design-tokens.css` を全 HTML に適用し、ハードコードされた色・フォント・ボタン定義を
CSS 変数に統一する。機能・レイアウトは変更しない。
---
## 0. 前処理：CSS と link タグ
```html
```
- `design-tokens.css` … 色・フォント・ボタン・カードの変数と共通部品
- `genba-ui.css` … Figma 準拠のハブ（ダークナビ）と子画面レイアウト（`.gn-page` 等）
既存の `