/* ============================================================ * editorial-tokens.css — 新首頁「商業雜誌」設計語言（day/night） * ------------------------------------------------------------ * 建立：2026-07-02（LAV-DESIGN-EXCELLENCE-PLAN D1 · 全新 art direction） * 定位：徹底取代舊深海藍/古銅金視覺語言。骨白＝日間版（預設）， * 海軍藍＝夜間版，僅靠 [data-theme="night"] 覆寫色票， * 同一份 HTML／元件不重做結構。 * 用法：於 或 "night"；預設 day。 * accent 為單一強調色（crimson），只用於「本期強調/featured」與重點； * 是 token，要換成古銅金或海軍藍也只改這裡。 * ============================================================ */ :root, [data-theme="day"] { --paper: #ECE7DD; /* 頁底 · 暖骨白 */ --surface: #F4F1EA; /* 次級面 / 內容帶 */ --ink: #211E18; /* 主文 */ --ink-soft: #57513F; /* 報導內文 */ --muted: #776F5C; /* 次要（較原本加深，改善過淡）*/ --label: #927536; /* 小標籤/kicker · 暖金（日間夠深可讀）*/ --guide: #7A5D1C; /* 導引句 · 深金（比 label 更深更飽和，2026-07-10）*/ --line: #DED8CB; /* 髮絲線 */ --line-strong: #C7BFAE; --accent: #9E2B25; /* 單一強調 · 深緋 */ --img-band: #CFC8BA; /* 圖片代位底（黑白照感）*/ --on-accent: #F4F1EA; } [data-theme="night"] { --paper: #0B1F3B; /* 夜間 · 海軍藍 */ --surface: #09182D; --ink: #F2ECDD; --ink-soft: #C9D2DF; --muted: #97A6C0; --label: #CBB584; /* 夜間 · 淡金（在海軍藍上發光）*/ --guide: #D8B45E; /* 導引句 · 夜間飽和金（深底上要亮才讀得到）*/ --line: #1D3352; --line-strong: #2A466B; --accent: #D9756B; /* 深緋在深底上提亮 */ --img-band: #12283F; --on-accent: #0B1F3B; } :root { /* 字型：Bodoni 報頭 · Noto Serif 新聞標題 · 無襯線內文 · mono 標籤數字 */ --font-display: "Bodoni Moda", Didot, "Playfair Display", Georgia, serif; --font-head: "Noto Serif TC", "Playfair Display", Georgia, serif; --font-body: "Helvetica Neue", Arial, "PingFang TC", "Noto Sans TC", system-ui, sans-serif; --font-mono: "DM Mono", ui-monospace, "Courier New", monospace; /* 間距 */ --sp-1: 6px; --sp-2: 12px; --sp-3: 18px; --sp-4: 26px; --sp-5: 40px; --sp-6: 60px; --sp-7: 92px; /* 版心 */ --measure: 1120px; /* 動效 */ --ease: cubic-bezier(0.22, 1, 0.36, 1); --dur: .5s; } @media (prefers-reduced-motion: reduce) { :root { --dur: 0s; } }