/* ==========================================================================
   Oxfordbridge Design Tokens
   牛剑蓝 + 白 —— Oxbridge Blue 蓝绿学术色系（更年轻、现代、可信）
   ========================================================================== */

:root {
  /* ---- 品牌色彩（Oxbridge Blue 蓝绿系） ---- */
  --c-navy-900: #062a33;   /* 最深墨蓝绿：hero 底、页脚、深色区块 */
  --c-navy-800: #0a3d47;   /* 深底渐变辅助 */
  --c-blue-800: #0d4f5e;   /* 次级深蓝绿：卡片 hover、深底卡片 */
  --c-blue-700: #0e5f6e;
  --c-blue-600: #0e7490;   /* 主品牌蓝：链接、图标、强调 */
  --c-blue-500: #0891b2;   /* 图标、边框点缀 */
  --c-blue-400: #2cc3d8;   /* 浅蓝点缀：深底辅助文字、装饰 */
  --c-blue-100: #c9f0f5;   /* 浅蓝底：标签底色、选中态 */
  --c-blue-50:  #effbfc;

  /* ---- CTA / 强调（暖金，学术感） ---- */
  --c-cta:       #d97706;
  --c-cta-hover: #b45309;
  --c-cta-light: #fdf3e3;  /* 金色浅底 */

  /* ---- 中性色 ---- */
  --c-bg-light:  #f3f8f9;  /* 浅色区块底（与白底交替） */
  --c-text:      #12232b;  /* 正文墨蓝黑 */
  --c-text-2:    #51656f;  /* 次级文字 */
  --c-text-3:    #8296a0;  /* 弱化文字 */
  --c-text-inv:  #f1f7f8;  /* 深底标题 */
  --c-text-inv-2:#c3d6da;  /* 深底正文 */
  --c-border:     #e0eaec;
  --c-border-2:   #ccdde1;
  --c-white:      #ffffff;

  /* ---- 功能色 ---- */
  --c-success: #059669;
  --c-error:   #dc2626;
  --c-error-bg:#fef2f2;

  /* ---- 字体 ---- */
  --font-serif: 'Lora', 'Songti SC', 'STSong', 'SimSun', Georgia, serif;
  --font-sans: 'Inter', -apple-system, 'PingFang SC', 'Microsoft YaHei', 'Segoe UI', sans-serif;

  /* ---- 字号（流体） ---- */
  --fs-hero:   clamp(2.1rem, 5vw, 3.6rem);
  --fs-h1:     clamp(1.9rem, 4vw, 3rem);
  --fs-h2:     clamp(1.5rem, 3vw, 2.2rem);
  --fs-h3:     clamp(1.15rem, 2vw, 1.4rem);
  --fs-body:   1rem;
  --fs-sm:     .895rem;
  --fs-xs:     .8rem;
  --fs-stat:   clamp(2rem, 4vw, 3rem);      /* 数据大数字 */
  --fs-quote:  clamp(1.05rem, 1.8vw, 1.3rem); /* 评价引文 */

  /* ---- 间距（8px 基数） ---- */
  --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;  --sp-4: 16px;
  --sp-5: 24px;  --sp-6: 32px;  --sp-7: 40px;  --sp-8: 48px;
  --sp-9: 64px;  --sp-10: 80px; --sp-11: 96px; --sp-12: 112px;

  /* ---- 圆角 ---- */
  --r-btn: 8px;
  --r-card: 16px;
  --r-img: 12px;
  --r-pill: 999px;

  /* ---- 阴影（带墨蓝绿色相） ---- */
  --shadow-sm: 0 2px 8px rgba(6, 42, 51, .08);
  --shadow-md: 0 8px 24px rgba(6, 42, 51, .12);
  --shadow-lg: 0 16px 48px rgba(6, 42, 51, .18);
  --shadow-cta: 0 6px 20px rgba(217, 119, 6, .32);

  /* ---- 布局 ---- */
  --container: 1200px;
  --nav-h: 76px;
  --nav-h-scrolled: 64px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --dur: .3s;
}