/* =====================================================================
   设计令牌 Design Tokens · 宁夏3d云Info（PC 端）
   ---------------------------------------------------------------------
   本文件只定义变量，不替换任何既有样式（保证视觉零变化）。
   取值全部提取自现网 CSS 计算值（style.css / common.css / media.css），
   是站点"实际在用的"设计语言，不是凭空设定。

   二次开发用法：
   - 新增样式一律写 var(--xxx)，禁止再写死色值/字号（旧样式逐步迁移）
   - 想整站换主色：只改 --c-primary 一个值
   迁移节奏：新代码强制用令牌；旧代码在下一次动到它时顺手替换。
   ===================================================================== */
:root {
  /* ---------- 色彩 Color ---------- */
  --c-primary:   #ff6f06;   /* 主色（按钮/高亮/选中）现网出现 14 次 */
  --c-accent:    #fd4029;   /* 强调色（促销/警示）出现 5 次 */
  --c-text-1:    #333333;   /* 正文主色 */
  --c-text-2:    #999999;   /* 次要信息 */
  --c-text-3:    #93999f;   /* 弱化信息 */
  --c-bg-page:   #ffffff;   /* 页面底 */
  --c-bg-box:    #f8f8f8;   /* 卡片/面板底（.side-nav 等） */
  --c-border:    #e6e6e6;   /* 描边/分隔 */
  --c-tint-red:  #fef6f6;   /* 红色浅底（VIP 横幅区） */
  --c-tint-orange:#fceac0;  /* 橙色浅底（促销区） */

  /* ---------- 字号 Type（现网频次提取） ---------- */
  --fs-base:  12px;   /* 基准（现网 37 处，绝大多数正文） */
  --fs-sm:    10px;   /* 极小标注 */
  --fs-md:    14px;   /* 次级标题 */
  --fs-lg:    16px;   /* 正文强调/卡片标题 */
  --fs-xl:    18px;   /* 区块标题 */
  --fs-xxl:   20px;   /* 大标题 */
  --fs-3xl:   24px;   /* 首页主标语 */

  /* ---------- 间距 Space（现网 4 的倍数节奏） ---------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ---------- 圆角 Radius ---------- */
  --r-sm:   3px;    /* 小按钮/标签 */
  --r-md:   6px;    /* 卡片 */
  --r-lg:   12px;   /* 大面板（现网 11 处） */
  --r-full: 100px;  /* 胶囊（现网 8 处） */

  /* ---------- 阴影 Elevation ---------- */
  --shadow-panel: 0 5px 20px 0 rgba(0,0,0,.3);   /* 侧栏/悬浮面板 */
  --shadow-card:  0 0 15px 0 rgba(0,0,0,.04);    /* 卡片常规 */

  /* ---------- 布局 Layout（站点骨架尺寸） ---------- */
  --w-page:  1200px;  /* 主容器宽 */
  --w-side:  160px;   /* 侧栏宽 */
  --w-box:   128px;   /* 侧栏内卡片宽 */
}