/* ============================================================
   设计变量（Design Tokens）
   改配色、字号、间距只需要动这个文件。
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- 背景与层次 ---- */
  --bg: #0a0b0f;
  --bg-elevated: #12141a;
  --bg-soft: #161922;
  --surface: rgba(255, 255, 255, 0.02);
  --surface-hover: rgba(255, 255, 255, 0.04);

  /* ---- 描边 ---- */
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.16);

  /* ---- 文字 ---- */
  --text: #e8eaf0;
  --text-muted: #9aa1b1;
  --text-faint: #737b8c;

  /* ---- 强调色 ---- */
  --accent: #4f8cff;
  --accent-ink: #06080f;
  --accent-soft: rgba(79, 140, 255, 0.12);
  --accent-line: rgba(79, 140, 255, 0.28);
  --accent-glow: rgba(79, 140, 255, 0.35);
  --success: #3ddc97;

  /* ---- 字体 ---- */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace;

  /* ---- 字号：流体缩放，省掉大量媒体查询 ---- */
  --fs-display: clamp(2.5rem, 7vw, 4.25rem);
  --fs-h2: clamp(1.75rem, 3.6vw, 2.5rem);
  --fs-h3: 1.125rem;
  --fs-lead: clamp(1rem, 1.6vw, 1.125rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.8125rem;

  /* ---- 间距：8pt 栅格 ---- */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2rem;
  --sp-5: 3rem;
  --sp-6: 4rem;

  /* ---- 圆角 ---- */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* ---- 布局 ---- */
  --container: 1120px;
  --gutter: clamp(1.25rem, 4vw, 2rem);
  --section-py: clamp(4rem, 9vw, 7rem);
  --nav-h: 64px;

  /* ---- 动效 ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 240ms;
  --shadow: 0 18px 40px -24px rgba(0, 0, 0, 0.9);
}