/* ==========================================================================
   0. 设计令牌（Design Tokens）
   ========================================================================== */
:root {
  /* 品牌色 */
  --c-ink:          #0f172a;   /* 主背景 · 深蓝科技感 */
  --c-ink-2:        #111c34;   /* 深色区次级背景 */
  --c-ink-3:        #1e293b;   /* 深色区卡片 */
  --c-blue:         #3b82f6;   /* UC AI-PDF 主色 */
  --c-blue-deep:    #2563eb;
  --c-purple:       #8b5cf6;   /* UC AI-DocSlight 主色 */
  --c-purple-deep:  #7c3aed;

  /* 中性色 */
  --c-bg:           #ffffff;
  --c-bg-soft:      #f8fafc;
  --c-bg-soft-2:    #f1f5f9;
  --c-border:       #e2e8f0;
  --c-text:         #0f172a;
  --c-text-2:       #475569;
  --c-text-3:       #64748b;
  --c-text-invert:  #f8fafc;
  --c-text-invert-2:#94a3b8;

  /* 渐变 */
  --g-brand:        linear-gradient(135deg, var(--c-blue) 0%, var(--c-purple) 100%);
  --g-brand-soft:   linear-gradient(135deg, rgba(59,130,246,.12) 0%, rgba(139,92,246,.12) 100%);
  --g-text:         linear-gradient(96deg, #60a5fa 0%, #a78bfa 55%, #f0abfc 100%);

  /* 阴影 */
  --sh-sm:  0 1px 2px rgba(15,23,42,.06);
  --sh-md:  0 6px 20px rgba(15,23,42,.08);
  --sh-lg:  0 18px 44px rgba(15,23,42,.14);
  --sh-blue:0 18px 44px rgba(59,130,246,.28);
  --sh-purple:0 18px 44px rgba(139,92,246,.28);

  /* 尺寸 */
  --nav-h:          72px;
  --container:      1200px;
  --r-sm:  8px;
  --r-md:  14px;
  --r-lg:  20px;
  --r-xl:  28px;

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


/* ==========================================================================
   0.1 产品主题作用域（后台 theme 字段 → class="theme-<theme>"）
   任意容器加上主题类，其内部所有 var(--accent*) 自动切换配色。
   ========================================================================== */
.theme-pdf {
  --accent:        linear-gradient(90deg, #3b82f6, #60a5fa);
  --accent-glow:   rgba(59,130,246,.20);
  --accent-border: rgba(59,130,246,.42);
  --accent-shadow: var(--sh-blue);
  --accent-color:  #3b82f6;
  --accent-deep:   #2563eb;
}
.theme-docslight {
  --accent:        linear-gradient(90deg, #8b5cf6, #a78bfa);
  --accent-glow:   rgba(139,92,246,.20);
  --accent-border: rgba(139,92,246,.42);
  --accent-shadow: var(--sh-purple);
  --accent-color:  #8b5cf6;
  --accent-deep:   #7c3aed;
}
.theme-brand {
  --accent:        var(--g-brand);
  --accent-glow:   rgba(99,102,241,.20);
  --accent-border: rgba(99,102,241,.42);
  --accent-shadow: var(--sh-md);
  --accent-color:  #6366f1;
  --accent-deep:   #4f46e5;
}