/* =============================================
   远恒VBSE平台 UI 设计规范 v1.0
   基于 vcsc.yhforever.com / cloud.yhforever.com
   ============================================= */

:root {
  /* --- 主色调 --- */
  --color-primary:       #1a3a6e;   /* 深蓝（导航/标题） */
  --color-primary-mid:   #2d5aa0;   /* 中蓝（板块标题） */
  --color-primary-light: #4a90d9;   /* 科技蓝（按钮/高亮） */
  --color-accent:        #6baed6;   /* 天蓝（激活态/图标） */
  --color-btn:           #4a90d9;   /* 按钮蓝 */
  --color-btn-hover:     #3a7fc8;   /* 按钮 hover */

  /* --- 背景色 --- */
  --color-bg-page:       #f0f4f8;   /* 页面背景 */
  --color-bg-card:       #ffffff;   /* 卡片背景 */
  --color-bg-nav:        #1a3a6e;   /* 导航背景 */
  --color-bg-input:      rgba(255,255,255,0.75); /* 输入框背景 */

  /* --- 文字色 --- */
  --color-text-title:    #1a3a6e;   /* 标题/深蓝 */
  --color-text-body:     #333333;   /* 正文 */
  --color-text-muted:    #888888;   /* 辅助/灰色 */
  --color-text-light:    #ffffff;   /* 深色背景上的白字 */
  --color-text-placeholder: #aaaaaa; /* 占位符 */

  /* --- 边框/分割 --- */
  --color-border:        #e0e6ed;   /* 卡片边框 */
  --color-border-input:  #d0d8e4;   /* 输入框边框 */

  /* --- 功能色 --- */
  --color-success:       #52c41a;
  --color-warning:       #faad14;
  --color-danger:        #ff4d4f;
  --color-info:         #1890ff;
  --color-purple:       #a855f7;

  /* --- 阴影 --- */
  --shadow-card: 0 1px 3px rgba(26,58,110,0.08), 0 1px 2px rgba(26,58,110,0.06);
  --shadow-card-hover: 0 4px 12px rgba(26,58,110,0.15), 0 2px 4px rgba(26,58,110,0.08);
  --shadow-nav: 0 2px 8px rgba(26,58,110,0.25);
  --shadow-modal: 0 8px 32px rgba(26,58,110,0.3);

  /* --- 圆角 --- */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-input: 6px;
  --radius-btn:  6px;

  /* --- 间距 --- */
  --space-xs:   4px;
  --space-sm:   8px;
  --space-md:   16px;
  --space-lg:   24px;
  --space-xl:   32px;
  --space-xxl:  48px;

  /* --- 字体 --- */
  --font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-size-xs:   12px;
  --font-size-sm:   13px;
  --font-size-base: 14px;
  --font-size-md:   16px;
  --font-size-lg:   18px;
  --font-size-xl:   22px;
  --font-size-xxl:  28px;
  --font-size-hero: 36px;

  /* --- 导航 --- */
  --nav-height:     56px;
  --nav-width:     220px;
  --sidebar-width:  200px;

  /* --- 动画 --- */
  --transition-fast:   0.15s ease;
  --transition-normal: 0.25s ease;
}