/* ============================================================
   tokens.css · 颜遇陪玩展示站 设计令牌
   体系：PRIVATE INDEX —— 墨黑 × 骨白 × 香槟 × 酒红
   原则：无圆角、无玻璃、无霓虹；只用细线、留白与字号建立层级
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- 墨 ---- */
  --ink: #0b0b0c;
  --ink-2: #101012;
  --ink-3: #161619;
  --ink-4: #1d1d21;

  /* ---- 骨白纸 ---- */
  --bone: #f2ede3;
  --bone-2: #e9e2d4;
  --bone-3: #d8cfbc;
  --paper-ink: #15130e;

  /* ---- 线 ---- */
  --line: rgba(242, 237, 227, .16);
  --line-soft: rgba(242, 237, 227, .09);
  --line-strong: rgba(242, 237, 227, .36);
  --ink-line: rgba(21, 19, 14, .16);
  --ink-line-strong: rgba(21, 19, 14, .34);

  /* ---- 色 ---- */
  --brass: #b39262;
  --brass-hi: #d4bc91;
  --wine: #5e1b26;
  --wine-2: #7a2431;
  --wine-deep: #3d1017;
  --online: #8ea87a;
  --off: #6f6a60;

  /* ---- 墨上文字 ---- */
  --txt: #efe9dc;
  --txt-mid: #b3aa9a;
  --txt-low: #948d80;
  --txt-faint: #756f63;

  /* ---- 纸上文字 ---- */
  --paper-txt: #15130e;
  --paper-mid: #5f5a4f;
  --paper-low: #6b6457;

  /* ---- 字体 ---- */
  --font-display: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-latin: "Anton", "Arial Narrow", "Helvetica Neue Condensed", sans-serif;
  --font-body: "PingFang SC", "MiSans", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;

  /* ---- 无圆角 ---- */
  --r-sm: 0px;
  --r-md: 0px;
  --r-lg: 0px;
  --r-xl: 0px;
  --r-full: 999px;

  /* ---- 阴影：几乎不用，只在灯箱用 ---- */
  --shadow-float: 0 40px 90px -50px rgba(0, 0, 0, .9);

  /* ---- 动效 ---- */
  --dur-fast: .16s;
  --dur-base: .3s;
  --dur-slow: .6s;
  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-slow: cubic-bezier(.16, 1, .3, 1);

  /* ---- 布局 ---- */
  --container: 1360px;
  --gutter: clamp(20px, 3.8vw, 56px);
  --nav-h: 72px;
  --topline-h: 30px;
  --tabbar-h: 58px;

  /* ---- 兼容别名（旧组件过渡用） ---- */
  --bg-base: var(--ink);
  --bg-deep: var(--ink);
  --bg-elevated: var(--ink-2);
  --bg-panel: var(--ink-3);
  --bg-card: var(--ink-3);
  --bg-card-hover: var(--ink-4);
  --bg-input: rgba(242, 237, 227, .05);
  --paper: var(--bone);
  --paper-deep: var(--bone-2);
  --ink-on-paper: var(--paper-ink);
  --txt-hi: var(--txt);
  --rose: var(--wine-2);
  --rose-deep: var(--wine);
  --gold: var(--brass);
  --gold-deep: #8d6f45;
  --status-online: var(--online);
  --status-off: var(--off);
  --shadow-card: none;
  --shadow-photo: none;
  --shadow-pop: none;
  --shadow-pop-gold: none;
  --line-accent: rgba(179, 146, 98, .55);
  --line-gold: rgba(179, 146, 98, .45);
}