/** * ======================================================================== * ops-theme-dual.css · 运营平台双色壳 Token（唯一权威落点） * ======================================================================== * 设计语言文档：design-language.md（色与骨架法律） * 像素参照：directions/d-light-pink-gold.html（亮）· directions/c-growth-flow.html（暗） * * 用法： * 或 * 然后引用 var(--bg) / var(--accent) 等变量即可。 * 纪律：组件内禁止硬编码色值，一律引用本文件变量。 * ======================================================================== */ :root, :root[data-theme="light"] { /* ===== 亮色 · 粉金（复用主系统学目思色系）===== */ --bg: #F7F4F1; --card: #FFFFFF; --panel: #FFFEFB; --ink: #1C1917; --mute: #78716C; --dim: #A8A29E; --line: #EBE6E0; --accent: #EC4899; --accent-2: #DB2777; --gold: #F59E0B; --soft: #FDF2F8; --ok: #059669; --warn: #DC2626; --brand: linear-gradient(135deg, #EC4899, #F59E0B); --accent-soft: rgba(236, 72, 153, 0.10); --radius-card: 16px; --radius-ctl: 10px; --radius-pill: 999px; --sidebar-w: 220px; --topbar-h: 56px; --font-sans: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif; --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", Consolas, monospace; --font-disp: "PingFang SC", "Microsoft YaHei", "Segoe UI", sans-serif; } :root[data-theme="dark"] { /* ===== 暗色 · 增长流（深蓝黑 + 青绿）===== */ --bg: #0A0E14; --card: #10151E; --panel: #10151E; --panel-2: #141B26; --ink: #E8EDF4; --mute: #8B95A6; --dim: #5A6474; --line: #1E2734; --accent: #3DD6C3; --accent-2: #1FA8B8; --gold: #F59E0B; --soft: rgba(61, 214, 195, 0.12); --ok: #34D399; --warn: #F87171; --brand: linear-gradient(135deg, #3DD6C3, #1FA8B8); --accent-soft: rgba(61, 214, 195, 0.12); --radius-card: 10px; --radius-ctl: 8px; --radius-pill: 999px; --sidebar-w: 208px; --topbar-h: 58px; --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif; --font-mono: "SF Mono", "JetBrains Mono", "Roboto Mono", Consolas, monospace; --font-disp: "Space Grotesk", "Avenir Next", "PingFang SC", sans-serif; }