/* ==========================================================================
   variables.css — Design System Token
   来源：docs/design-system.md §1–§10（全部为 Ardot 设计稿实测值，勿改）
   ========================================================================== */

:root {
    /* 1.1 品牌 / 主色 */
    --color-primary: #2F6BFF;
    --color-gradient-primary: linear-gradient(90deg, #2E6BFF 0%, #8C5CF7 100%);
    --color-accent-amber: #FF9500;

    /* 1.2 文字色 */
    --color-ink: #14142E;
    --color-ink-soft: #2E2E4A;
    --color-body: #70708C;
    --color-body-dark: #4A5568;
    --color-caption: #7C8798;
    --color-placeholder: #8C8CB0;
    --color-footer-text: #9BA6BC;

    /* 1.3 背景 */
    --bg-page: #FFFFFF;
    --bg-section-blue: #EEF3FF;
    /* 2026-09-29：紫底由 #F3F0FF 加深一档，全站紫块（.section--purple 与内页 .page-hero）统一用此值。
       原因：原值 #F3F0FF 与 --bg-section-blue #EEF3FF 明度几乎相同（WCAG 1.01:1 / ΔE76 3.2），
       两个大色块上下相邻时糊成一片；加深后 ΔE76 12.1，比参照的「白↔蓝」（ΔE76 7.6）层次更明确。 */
    --bg-section-purple: #E7E0FF;

    /* Page Hero 内文字色：底色加深后同步加深，保证 WCAG AA 正文 4.5:1 */
    --color-page-hero-eyebrow: #2350C8;   /* on #E7E0FF → 5.41:1 */
    --color-page-hero-sub: #5A5F76;       /* on #E7E0FF → 4.95:1 */

    --bg-mist: #EDF1FA;
    --bg-chip: #EDF3FE;
    --bg-badge: #EAF1FE;
    --bg-cta: linear-gradient(135deg, #E0E8FF 0%, #F0E3FF 100%);
    --bg-footer: #161B2E;

    /* 1.4 边框 / 发丝线 */
    --border-default: #E0E0E0;
    --border-card: #E8EAF2;
    --hairline-nav: #E8ECF6;
    --hairline-accent: #EFE9FF;
    --hairline-footer: #2A3350;

    /* 4. 容器 */
    --container-max: 1200px;
    --container-pad: 120px;

    /* 6–7. 区块与组件间距 */
    --section-py: 110px;
    --section-cta-py: 130px;
    --header-gap: 16px;          /* 标题组内部 */
    --header-to-content: 56px;   /* 标题组 → 内容 */
    --card-gap: 24px;
    --col-gap: 20px;
    --card-pad: 34px;
    --footer-py-top: 80px;
    --footer-py-bottom: 40px;
    --hero-py-top: 96px;
    --hero-py-bottom: 56px;

    /* 9. 圆角 */
    --radius-pill: 9999px;
    --radius-hero-card: 24px;
    --radius-card: 18px;
    --radius-card-sm: 14px;
    --radius-input-lg: 12px;
    --radius-input: 8px;

    /* 10. 阴影 */
    --shadow-card: 0 8px 24px -6px rgba(0, 0, 0, 0.06);
    --shadow-hero: 0 18px 40px -12px rgba(0, 0, 0, 0.10);

    /* 3. 字号阶梯（桌面基准，窄屏由 responsive.css 过渡） */
    --fs-hero: 60px;        --lh-hero: 76px;
    --fs-page-hero: 52px;
    --fs-section: 40px;
    --fs-cta: 46px;         --lh-cta: 62px;
    --fs-stat: 52px;
    --fs-metric: 34px;
    --fs-hero-sub: 18px;    --lh-hero-sub: 31px;
    --fs-sub: 17px;         --lh-sub: 30px;
    --fs-card-lg: 20px;
    --fs-card-md: 19px;
    --fs-card: 17px;
    --fs-body-lg: 15px;
    --fs-body: 14px;
    --fs-caption: 13px;
    --fs-label: 12px;

    /* 字体族 */
    --font-cn: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-num: 'Inter Tight', 'Noto Sans SC', sans-serif;
}