/* =========================================================
   1/5 · 设计令牌 tokens.css
   ---------------------------------------------------------
   主题的**全部颜色与尺寸变量**都集中在这里。
   换品牌色、改圆角、调版心宽度，只动这一个文件；
   其他样式文件一律只引用 var(--x)，不写死颜色。

   加载顺序（由 theme.json 的 styles.base 决定）：
     tokens → base → components → modules/* → pages/*
   后面的文件只能「用」令牌，不能重新定义同名令牌 ——
   否则页面级覆盖会变成全站覆盖，正是要避免的事。
   ========================================================= */

:root {
    /* ---------- 主色（深色工业风） ---------- */
    --navy:      #0A1A2F;   /* 深底：导航 / 页脚 / 深色区块 */
    --navy-2:    #0E2C4D;   /* 深底浅一档：卡片 / 悬停 */
    --blue:      #0066CC;   /* 品牌主蓝 */
    --blue-d:    #004C99;   /* 主蓝按下 / 渐变末端 */
    --blue-l:    #5BA8F5;   /* 深底上的亮蓝（文字、描边） */
    --primary:   #0066CC;   /* --blue 的语义别名，供组件统一引用 */

    /* ---------- 中性色 ---------- */
    --ink:       #1D1D1F;   /* 正文 */
    --muted:     #6E6E73;   /* 次要文字 */
    --muted-2:   #9AA7B8;   /* 第三级：图标、时间戳、占位 */
    --line:      #E4E7EC;   /* 分隔线 / 描边 */
    --line-soft: #EEF1F5;   /* 更淡的分隔线（列表行） */
    --soft:      #F5F7FA;   /* 浅底：区块底 / 占位底 */
    --surface-2: #F5F7FA;   /* 卡片内浅底（与 --soft 同值，语义区分） */
    --on-dark:   #B9C6D6;   /* 深底上的正文 */

    /* ---------- 形状与版面 ---------- */
    --radius:    14px;      /* 卡片圆角 */
    --wrap:      1200px;    /* 版心宽度 */
    --shadow:    0 10px 34px rgba(16, 34, 60, .10);
    --shadow-color: 16, 34, 60;   /* 只给 rgba(var(--shadow-color), a) 用 */

    /* ---------- 关键尺寸（改这三处即可整体缩放） ---------- */
    --head-h:    72px;      /* 顶部导航高度（.site-head 高度与 hero 上边距联动） */
}