/* REWRITE family design tokens v2 — 草稿（SH-01 顏自信，2026-11-03）。複核：RW-01（未做）。
   狀態：草稿。2026-11-03 起帥府（tenma-personal-node，本機分支 feat/layout-v3-20261103）已複製一份使用，尚未部署；其他站尚未採用。
   預定位置：rewrite-site/family/family-tokens.css（單一來源），由 sync-family.mjs 分發，檔名帶內容雜湊。
   前綴 --rw-（天樞決定）。結構沿用 feat/design-tokens-20261031 的 family-tokens-7197afa39f5a.css（v1）。
   值來源：研究室原始碼 My-TW-Coverage/design/tokens.json（單一來源，由 design/sync_tokens.py 產生 gutw-tokens.css）
   與 explore-demo/src/styles/global.css、themes/editorial.css（2026-11-03 讀取）；先前取自線上 CSS，兩者數值一致。
   沒有研究室對應值的 token（漲跌色、sea、night、land-ink、on-land-muted、字級階、間距階）：
   原樣保留 v1 的值，並在該行註明「v1 原值」。
   不載入任何字型、不產生任何第三方請求；字型只宣告 fallback 順序：研究室字型在前，系統繁中字型在後。
   對比度：公式與全部數字見 contrast-check.py 與 contrast-results.md。
   重點（對 --rw-paper #f6eee3）：ink 14.15、ink-2 8.14、muted 5.84、accent 7.94；
   --rw-land #ff573f 只有 2.73，只用於點、線、底線等裝飾，不可當文字，也不可單獨承載資訊。
   opt-in：只定義變數與 .rw- 元件，不改任何既有標記；淺色為預設，深色只在 data-theme="dark" 時啟用。 */
