/* ==========================================================================
   VueIC · 设计令牌 Design Tokens
   来源：《www.vueic.cn 网站建设设计方案》2.1 色彩系统 / 2.2 字体系统 /
        2.3 间距与栅格 / 2.4 动效原则
   ========================================================================== */

:root {
  /* ---- 2.1 色彩系统 ---------------------------------------------------- */
  --bg:            #08090D;  /* 主背景，接近纯黑但带极轻微蓝调 */
  --bg-2:          #0F1118;  /* 次级背景：卡片、面板 */
  --surface:       #161A24;  /* 表面色：悬浮状态、输入框背景 */
  --border:        #1E2330;  /* 边框色：分割线、卡片边框 */
  --brand:         #3B7DD8;  /* 主品牌色：按钮、链接、强调元素 */
  --brand-bright:  #5A9AF0;  /* 主品牌色（亮）：悬浮态、发光 */
  --warm:          #D4A574;  /* 辅助色-暖：人文类内容点缀、引用高亮 */
  --text:          #E8EAF0;  /* 文字主色 */
  --text-2:        #8B92A5;  /* 文字次级 */
  --text-3:        #555C6E;  /* 文字弱化：时间戳、版权信息 */

  /* 派生色（由主色板推导，不引入新色相） */
  --brand-deep:    #2A5FA8;
  --brand-04:      rgba(59, 125, 216, 0.04);
  --brand-08:      rgba(59, 125, 216, 0.08);
  --brand-16:      rgba(59, 125, 216, 0.16);
  --brand-24:      rgba(59, 125, 216, 0.24);
  --brand-40:      rgba(59, 125, 216, 0.40);
  --warm-08:       rgba(212, 165, 116, 0.08);
  --warm-16:       rgba(212, 165, 116, 0.16);
  --warm-32:       rgba(212, 165, 116, 0.32);
  --text-04:       rgba(232, 234, 240, 0.04);
  --text-08:       rgba(232, 234, 240, 0.08);
  --text-16:       rgba(232, 234, 240, 0.16);
  --border-soft:   rgba(30, 35, 48, 0.72);
  --danger:        #E06C6C;
  --ok:            #5FB98A;

  /* ---- 2.2 字体系统 ---------------------------------------------------- */
  /* 中文标题用宋体（叙事感与重量感），英文标题用 Cormorant Garamond，
     正文黑体保证可读性，数字/代码用 JetBrains Mono */
  --font-heading: 'Cormorant Garamond', 'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', Georgia, serif;
  --font-serif:   'Noto Serif SC', 'Songti SC', 'STSong', 'SimSun', Georgia, serif;
  --font-body:    'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', monospace;

  /* ---- 2.3 间距与栅格 -------------------------------------------------- */
  --grid:          8px;
  --space-1:       8px;
  --space-2:       16px;
  --space-3:       24px;
  --space-4:       32px;
  --space-5:       40px;
  --space-6:       48px;
  --space-8:       64px;
  --space-10:      80px;
  --space-15:      120px;

  --container:     1280px;
  --container-text: 680px;
  --pad-x:         clamp(24px, 5.5vw, 80px);   /* 桌面 80 / 平板 48 / 移动 24 */
  --header-h:      72px;
  --section-y:     clamp(80px, 11vw, 120px);   /* 模块垂直间距 120px */
  --block-y:       clamp(40px, 6vw, 64px);     /* 模块内子块间距 64px */
  --card-pad:      clamp(24px, 2.6vw, 32px);   /* 卡片内边距 32 / 24 */

  /* ---- 圆角 ------------------------------------------------------------ */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius:    12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---- 2.4 / 9.6 动效 -------------------------------------------------- */
  --dur-micro:    150ms;
  --dur-hover:    250ms;
  --dur-card:     300ms;
  --dur-panel:    400ms;
  --dur-reveal:   600ms;
  --ease-out:        cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out-cubic:  cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-out-quart:  cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out:     cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- 阴影 / 层级 ----------------------------------------------------- */
  --shadow-btn:      0 4px 20px rgba(59, 125, 216, 0.25);
  --shadow-btn-hover:0 6px 28px rgba(59, 125, 216, 0.40);
  --shadow-card:     0 24px 60px -30px rgba(0, 0, 0, 0.85);
  --z-rail:   90;
  --z-header: 100;
  --z-menu:   110;
  --z-cursor: 9999;
}

/* 系统级「减少动效」偏好：让 CSS 动画与过渡整体退让（JS 侧另有对应处理） */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-micro: 1ms;
    --dur-hover: 1ms;
    --dur-card: 1ms;
    --dur-panel: 1ms;
    --dur-reveal: 1ms;
  }
}