// 温润东方风设计系统 — Warm Eastern Design // 赤土橙 #C4623A 贯穿全场,米底留白呼吸 // ─── 色彩 ─── $pri: #C4623A; // 赤土橙 (accent) $pri-l: #F0DDD4; // 赤土浅 $pri-d: #8B3E1F; // 赤土深 $pri-surface: #F5F0EB; // 温润米底 $acc: #5B7A5E; // 鼠尾草绿 (success) $acc-l: #E8F0E8; // 成功浅 $bg: #F5F0EB; // 主背景 (warm cream) $card: #FFFFFF; // 卡片白 $white: #FFFFFF; // 纯白(文字/图标在彩色底上) $surface-alt: #EDE8E2; // 辅助底 $tx: #2D2A26; // 主文字 (warm black) $tx2: #5A554F; // 次文字 (warm gray) — AA 正文对比度 ~5.5:1 $tx3: #78716C; // 淡文字 — AA 正文对比度 ~4.6:1(仅 ≥24px) $bd: #E8E2DC; // 边框 $bd-l: #F0EBE5; // 浅边框 $dan: #B54A4A; // 危险 (muted red) $dan-l: #FDEAEA; // 危险浅 $wrn: #C4873A; // 警告 (warm amber) $wrn-l: #FFF3E0; // 警告浅 // ─── 圆角 ─── $r: 16px; $r-sm: 12px; $r-xs: 8px; $r-lg: 20px; $r-pill: 999px; // ─── 老年友好触控参数 ─── $touch-min: 48px; // 最小触控区域 $btn-primary-h: 56px; // 主按钮高度 $menu-item-h: 64px; // 菜单项高度 $tab-h: 56px; // Tab 切换高度 $font-min: 22px; // 最小字号 // ─── 阴影 ─── $shadow-sm: 0 1px 4px rgba(45, 42, 38, 0.04); $shadow-md: 0 2px 12px rgba(45, 42, 38, 0.08); $shadow-lg: 0 8px 32px rgba(45, 42, 38, 0.12);