/* ══════════════════════════════════════════════════
iTracker — Color tokens
★ 本檔即 token 值正本，直接改這裡。站台載入 Pages/Shared/_DesignTokens.cshtml（一律在 site.css 之前）。
結構：
1. PRIMITIVE 色階（顏料庫）— 只准本檔 semantic 區引用；
元件/頁面/JS 一律禁用。換皮＝新增色階＋semantic 改指向。
2. SEMANTIC 色相家族 — accent / info / success / warn / danger
各含 -text / -soft / -fill / -solid 分工（見各行註）。
3. NOTE（內部留言金系）— 自帶日夜值，不寄生別的 semantic。
面積紀律：飽和色只在 6px 色點、14px icon、細條、
chip 與小型實心底；大面積一律灰階（tokens/surfaces.css）。
文字禁用 warn / success（對比不足）→ 改中性字＋色點。
══════════════════════════════════════════════════ */
:root {
/* ── 1. Primitive 色階（🔒 值永不改色相）── */
--violet-100:#F1EDFB; --violet-200:#DCD3F4; --violet-300:#B9A7E8; --violet-400:#9E7BFF; --violet-500:#8A2BFF;
--violet-600:#5C4EA6; --violet-700:#453B7D; --violet-800:#2E2853; --violet-900:#2A1B5E;
--teal-600:#0A9396; --teal-700:#005F73;
--cyan-100:#E0FBF9; --cyan-300:#00F5FF; --cyan-600:#0E7E96;
--grey-50:#FAFAFC; --grey-100:#F4F4F8; --grey-200:#ECEDF4; --grey-250:#E3E3EE; --grey-300:#D4D5E3;
--grey-400:#A9ABBC; --grey-500:#8B8DA0; --grey-600:#5F6172; --grey-700:#393A4B; --grey-750:#2C2D42;
--grey-800:#26283B; --grey-850:#1D1E2B; --grey-900:#16161F; --grey-950:#13131B;
--amber-400:#F0B93A; --amber-500:#EE9B00; --yellow-400:#FFFF00; --lime-400:#B4FF00;
--red-700:#AE2012; --pink-400:#FF5CA8;
/* ── 2. Semantic 色相家族（日值；夜值見 [data-theme="dark"]）── */
--accent: var(--violet-600); /* #5C4EA6 實心底／色點／甘特待分配（白字 6.8:1）*/
--accent-text: var(--violet-600); /* 連結／必填星／選中／focus 邊框 6.8:1 */
--accent-soft: rgba(92,78,166,.12); /* 選中列底／soft chip */
--accent-fill: rgba(92,78,166,.28); /* 資料面積 */
--info: var(--teal-700); /* #005F73 點／填色／複測中 */
--info-text: var(--teal-700); /* 數值強調 7.3:1 */
--info-soft: rgba(0,95,115,.12);
--info-fill: rgba(0,95,115,.28);
--success: var(--teal-600); /* #0A9396 點／填色／完成（無 -text：禁作文字）*/
--success-soft: rgba(10,147,150,.12);
--success-fill: rgba(10,147,150,.28);
--warn: var(--amber-500); /* #EE9B00 點／填色／處理中（無 -text：禁作文字）*/
--warn-soft: rgba(238,155,0,.12);
--warn-fill: rgba(238,155,0,.35);
--warn-solid: var(--amber-500); /* 實心底配深字 #232433（7.0:1）*/
--warn-border: rgba(238,155,0,.45); /* 真警示 .unsaved-pill 邊框 */
--warn-solid-deep: var(--warn-solid); /* 併入 warn-solid 家族（舊 orange-dark）；.sf-step.active-doing／甘特漸層用 */
--danger: var(--red-700); /* #AE2012 點／填色／實心底（白字 7.0:1）*/
--danger-text: var(--red-700); /* 錯誤／刪除／超載% 7.0:1 */
--danger-soft: rgba(174,32,18,.12);
--danger-solid: var(--red-700); /* 白字壓深紅（日夜共用）*/
--neutral-dot: var(--grey-500); /* #8B8DA0 中性色點（其他／低）*/
--icon-fill: .2; /* 線性 icon 雙色調填色透明度（一處可調）*/
/* ── 實心深底 / 頭像 ── */
--ink: #232433; /* 標題／btn-primary 底（日夜共用深值）*/
--ink-muted: var(--grey-600); /* #5F6172 全站頭像實心底（白字 6.1:1）*/
--soft-gray: rgba(0,0,0,.05);
/* ── 文字色階 ── */
--text-primary: #232433;
--text-secondary: var(--grey-600); /* #5F6172 */
--text-tertiary: var(--grey-500); /* #8B8DA0 hint / caption / annotation */
--text-link: var(--accent-text);
--text-on-accent: #FFFFFF;
--text-on-bright: #232433; /* 深字 on 亮實心底（warn／夜間 success/danger/info）*/
--text-heading: var(--text-primary);
/* ── 3. 內部留言 note（金系 amber）：大面積只淡底，飽和金只在細條/chip/鈕 ── */
--note-bg: rgba(238,155,0,.08);
--note-border: rgba(238,155,0,.35);
--note-accent: var(--amber-500);
--note-strong: #8A5A00; /* label／chip 字（白底過 AA）*/
--note-btn-text: #1D1E2B; /* 金底鈕深字 */
--note-accent-hover: #D98E00;
/* ── Time Board 負載三階（>100% 超載升 --danger-solid）── */
--load-light: var(--info);
--load-normal: var(--warn);
--load-heavy: var(--danger);
/* ── btn-primary（violet 招牌 CTA）── */
--btn-primary-bg: var(--accent);
--btn-primary-fg: var(--text-on-accent);
--btn-primary-hover: var(--violet-700);
/* ── Focus（只變色細框，全站不加發光）── */
--focus-border: var(--accent-text);
--focus-ring-color: rgba(92,78,166,.25);
--focus-ring: 0 0 0 3px var(--focus-ring-color);
/* ── 第三方品牌色 ── */
--google-blue: #4285F4;
/* ── Select 箭頭（stroke = --text-secondary #5F6172）── */
--select-chevron: url("data:image/svg+xml;utf8,"); /* @kind other */
}
[data-theme="dark"] {
/* ── Semantic 夜值（螢光功能色；亮實心底一律配深字 --text-on-bright）── */
--accent: var(--violet-500); /* #8A2BFF 夜唯一白字實心底 5.4:1 */
--accent-text: var(--violet-400); /* #9E7BFF 5.3:1 */
--accent-soft: rgba(138,43,255,.16);
--accent-fill: rgba(138,43,255,.30);
--info: var(--cyan-300); /* #00F5FF */
--info-text: var(--cyan-300); /* 12:1 */
--info-soft: rgba(0,245,255,.16);
--info-fill: rgba(0,245,255,.30);
--success: var(--lime-400); /* #B4FF00 */
--success-soft: rgba(180,255,0,.16);
--success-fill: rgba(180,255,0,.30);
--warn: var(--yellow-400); /* #FFFF00 */
--warn-soft: rgba(255,255,0,.16);
--warn-fill: rgba(255,255,0,.32);
--warn-solid: var(--yellow-400);
--warn-border: rgba(255,255,0,.35);
--danger: var(--pink-400); /* #FF5CA8 實心底配深字（白字 2.9:1 禁用）*/
--danger-text: var(--pink-400); /* 5.8:1 */
--danger-soft: rgba(255,92,168,.16);
--neutral-dot: #858699;
/* --ink・--ink-muted・--danger-solid 日夜共用，刻意不 override */
--soft-gray: rgba(255,255,255,.07);
/* ── 文字色階（冷白／紫調冷灰）── */
--text-primary: #EEEFFC;
--text-secondary: #B0B5C0;
--text-tertiary: #858699;
--text-link: var(--accent-text);
--text-on-accent: #FFFFFF;
--text-on-bright: #16161F;
--text-heading: var(--text-primary);
/* ── note 夜值：收一階暖金 amber-400，刻意不吃 warn 夜 #FFFF00 的刺眼 ── */
--note-bg: rgba(240,185,58,.12);
--note-border: rgba(240,185,58,.38);
--note-accent: var(--amber-400);
--note-strong: #F5C765;
--note-btn-text: #16161F;
--note-accent-hover: #E0A62E;
/* ── Focus / CTA ── */
--focus-border: var(--accent-text);
--focus-ring-color: rgba(138,43,255,.38);
--focus-ring: 0 0 0 3px var(--focus-ring-color);
--btn-primary-hover: var(--violet-400);
/* ── Select 箭頭夜版（stroke = --text-tertiary #858699）── */
--select-chevron: url("data:image/svg+xml;utf8,"); /* @kind other */
}