/* ===========================================
   common/lp_tokens.css — Landing Page 设计令牌
   Information / Catalog / About / Contact 等 lp-* 页面共用
   依赖：base/tokens.css
=========================================== */
:root {
    /* 信息页 / 营销页专用令牌（与 base/tokens.css 合并，非冲突） */
    --lp-primary-color: var(--color-accent, #205058);
    --lp-primary-dark: var(--color-accent-hover, #174248);
    --lp-text-primary: var(--color-text, #1a2f34);
    --lp-text-secondary: var(--color-text-muted, #5a6b6e);
    --lp-text-muted: #7a8a8c;
    --lp-background: #ffffff;
    --lp-surface: var(--color-bg, #f4f7f7);
    --lp-border: var(--color-border, #d5e0e0);
    --lp-border-light: #e8eeee;
    --lp-hover-bg: #eef3f3;
    --lp-shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    --lp-shadow-md: 0 1px 3px 0 rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
    --lp-radius: 8px;
    --lp-spacing-xs: 4px;
    --lp-spacing-sm: 8px;
    --lp-spacing-md: 16px;
    --lp-spacing-lg: 24px;
    --lp-spacing-xl: 32px;
    --lp-spacing-2xl: 48px;
    --lp-content-max: 1200px;
    /*
     * Information 字体令牌（Roboto）
     * Legal 页在 body.page-info-legal 上覆写：h2=500 · h3=18 · 正文墨色 #3c4043 ·
     * 行高 1.6 · Hero 更克制 — 对照 https://policies.google.com/privacy
     */
    --lp-font: 'Roboto', 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* 品牌落地标题用衬线（Philosophy / Inspiration）；勿绑 --font-serif（现等于 sans） */
    --lp-font-display: Georgia, 'Times New Roman', 'Noto Serif', ui-serif, serif;
    --lp-font-size-body: 1rem;       /* 16px */
    --lp-line-height-body: 1.5;
    --lp-font-size-h2: 1.5rem;       /* 24px */
    --lp-font-size-h3: 1.25rem;      /* 20px；Legal 覆写为 1.125rem */
    --lp-font-size-h4: 1.125rem;     /* 18px */
    --lp-font-weight-heading: 400;   /* Legal 覆写为 500 */
    --lp-font-weight-subhead: 500;
    --lp-font-size-nav: 0.875rem;    /* 14px */
    --lp-font-size-hero-title: clamp(1.75rem, 3.5vw, 2.5rem);
    --lp-font-size-hero-sub: clamp(1rem, 1.6vw, 1.125rem);

    /* 营销页（About / Contact / Trade）布局令牌 */
    --lp-breadcrumb-bar-height: 46px;
    --lp-marketing-hero-offset: calc(var(--header-offset) + var(--lp-breadcrumb-bar-height));
    /*
     * lp-main 内营销 section 上下通用留白（About / Trade / 后续营销页）
     * 仅用 padding，section 之间 margin 必须为 0
     */
    --lp-main-section-pad-y: clamp(48px, 5vw, 64px);
    --lp-section-gradient-a: linear-gradient(180deg, var(--color-bg, #f7f6f4) 0%, var(--color-surface, #fff) 100%);
    --lp-section-gradient-b: linear-gradient(180deg, var(--color-surface, #fff) 0%, var(--color-bg, #f7f6f4) 100%);
    --lp-section-gradient-c: linear-gradient(180deg, #ffffff 0%, var(--color-bg-alt, #e8e8e8) 100%);
    --lp-card-gradient: linear-gradient(180deg, #ffffff 0%, var(--color-bg, #f7f6f4) 100%);
    --lp-marketing-accent: var(--color-accent, #205058);
    --lp-marketing-accent-dark: var(--color-accent-hover, #174248);
    --lp-marketing-accent-light: var(--color-accent-light, #b8a898);

    /*
     * Hero overlay 分套（2026-08-05）
     * ─ 主手段：CSS 半透明黑，对齐首页 Trade 的 rgba(0,0,0,0.48) 量级
     * ─ 壳：.nd-section__overlay（components/_section_overlay.html）
     * ─ 父级 .lp-hero--has-bg--{preset} 设 --section-overlay → 读对应变量
     * ─ 令牌：--lp-hero-overlay-{about|contact|trade|legal|catalog-hub|catalog-leaf|brand|stories}
     * ─ 归档目录（说明/可选渐变资源，非必须每页一张图）：
     *     images/overlays/{about|contact|trade|legal|catalog-hub|catalog-leaf|brand|stories}/
     * ─ 浓度：About 略深（全屏浅图）；Legal 略浅（矮 Hero）；其余贴近 0.48
     */
    --lp-hero-overlay-about: rgba(0, 0, 0, 0.55);
    --lp-hero-overlay-contact: rgba(0, 0, 0, 0.48);
    --lp-hero-overlay-trade: rgba(0, 0, 0, 0.48);
    --lp-hero-overlay-legal: rgba(0, 0, 0, 0.42);
    --lp-hero-overlay-catalog-hub: rgba(0, 0, 0, 0.48);
    --lp-hero-overlay-catalog-leaf: rgba(0, 0, 0, 0.52);
    --lp-hero-overlay-brand: rgba(0, 0, 0, 0.48);
    --lp-hero-overlay-stories: rgba(0, 0, 0, 0.50);
    /* 默认兜底（未标 preset 的 has-bg Hero） */
    --lp-hero-overlay: var(--lp-hero-overlay-catalog-hub);
}

@media (max-width: 992px) {
    :root {
        /*
         * 真实高度：.page-breadcrumb-bar padding 8+8 + .breadcrumb-mobile__bar min-height 44
         * ≈ 60px；旧值 44 会让 .lp-nav sticky 顶进面包屑下沿被遮挡
         */
        --lp-breadcrumb-bar-height: 60px;
        --lp-mobile-toc-height: 56px;
    }
}