:root{
  /* ── 色：淺色（預設）。括號內是研究室原名 ── */
  --rw-paper:#f6eee3;          /* 頁面底（--background）。v1 #f2efe8 */
  --rw-surface:#fcf7ef;        /* 亮面（--surface）。新增 */
  --rw-surface-raised:#fffaf3; /* 浮起的亮面（--surface-raised）。新增 */
  --rw-paper-2:#e9ded0;        /* 暗一階的底（--surface-muted）。v1 #ebe7de */
  --rw-paper-3:#e9ded0;        /* v1 #e8e4da；研究室只有一階暗底，兩者現在同值，保留名稱供舊用法 */
  --rw-tint:#efdee0;           /* 酒紅淡底（--accent-subtle）。v1 #f5e4dc */
  --rw-ink:#251f1b;            /* 主要文字（--foreground）。v1 #181715 */
  --rw-ink-2:#51443c;          /* 次要文字（--text-secondary）。v1 #49473f */
  --rw-muted:#68594d;          /* 弱文字（--text-muted）。v1 #655f56 */
  --rw-rule:#d7c9b9;           /* 細線（--border-subtle）。v1 #d4d0c7 */
  --rw-rule-strong:#b9a999;    /* 一般框線（--border）。v1 #b3ad9f */
  --rw-rule-heavy:#7b6556;     /* 強線（--border-strong）。新增；對 paper 4.76 */
  --rw-land:#ff573f;           /* 品牌橘紅（--brand）。與 v1 相同。只用於點、線、底線 */
  --rw-accent:#792f42;         /* 互動色：酒紅（--accent-text）。連結、主按鈕、標籤。新增 */
  --rw-accent-subtle:#efdee0;  /* （--accent-subtle）。新增，與 --rw-tint 同值 */
  --rw-on-accent:#fffaf3;      /* 酒紅上的字（--on-accent）。新增 */
  --rw-ok:#285743;--rw-warn:#775015;--rw-bad:#a12d2d; /* 狀態色（--success／--warning／--danger）。新增 */

  /* ── 研究室沒有對應值：v1 原值，原樣保留 ── */
  --rw-night:#181917;          /* v1 原值。研究室的深色底是 #201c1a，在下方深色組 */
  --rw-land-ink:#a83424;       /* v1 原值。橘紅暗版文字色；v2 的互動色是 --rw-accent，建議新用法改用 accent */
  --rw-on-land-muted:#3d1d16;  /* v1 原值。橘紅填色上的次要字 */
  --rw-sea:#3fe7ff;            /* v1 原值。與帥府「海」概念綁定，是否保留待董事長決定；對 paper 只有 1.30，只能當裝飾填色 */
  --rw-up:#bb362c;--rw-down:#087954; /* v1 原值（漲跌色）。研究室沒有對應，不發明。來源：v1 檔。
                                        對 v2 paper：4.97／4.71。深色下 2.96／3.12，不合格：要用深色的站必須先自訂 */

  /* ── 字：只宣告 fallback 順序，不載入。研究室字型在前，系統繁中字型在後 ── */
  --rw-font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",system-ui,sans-serif;
  --rw-font-ui:Arial,"Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",sans-serif;   /* v1 原值 */
  --rw-font-serif:"Noto Serif TC","Songti TC",PMingLiU,Georgia,serif;                              /* h1、h2（研究室） */
  --rw-font-mono:"Roboto Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --rw-font-figures:"Roboto Mono","Noto Sans TC","Microsoft JhengHei",monospace;                   /* 數字、標籤（--font-figures）。新增 */
  --rw-font-numeric:Arial,"Helvetica Neue",Helvetica,sans-serif;                                   /* v1 原值，不載入 Roboto Mono 時的數字備案 */

  /* ── 字級階、間距階：研究室沒有統一的階，沿用 v1 ── */
  --rw-text-xs:11px;--rw-text-sm:13px;--rw-text-md:15px;--rw-text-lg:18px;--rw-text-xl:24px;--rw-text-2xl:32px; /* v1 原值 */
  --rw-text-hero:clamp(34px,5.5vw,58px);   /* 研究室首頁大標（clamp(34px,5.5vw,58px)）。新增 */
  --rw-leading-tight:1.28;                 /* 研究室首頁大標行高。v1 1.2 */
  --rw-leading-body:1.8;                   /* 研究室內文行高。v1 1.7 */
  --rw-space-1:4px;--rw-space-2:8px;--rw-space-3:12px;--rw-space-4:16px;--rw-space-5:24px;--rw-space-6:32px;--rw-space-7:48px;--rw-space-8:64px; /* v1 原值 */
  --rw-section-gap:48px;                   /* 研究室 --section-gap。新增（與 --rw-space-7 同值） */
  --rw-measure:960px;                      /* 研究室內容最大寬。新增 */

  /* ── 形狀、動態 ── */
  --rw-radius:2px;                         /* 研究室控制項／面板 2px（--radius-control、--radius-panel）。v1 0 */
  --rw-radius-surface:0;                   /* 研究室 --radius-surface。新增 */
  --rw-border:1px solid var(--rw-rule);    /* v1 原值 */
  --rw-ease:cubic-bezier(.2,0,0,1);        /* 研究室 --ease-standard。v1 cubic-bezier(.16,1,.3,1) */
  --rw-ease-enter:cubic-bezier(0,0,.2,1);  /* 研究室 --ease-enter。新增 */
  --rw-duration-fast:.16s;--rw-duration:.24s;--rw-duration-slow:.48s; /* 研究室 --duration-fast／standard／considered。新增 */
  --rw-tap:44px;                           /* 觸控目標。v1 原值；研究室 .iconbtn 也是 44px */
  --rw-h-tracking:-.04em;                  /* h1、h2 字距（研究室）。帥府依 SH-01 §8.2 覆寫為 0（中文大字負字距會黏） */
  --rw-stop:.14;--rw-stop-gap:.02;         /* 標誌鎖定組合（帥府 v3 起）：方塊邊長 .14F、與主字間距 .02F；其他站可不用。來源 lockup.json */
  /* 焦點環：研究室 global.css :focus-visible{outline:2px solid var(--accent);outline-offset:3px}，editorial.css 再把顏色指定為 --accent-text。
     v2 照研究室：2px、酒紅、offset 3px（酒紅對 paper 7.94，通過 3:1）。v1 是 2px／墨色／2px。 */
  --rw-focus-width:2px;--rw-focus-color:var(--rw-accent);--rw-focus-offset:3px;
  /* 研究室刻意全站扁平：--shadow-surface／--shadow-floating 皆為 none */
  --rw-shadow-surface:none;--rw-shadow-floating:none;
  /* 遮罩（--overlay／--overlay-strong） */
  --rw-overlay:rgb(37 31 27 / 45%);--rw-overlay-strong:rgb(20 16 14 / 92%);
  /* 圖表色（--chart-*）。股鼎、幣坊要畫圖時用；漲跌色仍是各站自己的事 */
  --rw-chart-primary:#792f42;--rw-chart-second:#8c7b6e;--rw-chart-neutral:#b8aa98;--rw-chart-neutral-light:#d7c9b9;--rw-chart-detail:#51443c;--rw-chart-grid:#d7c9b9;
  color-scheme:light;
}

/* ── 深色：只在明確設定 data-theme="dark" 時啟用（各站自己決定要不要啟用）。
   不跟著 prefers-color-scheme，因為站上寫死的顏色不會跟著變，自動切換會變成半套深色。
   研究室自己是兩者都跟（data-theme 與 prefers-color-scheme），這是刻意的差異。
   沒有研究室對應值的 v1 token（night、land-ink、on-land-muted、sea、up、down）在深色下沒有定義：
   up／down 深色下不合格（2.96／3.12），啟用深色的站要先自訂。 ── */
