/* ============================================================
   leeherworks v2 設計系統 token（企劃書第三節）
   藍＝矽、電、結構；綠＝神經元、長出來的東西；cyan 是兩者之間的訊號。
   裝飾色各有唯一用途：amber 警示與數字、magenta 只准放電那一瞬、copper 晶片接腳。
   本機控制台與對外站共用這一份的複本，改這裡不要各改各的。
   ============================================================ */
:root {
  /* 基底 */
  --bg-0: #05080f;   /* 深空，頁面底 */
  --bg-1: #0a0f1c;   /* 面板 */
  --bg-2: #101827;   /* 浮起元件 */
  --line: #1c2638;   /* 邊線、導線暗態 */
  --text-1: #e5eef8;
  --text-2: #94a3b8;
  --text-3: #64748b;

  /* 藍：矽、電、結構 */
  --blue: #3b82f6;
  --blue-2: #60a5fa;
  --blue-3: #93c5fd;
  --cyan: #22d3ee;

  /* 綠：神經元、生長、完成 */
  --green: #10b981;
  --green-2: #34d399;
  --green-3: #a7f3d0;
  --neon: #5eead4;

  /* 裝飾色（總面積 < 5%） */
  --amber: #f59e0b;
  --magenta: #e879f9;
  --copper: #c98a3a;

  /* 訊號漸層：全站的電流 */
  --signal: linear-gradient(90deg, var(--blue), var(--cyan), var(--green));

  /* 字體 */
  --font-ui: 'Segoe UI', 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
  --font-mono: 'Cascadia Mono', Consolas, ui-monospace, monospace;

  /* 動態：尊重使用者設定，JS 也會讀這個 */
  --motion: 1;
}
@media (prefers-reduced-motion: reduce) {
  :root { --motion: 0; }
}
html[data-motion="off"] { --motion: 0; }