/* ==========================================================================
   tokens.css —— 设计变量
   改配色、改字号、改间距，全站只需要改这一个文件。
   ========================================================================== */

:root {
  /* ---- 背景层 ---- */
  --bg-0: #070B14;              /* 页面底色，近黑蓝 */
  --bg-1: #0D1424;              /* 次级区块 */
  --bg-2: #111A2E;              /* 实心卡片 */
  --bg-card: rgba(255, 255, 255, .03);
  --bg-card-hover: rgba(255, 255, 255, .055);

  /* ---- 冰蓝：主色 ---- */
  --ice: #38BDF8;
  --ice-bright: #7DD3FC;
  --cyan: #22D3EE;
  --ice-soft: rgba(56, 189, 248, .12);

  /* ---- 炎橙：强调色 ---- */
  --flame: #FF6B35;
  --flame-bright: #FF9E4A;
  --flame-soft: rgba(255, 107, 53, .12);

  /* ---- 品牌渐变：冷暖对撞，「炎冰」的视觉核心 ---- */
  --grad-brand: linear-gradient(135deg, #FF6B35 0%, #FF9E4A 32%, #38BDF8 100%);
  --grad-ice: linear-gradient(135deg, #7DD3FC 0%, #22D3EE 100%);
  --grad-flame: linear-gradient(135deg, #FF6B35 0%, #FF9E4A 100%);

  /* ---- 文本 ---- */
  --fg: #E6EDF7;
  --fg-muted: #94A3B8;          /* 正文次级，对比度 7.5:1 */
  --fg-dim: #7C8DA6;            /* 元信息，对比度 5.7:1 */

  /* ---- 描边 ---- */
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .14);
  --line-ice: rgba(56, 189, 248, .38);
  --line-flame: rgba(255, 107, 53, .38);

  /* ---- 字阶（clamp 自适应，无需媒体查询）---- */
  --fs-hero: clamp(2.1rem, 5.2vw, 3.9rem);
  --fs-h2: clamp(1.65rem, 3.4vw, 2.5rem);
  --fs-h3: clamp(1.12rem, 1.7vw, 1.35rem);
  --fs-lead: clamp(1rem, 1.4vw, 1.18rem);
  --fs-body: 1rem;
  --fs-sm: .9rem;
  --fs-xs: .8rem;

  /* ---- 间距 ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --section-y: clamp(64px, 8.5vw, 118px);

  /* ---- 圆角 ---- */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* ---- 阴影与辉光 ---- */
  --shadow-card: 0 18px 40px rgba(0, 0, 0, .45);
  --shadow-nav: 0 8px 32px rgba(0, 0, 0, .5);
  --glow-ice: 0 18px 44px rgba(56, 189, 248, .16);
  --glow-flame: 0 18px 44px rgba(255, 107, 53, .16);

  /* ---- 动效 ---- */
  --t-fast: .18s;
  --t-base: .3s;
  --t-slow: .6s;
  --ease: cubic-bezier(.22, .61, .36, 1);

  /* ---- 布局 ---- */
  --container: 1200px;
  --nav-h: 68px;
}