:root[data-theme="dark"],
.rw-scope-dark{ /* .rw-scope-dark：只想讓某一個區塊（例如聯絡帶）用深色，不開整站深色時，把這個 class 加在該區塊上 */
  --rw-paper:#201c1a;--rw-surface:#292320;--rw-surface-raised:#302823;
  --rw-paper-2:#3c302a;--rw-paper-3:#3c302a;--rw-tint:#40282f;
  --rw-ink:#f5ebdc;--rw-ink-2:#d8c8b6;--rw-muted:#c2ad97;
  --rw-rule:#6b5a4c;--rw-rule-strong:#8e7b6b;--rw-rule-heavy:#b39a83;
  --rw-land:#ff8068;--rw-accent:#efb4c0;--rw-accent-subtle:#40282f;--rw-on-accent:#201c1a;
  --rw-ok:#9ac9ae;--rw-warn:#e5c08a;--rw-bad:#ffafa2;
  --rw-overlay:rgb(12 10 9 / 65%);--rw-overlay-strong:rgb(12 10 9 / 94%);
  --rw-chart-primary:#af7c89;--rw-chart-second:#d8c8b6;--rw-chart-neutral:#a09281;--rw-chart-neutral-light:#6b5a4c;--rw-chart-detail:#e9d8c1;--rw-chart-grid:#6b5a4c;
  color-scheme:dark;
}

/* 零權重焦點環 fallback：站上任何規則優先，只補沒有焦點樣式的地方（v1 結構） */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:var(--rw-focus-width) solid var(--rw-focus-color);outline-offset:var(--rw-focus-offset)}

/* ── opt-in 元件（不套用到既有標記）。v1 的類別名不變，值換成 v2 ── */
.rw-link{color:var(--rw-accent);text-decoration:underline;text-underline-offset:3px}
.rw-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--rw-space-2);min-height:var(--rw-tap);padding:0 var(--rw-space-5);border:1px solid var(--rw-accent);border-radius:var(--rw-radius);background:transparent;color:var(--rw-accent);font:700 var(--rw-text-sm)/1 var(--rw-font-ui);text-decoration:none;cursor:pointer;transition:background var(--rw-duration-fast),color var(--rw-duration-fast)}
.rw-btn:hover{background:var(--rw-paper-2);border-color:var(--rw-rule-heavy)}      /* 研究室 .iconbtn:hover：底 surface-muted、框 border-strong */
.rw-btn--primary{background:var(--rw-accent);color:var(--rw-on-accent)}              /* 研究室 .home-search .iconbtn：底 accent、框 accent、字 on-accent */
.rw-btn--primary:hover{background:var(--rw-accent);border-color:var(--rw-ink)}      /* 研究室：hover 框變 foreground，另在 (hover:hover) 下 opacity .92 */
@media (hover:hover){.rw-btn:hover{opacity:.92;transition:opacity var(--rw-duration-fast) var(--rw-ease)}}
.rw-btn:disabled{opacity:.4;cursor:not-allowed}
.rw-card{background:transparent;border-top:1px solid var(--rw-rule-strong);padding:var(--rw-space-5) 0;border-radius:var(--rw-radius-surface)} /* 一條上線，不加框、不加陰影（研究室 .card） */
.rw-card--filled{background:var(--rw-paper-2);border:0;padding:var(--rw-space-5)}
.rw-table{width:100%;border-collapse:collapse;font-size:var(--rw-text-sm);font-variant-numeric:tabular-nums slashed-zero}
.rw-table th{text-align:left;font-weight:400;font-size:var(--rw-text-xs);color:var(--rw-muted);border-bottom:1px solid var(--rw-ink);padding:0 var(--rw-space-3) var(--rw-space-3) 0}
.rw-table td{border-bottom:1px solid var(--rw-rule);padding:var(--rw-space-3) var(--rw-space-3) var(--rw-space-3) 0;vertical-align:top}
.rw-tag{display:inline-block;padding:3px 6px;font:700 var(--rw-text-xs)/1 var(--rw-font-mono);border:1px solid var(--rw-accent);color:var(--rw-accent);background:transparent} /* v1 是橘紅填色；v2 改酒紅框，避免橘紅承載文字 */
.rw-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 新增元件 */
.rw-h{font-family:var(--rw-font-serif);line-height:var(--rw-leading-tight);letter-spacing:var(--rw-h-tracking);text-wrap:balance} /* h1、h2 */
.rw-mark{text-decoration:underline var(--rw-land) 4px;text-underline-offset:6px;text-decoration-skip-ink:none}      /* 重點數字、重點詞；一頁一兩處。橘紅只當底線 */
.rw-fig{font-family:var(--rw-font-figures);font-variant-numeric:tabular-nums slashed-zero}