/* ============================================================
   大衍官网 · 设计 Token v2（浅色主视觉 · 蓝紫品牌）
   ============================================================
   主题策略：浅色为主（对齐品牌营销决策者审美），
   Hero / 最终 CTA / 页脚保留深色 focal point（借鉴智推明暗节奏）。
   品牌记忆点：135° 蓝紫渐变 #4F7CFF → #9B5CFF（色相迁移，竞品无）。
   与 v1 的核心差异：底色深→浅、文本浅→深、边框白色透明度→灰色实体、
   五产品色降饱和（香槟金方案 A）。
   ============================================================ */

:root {
  /* ——— 品牌色阶（浅底深字体系 · 蓝紫） ——— */
  /* 越靠 900 越深（正常语义，修正 v1 倒置命名） */
  --blue-50:  #EEF3FF;
  --blue-100: #DCE6FF;
  --blue-200: #BCCDFF;
  --blue-300: #9AB2FF;
  --blue-400: #7C97FF;
  --blue-500: #4F7CFF;   /* 品牌主蓝 */
  --blue-600: #3D63E0;
  --blue-700: #2F4BB0;
  --blue-800: #22377F;
  --blue-900: #1A2A5C;

  --violet-500: #9B5CFF;  /* 品牌主紫（渐变终点） */
  --violet-600: #7C46D6;
  --violet-700: #5F35A8;

  /* ——— 品牌渐变（唯一权威来源，全站统一） ——— */
  --grad-brand: linear-gradient(135deg, #4F7CFF 0%, #9B5CFF 100%);
  --grad-cta:   linear-gradient(135deg, #4F7CFF 0%, #9B5CFF 100%);
  --grad-soft:  linear-gradient(135deg, rgba(79,124,255,.10) 0%, rgba(155,92,255,.10) 100%);
  /* 兼容旧命名（历史页面引用 --grad-main，统一指向 --grad-brand） */
  --grad-main:  var(--grad-brand);

  /* ——— 中性色（浅色体系） ——— */
  --bg:        #FAFBFC;   /* 页面大底（带极淡冷灰，非纯白） */
  --bg-2:      #F3F5F8;   /* 次级区块（灰底交替，制造节奏） */
  --bg-3:      #ECF0F5;   /* 更深灰（代码/引用块） */
  --surface:   #FFFFFF;   /* 卡片 */
  --surface-2: #F8F9FB;   /* 次级卡片 */
  --surface-3: #F1F3F7;   /* 强调卡片/浮层 */
  --border:        #E8EAED;   /* 卡片描边 */
  --border-strong: #D6D9E0;   /* 强描边 */
  --border-brand:  rgba(79,124,255,.35);  /* 品牌描边 */

  /* ——— 文本（浅底深字） ——— */
  --ink-900: #1A1D26;   /* 主标题（近黑带蓝味） */
  --ink-700: #3A4051;   /* 正文 */
  --ink-600: #5A6175;   /* 次级文字 */
  --ink-500: #7A8194;   /* 弱化文字 */
  --ink-400: #9AA0B0;   /* 更弱/辅助 */
  --ink-300: #C0C5D0;   /* 占位/禁用 */

  /* ——— 语义色（降饱和 · 香槟金方案 A） ——— */
  --success:   #2FB39A;   /* 成功青绿（降饱和） */
  --warning:   #C9A961;   /* 香槟金（从 #D9A53F 降饱和偏冷） */
  --danger:    #D06A5A;   /* 珊瑚红（从 #E5735F 降饱和） */
  --gold:      #C9A961;   /* 香槟金 */
  --gold-deep: #B08D4F;   /* 深香槟金 */

  /* ——— 五产品色（降饱和 40%，色相均匀分布不扎堆） ——— */
  --prod-tianshu: #6B8AC4;   /* 天枢·PivotAI 蓝  219° */
  --prod-guanlan: #4E9E8C;   /* 观澜·WaveSight 海绿 165° */
  --prod-lingxi:  #C4655A;   /* 灵犀·WeFlow 珊瑚红 6° */
  --prod-moqing:  #A88B5E;   /* 模擎·ModEngine 金棕 40° */
  --prod-qingniao:#6BAEC0;   /* 青鸟·EchoLink 青蓝 193° */

  /* ——— 生态闭环区块强调色（产品页共用） ——— */
  --eloop-accent: #4F7CFF;   /* 品牌蓝 */

  /* ——— 深色 focal point（Hero / CTA / 页脚专用） ——— */
  --dark-bg:      #0A0E1A;   /* 深色块底（保留 v1 蓝黑质感） */
  --dark-surface: #111827;
  --dark-surface-3:#161D31;
  --dark-border:  rgba(255,255,255,.10);
  --dark-ink:     #F0F2FF;   /* 深底浅字 */
  --dark-ink-2:   #C7CEF0;

  /* ——— 字体刻度（v3 微调：整体 +1px，提升可读性，层级不变） ——— */
  --fs-11: 11px;   /* 装饰性英文小标签（uppercase） */
  --fs-12: 12px;
  --fs-13: 14px;
  --fs-14: 15px;
  --fs-15: 16px;
  --fs-16: 17px;
  --fs-17: 18px;   /* 引文/强调正文 */
  --fs-18: 19px;
  --fs-22: 24px;
  --fs-24: 26px;
  --fs-30: 33px;
  --fs-36: 40px;
  --fs-48: 52px;
  --lh-tight: 1.25;
  --lh-base: 1.6;
  --lh-loose: 1.75;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
          'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;

  /* ——— 间距（4px 基数） ——— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ——— 圆角 ——— */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-full: 999px;

  /* ——— 阴影（浅色版 · 靠投影分层） ——— */
  --sh-sm:    0 1px 3px rgba(0,0,0,.04);
  --sh-md:    0 8px 24px -8px rgba(0,0,0,.08);
  --sh-lg:    0 20px 50px -16px rgba(0,0,0,.12);
  --sh-brand: 0 12px 32px -8px rgba(79,124,255,.25);

  /* ——— 动效 ——— */
  --ease:  cubic-bezier(.22,.61,.36,1);
  --t-fast: 160ms;
  --t-base: 280ms;
  --t-slow: 480ms;
}