/* ==============================================================================
   万壑 OPC 服务平台（PROJ-027）设计变量与 Design Tokens 规范
   文件路径：web/src/design-tokens.css
   交付阶段：步骤 2.1（PROJ-027-W2.1）
   视觉定位：青绿山海 · 商务极简与企业级 SaaS 质感
   ============================================================================== */

:root {
  /* --- 1. 品牌核心青绿山海渐变轴 --- */
  --wanhe-mountain: #178B65;  /* 山青: 代表个体成军、成长、山川拔地而起 */
  --wanhe-stream:   #198F98;  /* 水碧: 代表连接、流动、万壑竞流与跨界协作 */
  --wanhe-ocean:    #3166B7;  /* 海蓝: 代表汇聚、规模、百川归海与磅礴远景 */

  /* --- 2. 文字排版与中性色阶 --- */
  --wanhe-ink:      #182F41;  /* 深蓝墨: 正文文本与业务信息高对比阅读 */
  --wanhe-ink-sub:  #536b7c;  /* 辅助文字与次要信息说明 */
  --wanhe-mist:     #F6F9FA;  /* 雾白: 大面积页面底色与呼吸留白 */
  --wanhe-card-bg:  #FFFFFF;  /* 白卡片: 高清容器与内容承载面 */
  --wanhe-border:   #E1E9EC;  /* 细描边: 卡片、表格、模块分割线 */
  --wanhe-hover:    #EEF4F6;  /* 轻微悬停反馈底色 */

  /* --- 3. 核心渐变与状态色 --- */
  --wanhe-gradient: linear-gradient(110deg, #178B65 0%, #198F98 48%, #3166B7 100%);
  --wanhe-gradient-subtle: linear-gradient(180deg, rgba(23,139,101,0.08) 0%, rgba(49,102,183,0.03) 100%);
  --wanhe-success:  #0ea57a;
  --wanhe-warning:  #e67e22;
  --wanhe-danger:   #dc3545;
  --wanhe-info:     #2980b9;

  /* --- 4. 栅格与布局规范 --- */
  --wanhe-topbar-height: 64px;    /* 全局顶栏标准规格 64px */
  --wanhe-max-width:     1400px;  /* 桌面主视口最大容器宽度 */
  --wanhe-gap-desktop:   24px;    /* 桌面 12 列栅格列间距 */
  --wanhe-padding-desktop: 48px;  /* 桌面视口安全留白 */
  --wanhe-padding-mobile:  18px;  /* 移动视口安全留白 */

  /* --- 5. 圆角与形状克制 --- */
  --wanhe-radius-card:   12px;    /* 主业务卡片圆角 */
  --wanhe-radius-btn:    6px;     /* 操作按钮与胶囊圆角 */
  --wanhe-radius-pill:   999px;   /* 状态徽章与过滤胶囊全圆角 */

  /* --- 6. 触控与无障碍 --- */
  --wanhe-min-touch:     44px;    /* 移动端核心点击目标最小高度 */
  --wanhe-shadow-card:   0 2px 12px rgba(24, 47, 65, 0.04);
  --wanhe-shadow-hover:  0 8px 24px rgba(24, 47, 65, 0.08);
}