/* ========================================================================== YYKK ORBITAL ARCHIVE · fusion 设计系统 / TOKEN 层来源：YYKK_UI_VISUAL_DIRECTIONS_20260720 · 方向 03 calibration-fusion 本文件只含设计变量（色板 / 明暗主题 / 工具轨道尺寸 / 图标光学尺寸），不含任何组件样式。组件基座见 base.css，方向层组件与动效见 fusion.css。生效前提： ========================================================================== */ /* ---- 基础色板（不随明暗切换变化） ---------------------------------------- 黄 #FFFA00 为主强调；品红 #FF1AAC / 青 #00FFA2 仅作克制点缀。 */ body[data-direction="fusion"] { --white:#FFFFFF; --paper:#FAFAFA; --black:#191919; --black-2:#1F1F22; --yellow:#FFFA00; --yellow-2:#FFF000; --magenta:#FF1AAC; --cyan:#00FFA2; --red:#BE1414; --gray-1:#D9D9D9; --gray-2:#999999; --gray-3:#414348; /* 32px 直角网格底纹，网格颜色随 --grid 变量明暗联动 */ background-image: linear-gradient(var(--grid) 1px,transparent 1px), linear-gradient(90deg,var(--grid) 1px,transparent 1px); background-size:32px 32px; /* 工具轨道尺寸：60px 图标坐标永不移动，展开仅向右生长 */ --rail-collapsed:60px; --rail-expanded:180px; /* 图标光学尺寸：内联 path 在任何缩放下保持几何一致 */ --icon-optical-size:clamp(18px,1.6vw,26px); } /* ---- 暗色主题（默认） ---------------------------------------------------- --rail-* 组：工具轨道专用语义色，随明暗整体校准。 */ body[data-direction="fusion"][data-tone="dark"] { --bg:#191919; --surface:#1F1F22; --surface-2:#29292d; --fg:#FFFFFF; --muted:#999999; --line:rgba(255,255,255,.15); --line-strong:rgba(255,255,255,.5); --grid:rgba(255,255,255,.025); --rail-bg:#191919; --rail-tools-bg:#1F1F22; --rail-fg:#FFFFFF; --rail-muted:#77797D; --rail-text-muted:#999999; --rail-hover:#2B2C30; --rail-active:#414348; --rail-line:#FFFFFF; --rail-cta-bg:#FFFFFF; color-scheme:dark; } /* ---- 明色主题 ----------------------------------------------------------- */ body[data-direction="fusion"][data-tone="light"] { --bg:#FFFFFF; --surface:#FAFAFA; --surface-2:#D9D9D9; --fg:#191919; --muted:#414348; --line:rgba(25,25,25,.15); --line-strong:rgba(25,25,25,.5); --grid:rgba(25,25,25,.035); --rail-bg:#FFFFFF; --rail-tools-bg:#F2F2F2; --rail-fg:#191919; --rail-muted:#D9D9D9; --rail-text-muted:#666666; --rail-hover:#E5E5E5; --rail-active:#E6E6E6; --rail-line:#191919; --rail-cta-bg:#191919; color-scheme:light; }