@charset "utf-8";
/* ============================================================================
   新航娱乐 XINHANG COMMERCE · 设计令牌层（tokens.css）
   ----------------------------------------------------------------------------
   视觉主张：夜航蓝黑 + 骨白货单 + 荧光青柠 + 钴蓝信号
   —— 直播电商「调度台 / 货盘单」语气，与站群既有的纸感森林绿、杏橙、
      蓝图蓝、杂志栏栅、Bento 卡片彻底区分。
   结构约定：
     tokens.css  只放变量与尺度，不写选择器样式
     base.css    复位、排版基元、栅格、动效基线
     ui.css      跨页组件：顶栏、按钮、卡片、流程、折叠、页脚
     pages.css   单页专属组合：首页舞台、基地平面、投放漏斗、登录台
   分层顺序统一在 tokens.css 声明，避免加载顺序影响优先级。
   ============================================================================ */

@layer tokens, base, ui, pages;

@layer tokens {
  :root {
    /* ---------- 夜航底色 ---------- */
    --xh-void:      #0a0c10;
    --xh-void-1:    #0f1319;
    --xh-void-2:    #161c25;
    --xh-void-3:    #222b37;
    --xh-void-line: rgba(245, 241, 232, 0.14);
    --xh-void-line-2: rgba(245, 241, 232, 0.28);

    /* ---------- 货单骨白 ---------- */
    --xh-bone:      #f5f1e8;
    --xh-bone-1:    #eee8da;
    --xh-bone-2:    #e2dac7;
    --xh-bone-3:    #cfc5ad;

    /* ---------- 墨色文字 ---------- */
    --xh-ink:       #101318;
    --xh-ink-2:     #333b45;
    --xh-ink-3:     #626b78;
    --xh-ink-4:     #8b93a0;

    /* ---------- 信号色 ---------- */
    --xh-lime:      #d9ff3f;
    --xh-lime-2:    #b9e400;
    --xh-lime-wash: rgba(217, 255, 63, 0.16);
    --xh-cobalt:    #2b4bff;
    --xh-cobalt-2:  #1a34cc;
    --xh-cobalt-wash: rgba(43, 75, 255, 0.1);
    --xh-coral:     #ff6a3d;
    --xh-coral-wash: rgba(255, 106, 61, 0.12);

    /* ---------- 线条 ---------- */
    --xh-line:        rgba(16, 19, 24, 0.14);
    --xh-line-2:      rgba(16, 19, 24, 0.28);
    --xh-line-3:      rgba(16, 19, 24, 0.5);

    /* ---------- 尺度 ---------- */
    --xh-wrap:    1240px;
    --xh-gutter:  clamp(18px, 4vw, 56px);
    --xh-sec:     clamp(58px, 7vw, 112px);
    --xh-sec-sm:  clamp(38px, 4.4vw, 70px);
    --xh-gap:     clamp(14px, 1.6vw, 24px);
    --xh-gap-lg:  clamp(22px, 3vw, 44px);
    --xh-rad:     2px;
    --xh-rad-lg:  4px;
    --xh-top-h:   74px;
    --xh-status-h: 34px;

    /* ---------- 字体 ---------- */
    --xh-sans: "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei",
               "Helvetica Neue", Helvetica, Arial, sans-serif;
    --xh-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono",
               Menlo, "Courier New", monospace;

    /* ---------- 阴影与动效 ---------- */
    --xh-shadow:  0 28px 60px -42px rgba(10, 12, 16, 0.62);
    --xh-shadow-2: 0 18px 40px -30px rgba(10, 12, 16, 0.48);
    --xh-ease:    cubic-bezier(0.2, 0.75, 0.25, 1);
    --xh-fast:    180ms;
    --xh-slow:    620ms;
  }
}