/* workspace-tokens.css — Validation Workspace 平台的共用 token（企劃書 §8.1）。
 *
 * 平台說會提供這個檔案、改版時整檔覆蓋，LRMS 不要修改它。2026-09-30 正式檔還沒送來，
 * 這份的值是照入口頁（https://172.16.204.69/assets/index-*.css）實際在用的抄下來的：
 * :root 的一般 token、墨色框架 token，以及 .vw-chrome 的換色規則。平台只有 VTMS 有深色
 * 模式，LRMS 不做（§8.1），所以沒有抄 [data-theme=dark]。
 *
 * LRMS 自己只定義三個識別色（--vw-accent、--vw-accent-subtle、--vw-accent-on-chrome），
 * 寫在 style.css 開頭；這個檔案要在 style.css 之前載入。
 */
:root {
  --vw-bg: #f5f6f8;
  --vw-surface: #fff;
  --vw-surface-subtle: #eef0f3;
  --vw-border: #e3e7ed;
  --vw-border-strong: #d6dbe3;
  --vw-ink: #17212e;
  --vw-text-secondary: #4b5666;
  --vw-text-muted: #636e7d;
  --vw-primary-bg: #17212e;
  --vw-primary-bg-hover: #232d3b;
  --vw-primary-text: #fff;
  --vw-success: #1e7a46;
  --vw-success-bg: #e6f4ec;
  --vw-warning: #9a5a17;
  --vw-warning-bg: #fbf1df;
  --vw-danger: #b3352b;
  --vw-danger-bg: #fbeae8;
  --vw-danger-border: #e4bdb8;
  --vw-danger-solid: #b3352b;
  --vw-info: #2b69d0;
  --vw-info-bg: #edf2fc;
  --vw-radius-control: 6px;
  --vw-radius-card: 8px;
  --vw-radius-dialog: 12px;
  --vw-shadow: 0 1px 2px #17212e0f;
  --vw-font-sans: "Microsoft JhengHei UI", "Microsoft JhengHei", "Segoe UI", system-ui, sans-serif;
  --vw-font-mono: Consolas, "Cascadia Mono", ui-monospace, monospace;
  --vw-chrome-top: #17212e;
  --vw-chrome-side: #1b2636;
  --vw-chrome-border: #243042;
  --vw-chrome-hover: #243042;
  --vw-chrome-active: #2a3553;
  --vw-chrome-text: #fff;
  --vw-chrome-text-secondary: #b8c0cc;
  --vw-chrome-text-muted: #8a95a6;
  --vw-chrome-badge: #d2352b;
}

/* 墨色框架（頂欄、側欄、抽屜）：在框架裡把一般 token 換成框架 token（§8.5）。 */
.vw-chrome {
  --vw-surface: var(--vw-chrome-side);
  --vw-surface-subtle: var(--vw-chrome-hover);
  --vw-border: var(--vw-chrome-border);
  --vw-ink: var(--vw-chrome-text);
  --vw-text-secondary: var(--vw-chrome-text-secondary);
  --vw-text-muted: var(--vw-chrome-text-muted);
  --vw-accent-subtle: var(--vw-chrome-active);
  --vw-accent: var(--vw-accent-on-chrome);
}
.vw-chrome :focus-visible:not([role=menuitem]) {
  outline: 2px solid var(--vw-accent-on-chrome);
  outline-offset: -2px;
}
