/* ============================================================
   LAVMAY · tokens.css
   配色与排版骨架**逐值复制**自 knocket.trtc.io/zh/ 的 v12 版本
   （源：home-refresh.css 的 "v12: high-contrast homepage color rhythm"
    与 tokens.css 的 :root）

   ⚠️ 注意：首页真正生效的是 home-refresh.css 里的 --hr-* 与 --hero-*，
   不是 tokens.css 的 --k-*。两套并存，前者覆盖后者。
   本文件把两套都收进来，并标注哪个是「首页实际用的」。
   ============================================================ */

:root {
  /* ---------- 首页实际配色（v12 高对比度节奏，逐值复制） ---------- */
  --lm-hero-green: #16ad63;   /* hero 底色 */
  --lm-hero-cta:   #ff0084;   /* 主 CTA 洋红 */
  --lm-hero-cta-h: #e80078;   /* CTA hover */

  --lm-green:  #27c66f;       /* 品牌绿（卡片 is-forest） */
  --lm-dark:   #073d28;       /* 深绿（正文/深色块） */
  --lm-mint:   #bdf6d5;       /* 薄荷（卡片 is-mint） */
  --lm-lime:   #dffc63;       /* 柠檬（卡片 is-lime，主强调色） */
  --lm-cream:  #f8f5eb;       /* 奶油纸底 */

  /* 段落节奏色（v12） */
  --lm-sec-blue:     #7183c2;
  --lm-sec-coral:    #efb3a8;
  --lm-sec-violet:   #655887;
  --lm-sec-yellow:   #eadb9b;
  --lm-sec-lavender: #e6e1ef;
  --lm-ink:          #06150e;  /* 近黑（收尾段/最深文字） */

  /* ---------- 绿色阶（子页/长页区块的背景递进） ----------
     逐值复制自 home-refresh.css:113 的 --section-green-1..5。
     参考站用它让长页面「一屏一色、由浅入深」，避免整页只有 cream 一种底色。
     ★ 子页 seo-sec 的背景就取自这一组（实测 #eef7e8 / #e3f2df / #d7edd9 / #bedfca）。 */
  --lm-green-1: #eef7e8;
  --lm-green-2: #e3f2df;
  --lm-green-3: #d7edd9;
  --lm-green-4: #cae7d3;
  --lm-green-5: #bedfca;

  /* 段落内的次级文字色（与底色成对出现，不能混用） */
  --on-blue:    #121a33;  /* 实测 4.69:1 on #7183c2（原 #1d294d 仅 3.88） */
  --on-coral:   #49312d;
  --on-yellow:  #453714;
  --on-violet:  #443e56;
  --on-cream:   #365946;

  /* ---------- 基础（tokens.css 同名复制） ---------- */
  --lm-white: #ffffff;
  --lm-line:  #e8e1ce;
  /* 参考站原值 #6b7d6e 在 cream(4.02) / white(4.39) / mint-wash(4.06) 上都不达标。
     调深到 #5f7263：cream 4.73 / white 5.16 / mint-wash 4.77，全部达标，
     肉眼观感仍是「柔和的次要文字」，不改变设计意图。 */
  --lm-muted: #5f7263;

  /* ---------- 字体（与参考站同款） ---------- */
  --font-sans:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --font-serif:   'Instrument Serif', Georgia, serif;
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;
  --font-hand:    'Caveat', cursive;

  /* ---------- 圆角（逐值复制） ---------- */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 32px;
  --r-xl: 48px;
  --r-card: 38px;
  --r-pill: 999px;

  /* ---------- 阴影（逐值复制；参考站用硬边 + 大投影两种） ---------- */
  --sh-hard:    6px 6px 0 var(--lm-ink);
  --sh-hard-lg: 10px 10px 0 var(--lm-ink);
  --sh-lift:    0 40px 80px -20px rgba(10, 26, 15, .35);
  --sh-glow:    0 0 60px rgba(223, 252, 99, .5);
  --sh-card:    0 24px 40px rgba(6, 51, 31, .22);

  /* ---------- 动效缓动（逐值复制） ---------- */
  --ease-out:    cubic-bezier(.16, 1, .3, 1);
  --ease-bounce: cubic-bezier(.34, 1.56, .64, 1);
}

/* ============================================================
   对比度实测（不是估算）。两处参考站不达标，我们复制颜色但不复制缺陷：
   · 参考站 muted #6b7d6e 在三处底色都不到 4.5 → 已调深为 #5f7263（4.73~5.16）
   · 白字 on hero-green #16ad63 = 2.92:1 → hero 正文一律用 --lm-ink（6.41:1）
   · 白字 on CTA #ff0084 = 3.76:1 → 仅限 ≥19px 粗体（满足 AA 大字 3:1）
   其余成对色均已实测 ≥4.5:1。
   ============================================================ */
:root { --lm-muted-strong: #4e6154; }

/* 固定导航的真实高度，供 sticky / scroll-margin 类计算使用。
   实测（_qa/navh.js）：桌面 73px、平板/手机 69px。
   历史：journey.css 曾用 `top: calc(var(--nav-h) + 16px)` 引用它，而它
   **从未被定义** ⇒ calc() 整条失效（这类缺陷在样式层面完全静默）。
   该 sticky 规则因父容器高度不足已删除，但变量保留：
   后续任何吸顶元素、锚点 scroll-margin-top 都应基于它，而不是写死数字。 */
:root { --nav-h: 73px; }
@media (max-width: 1024px) { :root { --nav-h: 69px; } }

/* ============================================================
   兼容别名：product / journey / club 三页的 CSS 仍在引用旧令牌名。
   删掉它们会让 31 处 var() 静默失效（变成 unset ⇒ 颜色丢失/继承错父级），
   所以这里把它们映射到新的 v12 配色，而不是直接删。
   含义保持：teal* → 品牌绿族，paper → 白，mint* → 薄荷族。
   ============================================================ */
:root {
  --lm-teal:        #073d28;                 /* 原品牌主色 → 深绿 */
  --lm-teal-mid:    #27c66f;                 /* 中调 → 品牌绿 */
  --lm-teal-soft:   #bdf6d5;                 /* 柔调 → 薄荷 */
  --lm-paper:       #ffffff;                 /* 卡片纸白 */
  --lm-muted-2:     #4e6154;                 /* 次级文字（cream 上 6.09:1） */
  --lm-ink-2:       #124a2e;
  --lm-ink-3:       #3f5348;
  --lm-line-soft:   rgba(7, 61, 40, .1);
  --lm-mint-wash:   #eafaf0;
  --lm-mint-soft:   #d6f5e3;

  --r-xs:  8px;
  --sh-hard-sm: 3px 3px 0 var(--lm-ink);
  --sh-soft:    0 18px 40px -12px rgba(7, 61, 40, .18);
  --sh-float:   0 26px 60px -18px rgba(7, 61, 40, .26);
}