/* ==========================================================================
   Neuvition 设计令牌（Design Tokens）
   来源：静态站 styles.css 基线 + techvico（工业简洁）+ livox（深色科技感）
   规则：60% 中性底色 / 30% 品牌深蓝 / 10% 强调色（青+橙）
   ========================================================================== */

:root {
    /* ---- 品牌主色 ---- */
    --nv-navy-900: #0A1628;   /* 主深色：Hero/Footer/深色区块 */
    --nv-navy-800: #101F38;
    --nv-navy-700: #16294A;
    --nv-navy-600: #1E3559;

    --nv-cyan-600: #00A8E0;   /* 链接/深色底上的强调 */
    --nv-cyan-500: #00C2FF;   /* 品牌电子蓝：点云、图标、数字 */
    --nv-cyan-400: #33CEFF;
    --nv-cyan-100: #E0F6FF;   /* 浅青底 */

    --nv-orange-600: #24B0B7;
    --nv-orange-500: #2DCCD3; /* CTA 专用青：按钮、关键行动点 */
    --nv-orange-100: #E0F7F8;

    /* ---- 中性色 ---- */
    --nv-gray-900: #1A2332;
    --nv-gray-700: #3D4A5C;
    --nv-gray-500: #6B7A8F;
    --nv-gray-300: #C3CDD9;
    --nv-gray-200: #E2E8F0;
    --nv-gray-100: #F0F4F8;
    --nv-gray-50:  #F7F9FC;
    --nv-white:    #FFFFFF;

    /* ---- 语义色 ---- */
    --nv-bg-page: var(--nv-white);
    --nv-bg-soft: var(--nv-gray-50);
    --nv-text-heading: var(--nv-navy-900);
    --nv-text-primary: var(--nv-gray-700);
    --nv-text-secondary: var(--nv-gray-500);
    --nv-text-on-dark: var(--nv-gray-200);
    --nv-border: var(--nv-gray-200);
    --nv-border-strong: var(--nv-gray-300);

    /* ---- 字体 ---- */
    --nv-font-heading: 'Space Grotesk', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --nv-font-body: 'Inter', 'PingFang SC', 'Microsoft YaHei', sans-serif;

    /* 字号阶梯（桌面 / 移动端用 clamp 自适应） */
    --nv-text-xs:   0.75rem;    /* 12px 标签 */
    --nv-text-sm:   0.875rem;   /* 14px 辅助 */
    --nv-text-base: 1rem;       /* 16px 正文 */
    --nv-text-lg:   1.125rem;   /* 18px 引言 */
    --nv-text-xl:   1.375rem;   /* 22px H4 */
    --nv-text-2xl:  1.75rem;    /* 28px H3 */
    --nv-text-3xl:  clamp(1.75rem, 3vw, 2.25rem);  /* H2 28-36px */
    --nv-text-4xl:  clamp(2.25rem, 5vw, 3.25rem);  /* H1 36-52px */

    --nv-leading-tight: 1.2;
    --nv-leading-normal: 1.6;
    --nv-leading-loose: 1.8;

    /* ---- 间距（8pt 系统） ---- */
    --nv-space-1: 0.5rem;    /* 8 */
    --nv-space-2: 1rem;      /* 16 */
    --nv-space-3: 1.5rem;    /* 24 */
    --nv-space-4: 2rem;      /* 32 */
    --nv-space-5: 3rem;      /* 48 */
    --nv-space-6: 4rem;      /* 64 */
    --nv-space-7: 6rem;      /* 96 区块大留白 */

    /* ---- 圆角 ---- */
    --nv-radius-sm: 6px;
    --nv-radius-md: 10px;
    --nv-radius-lg: 16px;
    --nv-radius-full: 999px;

    /* ---- 阴影（深色科技感用发光边，浅色区用轻投影） ---- */
    --nv-shadow-sm: 0 1px 3px rgba(10, 22, 40, 0.08);
    --nv-shadow-md: 0 4px 16px rgba(10, 22, 40, 0.10);
    --nv-shadow-lg: 0 12px 40px rgba(10, 22, 40, 0.14);
    --nv-glow-cyan: 0 0 24px rgba(0, 194, 255, 0.35);

    /* ---- 动效 ---- */
    --nv-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --nv-fast: 180ms;
    --nv-normal: 320ms;

    /* ---- 布局 ---- */
    --nv-container: 1200px;
    --nv-header-h: 80px;
}

/* 断点参考（注释，使用时照搬）：
   ≥1200px 桌面全布局
   768-1199px 平板：卡片 2 列，间距降一档
   <768px 移动：单列堆叠，H1 走 clamp 下限，导航折叠
*/