/* ============================================================ Simro Pulse — 設計 token 單一真相來源（visual system v5） Token 出處：design_hand_off/README.md — accent #5B5BD6、藍灰中性色、 數據讀數用 JetBrains Mono。 由 index.html 與 transcript.html 各自 進來。 逐字稿頁不能直接載 style.css（它自己的 .badge/.hint/.btn/.card 會與 style.css 撞名互蓋），所以共用的部分只抽到 token 這一層。 **改配色只需要改這個檔。** ============================================================ */ :root { --ink: #18212F; /* headings */ --ink-body: #40495A; /* long-form body text */ --ink-2: #5F6B7A; /* slate — secondary */ --ink-3: #8A94A3; /* muted — captions */ --bg: #FFFFFF; /* surface */ --bg-side: #FFFFFF; --bg-hover: #F6F8FB; /* canvas */ --bg-inset: #F6F8FB; --bg-seg: #EFF2F6; /* segmented-control track / neutral pill */ --line: #DDE3EA; --line-soft: #EEF1F5; /* hairline */ --line-strong:#C7D0DA; /* border hover */ --iris: #5B5BD6; /* accent */ --iris-wash: #EEEEFB; --indigo: #4848B8; /* deep accent (brand text on wash) */ --indigo-ink: #EEEEFB; --moss: #2E8B62; --moss-wash: #E7F5EE; --clay: #B96918; --clay-wash: #FBF0E3; --ok: #2E8B62; --ok-wash: #E7F5EE; --warn: #B96918; --warn-wash: #FBF0E3; --danger: #C43D4B; --danger-wash:#FBE9EB; --info: #2878B8; --info-wash: #E7F0F9; --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "Segoe UI", system-ui, sans-serif; --font-data: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; } /* 主題＝換強調色。indigo 是預設值，不設 data-theme 屬性。 套用屬性的程式：app.js 的 applyTheme()、transcript.html 裡的 IIFE。 */ :root[data-theme="ocean"] { --iris: #0E7490; --iris-wash: #E5F3F7; --indigo: #155E75; --indigo-ink: #E5F3F7; } :root[data-theme="claret"] { --iris: #BE185D; --iris-wash: #FBEAF2; --indigo: #9D174D; --indigo-ink: #FBEAF2; } :root[data-theme="graphite"] { --iris: #4B5563; --iris-wash: #EEF0F2; --indigo: #374151; --indigo-ink: #EEF0F2; }