/* ============================================================
   伊斯特拉国际 · Design Tokens（v3 · 深蓝主导 + 白色点缀）
   主色 #041B3A / 辅助深蓝 #062B55 / 高级蓝 #0A3D73
   金色 #C9A227 仅用于高级标签、重要数字、VIP 元素
   风格：90% 深蓝空间 · 10% 白色元素 · 国际咨询/私人银行质感
   ============================================================ */

:root {
  /* —— 深蓝体系 —— */
  --color-ink:        #041B3A;   /* 深海蓝（主色 · 页面背景） */
  --color-ink-2:      #062B55;   /* 辅助深蓝（模块表面） */
  --color-ink-3:      #0A3D73;   /* 高级蓝（层级提升 / hover） */
  --color-ink-deep:   #021326;   /* 最深蓝（页脚） */

  /* —— 文字 —— */
  --color-heading:    #FFFFFF;   /* 标题：白色 */
  --color-text:       #B7C3D4;   /* 正文：浅蓝灰 */
  --color-text-muted: #94A3B8;   /* 辅助灰 */
  --color-text-faint: #64748B;   /* 弱化文字 */
  --color-on-dark:    #FFFFFF;
  --color-on-dark-2:  rgba(255, 255, 255, 0.78);
  --color-on-dark-3:  rgba(255, 255, 255, 0.45);

  /* —— 强调（金色 · 少量使用） —— */
  --color-accent:       #C9A227;  /* 金色 */
  --color-accent-dark:  #A8871D;  /* 金色 · hover */
  --color-accent-soft:  rgba(201, 162, 39, 0.14);
  --color-accent-line:  rgba(201, 162, 39, 0.45);

  /* —— 功能蓝（进度线 / 焦点 / 光效，非主色） —— */
  --color-blue:        #3B82F6;
  --color-blue-soft:   rgba(59, 130, 246, 0.22);
  --color-glow:        0 18px 44px -18px rgba(59, 130, 246, 0.45);

  /* —— 线条 —— */
  --color-line:       rgba(255, 255, 255, 0.12);
  --color-line-soft:  rgba(255, 255, 255, 0.08);

  /* —— 字体（Inter + 思源黑体，自托管） —— */
  --font-sans: 'Inter', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;

  /* —— 字号 —— */
  --fs-micro:   0.6875rem;
  --fs-small:   0.8125rem;
  --fs-body:    1rem;
  --fs-lead:    clamp(1rem, 0.8vw + 0.7rem, 1.125rem);
  --fs-h3:      clamp(1.125rem, 0.8vw + 0.8rem, 1.3125rem);
  --fs-h2:      clamp(1.625rem, 1.8vw + 1rem, 2.25rem);
  --fs-h1:      clamp(2.125rem, 4.2vw + 1rem, 3.5rem);

  /* —— 间距 —— */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --section-pad: clamp(4.5rem, 8vw, 7.5rem);

  /* —— 布局 —— */
  --container: 1180px;
  --container-narrow: 820px;
  --nav-h: 76px;
  --nav-h-scrolled: 62px;

  /* —— 圆角（克制） —— */
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-btn: 6px;
  --radius-panel: 8px;

  /* —— 动效（0.3–0.5s ease） —— */
  --dur: 0.3s;
  --ease: ease;
  --dur-slow: 0.5s;

  /* —— 阴影（克制） —— */
  --shadow-sm: 0 10px 28px -16px rgba(2, 19, 38, 0.8);
  --shadow-md: 0 24px 60px -28px rgba(2, 19, 38, 0.9);
}