/* ============================================================
   StarFrom Design Tokens v3 — "FDE / Enterprise AI"
   视觉方向：Palantir（工程严谨）× Linear（克制精致）× Anthropic（温润人文）× Apple（留白节奏）
   关键词：蓝图网格 / 工程等宽标签 / 极细描边 / 暖白纸感 / 单一信号橙
   ============================================================ */
:root {
  /* ---------- 色板：暖白纸感 + 墨黑 ---------- */
  --paper: #fbfaf7;
  --paper-2: #f4f2ed;
  --surface: #ffffff;
  --surface-2: #f7f5f1;
  --surface-3: #efece5;

  --ink: #0e1013;
  --ink-soft: #23272e;
  --ink-2: #4b5158;
  --ink-3: #7c828b;
  --ink-invert: #f6f6f4;

  --line: #e4e1d9;
  --line-soft: #eeebe4;
  --line-strong: #cfcabb;

  /* ---------- 单一强调色：信号橙 ---------- */
  --accent: #ff5c00;
  --accent-deep: #d24200;
  --accent-soft: rgba(255, 92, 0, 0.1);
  --accent-line: rgba(255, 92, 0, 0.32);

  /* ---------- 状态色 ---------- */
  --ok: #12855f;
  --ok-soft: rgba(18, 133, 95, 0.12);
  --warn: #b7791f;
  --danger: #c0392b;

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

  /* ---------- 字号阶梯 ---------- */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 21px;
  --text-2xl: 26px;
  --text-3xl: 34px;
  --text-4xl: 44px;
  --text-5xl: 58px;

  /* ---------- 间距 ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 88px;
  --space-10: 120px;

  /* ---------- 圆角：工程感，克制 ---------- */
  --r-xs: 3px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* ---------- 阴影：极轻，描边 + 投影双层（Linear 质感） ---------- */
  --shadow-xs: 0 1px 2px rgba(14, 16, 19, 0.04);
  --shadow-sm: 0 2px 8px rgba(14, 16, 19, 0.05);
  --shadow-md: 0 10px 30px rgba(14, 16, 19, 0.07);
  --shadow-lg: 0 24px 60px rgba(14, 16, 19, 0.1);
  --shadow-ring: 0 0 0 1px rgba(14, 16, 19, 0.04), 0 1px 2px rgba(14, 16, 19, 0.04), 0 10px 28px rgba(14, 16, 19, 0.07);

  /* ---------- 结构 ---------- */
  --container: 1200px;
  --container-narrow: 820px;
  --header-h: 66px;

  --focus-ring: 0 0 0 3px rgba(255, 92, 0, 0.3);

  /* ---------- 动效：缓动曲线 + 时长 ---------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* 进出：通用 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* 出场：先快后缓，Linear 感 */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* 对称 */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* 微弹：轻量反馈 */
  --dur-fast: 0.18s;
  --dur: 0.5s;
  --dur-slow: 0.8s;
}

body[data-theme="dark"] {
  --paper: #0b0d10;
  --paper-2: #101317;
  --surface: #14181d;
  --surface-2: #191e24;
  --surface-3: #212830;

  --ink: #f4f4f1;
  --ink-soft: #e6e6e2;
  --ink-2: #a8adb6;
  --ink-3: #7d838d;

  --line: rgba(255, 255, 255, 0.12);
  --line-soft: rgba(255, 255, 255, 0.07);
  --line-strong: rgba(255, 255, 255, 0.2);

  --accent: #ff6f22;
  --accent-soft: rgba(255, 111, 34, 0.14);
  --accent-line: rgba(255, 111, 34, 0.36);

  --ok: #35c48f;
  --ok-soft: rgba(53, 196, 143, 0.16);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 12px 34px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 28px 70px rgba(0, 0, 0, 0.6);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}