/* ============================================================================
   Whale Holdings 官网设计令牌 —— 方向「Daylight IDE」（亮色代码编辑器质感）
   单一事实源：颜色 / 字体 / 字阶 / 间距 / 圆角 / 阴影。
   全局引入（非作用域）；组件样式一律取 var(--token)，不硬编码色值。
   设计自我批判：冷调代码纸≠奶油；grotesk 显示字≠衬线；diff 绿强调≠陶土/荧光。
   ========================================================================== */

:root {
  /* —— 表面 ——————————————————————————————————————————————— */
  --paper: #f5f6f3; /* 页面底：冷调「代码纸」，刻意偏离奶油 #F4F1EA */
  --paper-2: #eceef0; /* 交替区块底（带一点冷蓝灰，分段用） */
  --surface: #ffffff; /* 卡片 / 代码面板 */

  /* —— 墨色 / 文本 ———————————————————————————————————————— */
  --ink: #14181c; /* 主文本（近黑冷调） */
  --ink-2: #38424b; /* 次级标题 / 强正文 */
  --muted: #586470; /* 次文本 / 说明 */
  --faint: #515a63; /* 行号 / 极次要（≈6.5:1，AA 留足余量；原 #8B949E 仅 2.8:1 不达标） */
  --on-accent: #ffffff; /* accent 上的文字 */

  /* —— 线 ——————————————————————————————————————————————— */
  --line: #e3e6e1; /* 发丝线边框 / 槽分隔 */
  --line-2: #d4d8d2; /* 略重的分隔 */

  /* —— 签名强调（diff 绿）————————————————————————————————— */
  --accent: #167a46; /* 主 CTA 填充 / 链接 / success（白字达 AA） */
  --accent-press: #0f5c34; /* 按下态 */
  --accent-ink: #0c5132; /* accent 文字落在浅底上（更深、达 AA） */
  --accent-soft: #e7f2ea; /* 浅绿底（eyebrow / chip / 选中行底） */
  --add: #1f9d57; /* diff 新增标记（accent 亮变体） */

  /* —— Syntax 子色板（仅代码/diff 面板内使用）—————————————— */
  --syn-add: #1f9d57;
  --syn-add-bg: #e8f6ed;
  --syn-del: #c2473d;
  --syn-del-bg: #fceae8;
  --syn-key: #3a5ccc; /* 关键字蓝 */
  --syn-fn: #6b4fc4; /* 函数紫 */
  --syn-str: #2e9e5b; /* 字符串绿 */
  --syn-num: #b5631a; /* 数字橙棕 */
  --syn-com: #8b929a; /* 注释灰 */

  /* —— 字族（3 角色）——————————————————————————————————————
     Display: Space Grotesk（技术 grotesk，有个性、非默认 Inter/衬线）
     Body/UI: Inter（+ 系统 CJK 回退，zh 无需加载重型中文 webfont）
     Mono: IBM Plex Mono（行号/eyebrow/路径/diff —— 把全页连成一份源） */
  --font-display: 'Space Grotesk', 'Inter', -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    'PingFang SC', 'Noto Sans SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', 'Menlo', 'Consolas',
    monospace;

  /* —— 字阶（流式 clamp）—————————————————————————————————— */
  --fs-hero: clamp(2.375rem, 1.1rem + 4.4vw, 3.75rem); /* 38 → 60 */
  --fs-h2: clamp(1.625rem, 1.1rem + 1.9vw, 2.25rem); /* 26 → 36 */
  --fs-h3: 1.375rem; /* 22 */
  --fs-lg: 1.0625rem; /* 17 正文大 */
  --fs-body: 1rem; /* 16 */
  --fs-sm: 0.9375rem; /* 15 */
  --fs-mono: 0.875rem; /* 14 代码 */
  --fs-label: 0.8125rem; /* 13 eyebrow/标签/行号 */
  --fs-micro: 0.75rem; /* 12 */

  --lh-tight: 1.1; /* 大标题行高：1.06 在 60px 两行标题偏挤，放宽到 1.1 */
  --lh-snug: 1.2;
  --lh-body: 1.6;
  --tracking-tight: -0.02em; /* 大标题紧字距（zh 置 0，见下） */
  --tracking-label: 0.06em; /* eyebrow 大写疏排 */

  /* —— 间距（8px 基线）———————————————————————————————————— */
  --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;
  --sp-10: 128px;

  /* —— 结构尺度 ——————————————————————————————————————————— */
  --gutter: 56px; /* 左侧行号槽宽（签名结构） */
  --maxw: 1100px; /* 内容最大宽 */
  --edge: 24px; /* 屏幕边缘内衬 */

  /* —— 圆角 / 阴影 / focus ———————————————————————————————— */
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(20, 24, 28, 0.04),
    0 10px 28px -14px rgba(20, 24, 28, 0.14);
  --shadow-pop: 0 18px 50px -20px rgba(20, 24, 28, 0.3);
  --ring: 0 0 0 3px rgba(22, 122, 70, 0.38); /* 可见键盘 focus 环 */

  --dur: 200ms;
  --ease: cubic-bezier(0.2, 0.6, 0.2, 1);
}