/* ============================================================
   MuoniumPlayer 官网 · 设计系统地基（tokens）
   基调：暖黑大气 —— 深空暖黑底、珊瑚橙高亮、大留白、
        全幅游戏截图作 Hero 背景。
   所有页面只读这里的变量；换肤（含浅色）只改本文件。
   ============================================================ */

:root{
  /* ---- 色板：表面（暖黑，不是纯黑，带一点棕） ---- */
  --bg:#141010;            /* 主背景：暖黑 */
  --bg-2:#181313;          /* 次级背景 */
  --bg-3:#1d1717;          /* 更深的分区 */
  --surface:#1c1615;       /* 卡片 */
  --surface-2:#241c1b;     /* 卡片内嵌 / 悬浮 */
  --surface-3:#2c2221;     /* 输入 / chip 底 */

  /* ---- 色板：文字 ---- */
  --ink:#f7f3f0;           /* 主文字：暖白 */
  --ink-2:#c4b9b4;         /* 次级 */
  --ink-3:#8d807b;         /* 三级 / 说明 */

  /* ---- 色板：线 ---- */
  --line:rgba(255,240,232,.10);
  --line-2:rgba(255,240,232,.17);
  --line-3:rgba(255,240,232,.26);

  /* ---- 品牌：珊瑚橙（呼应参考站的暖色高亮） ---- */
  --brand:#f6b39a;         /* 主高亮：珊瑚浅橙 */
  --brand-2:#ffc9b4;       /* 更亮 */
  --brand-deep:#e8836a;    /* 更深一档，用于描边/强调 */
  --brand-ink:#2a1712;     /* 品牌底上的文字（深棕） */
  --brand-soft:rgba(246,179,154,.12);
  --brand-glow:rgba(246,179,154,.28);

  /* ---- 阴影 ---- */
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 1px 3px rgba(0,0,0,.4),0 6px 18px -8px rgba(0,0,0,.6);
  --shadow-md:0 2px 6px rgba(0,0,0,.35),0 18px 40px -16px rgba(0,0,0,.7);
  --shadow-lg:0 4px 10px rgba(0,0,0,.4),0 36px 80px -28px rgba(0,0,0,.8);
  --shadow-shot:0 2px 8px rgba(0,0,0,.5),0 40px 90px -30px rgba(0,0,0,.85);

  /* ---- 间距：8pt 刻度 ---- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px;
  --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px;

  /* ---- 圆角 ---- */
  --r-xs:8px; --r-sm:12px; --r:16px; --r-lg:22px; --r-xl:28px; --r-full:999px;

  /* ---- 版心 / 导航高 ---- */
  --maxw:1200px;
  --nav-h:72px;

  /* ---- 字族 ---- */
  --font:"Noto Sans SC","Source Han Sans SC","HarmonyOS Sans SC",
         "PingFang SC","Hiragino Sans GB","Microsoft YaHei",
         -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --mono:"JetBrains Mono","Cascadia Mono","SFMono-Regular",Consolas,Menlo,monospace;

  /* ---- 动效缓动 ---- */
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:.18s;
  --t:.32s;
  --t-slow:.6s;

  /* ---- 全幅 Hero 背景（可换图） ---- */
  --hero-img:url("../img/in-game-hud-overview.png");
}

/* 浅色主题：给 <html data-theme="light"> 时一键翻转（本期不启用，留接口） */
[data-theme="light"]{
  --bg:#faf9f7; --bg-2:#f4f2ef; --bg-3:#eeeae6;
  --surface:#ffffff; --surface-2:#f7f5f2; --surface-3:#efece8;
  --ink:#171310; --ink-2:#5c534e; --ink-3:#8d827b;
  --line:rgba(23,19,16,.10); --line-2:rgba(23,19,16,.17); --line-3:rgba(23,19,16,.26);
  --brand:#c4522f; --brand-2:#dd6a45; --brand-deep:#a8401f;
  --brand-ink:#ffffff; --brand-soft:rgba(196,82,47,.10); --brand-glow:rgba(196,82,47,.22);
  --shadow-xs:0 1px 2px rgba(23,19,16,.06);
  --shadow-sm:0 1px 3px rgba(23,19,16,.06),0 6px 18px -8px rgba(23,19,16,.12);
  --shadow-md:0 2px 6px rgba(23,19,16,.05),0 18px 40px -16px rgba(23,19,16,.16);
  --shadow-lg:0 4px 10px rgba(23,19,16,.05),0 36px 80px -28px rgba(23,19,16,.22);
  --shadow-shot:0 2px 8px rgba(23,19,16,.08),0 40px 90px -30px rgba(23,19,16,.25);
}