/* ============================================================
   tokens.css · 颜遇陪玩展示站 设计令牌
   体系：MIDNIGHT ROUGE —— 夜色 × 胭脂 × 香槟 × 肌肤暖光
   原则：深夜的暖光、柔和的圆角、克制的金线；照片永远是主角
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- 夜 ---- */
  --night: #0b0709;
  --night-2: #110b0e;
  --night-3: #181014;
  --night-4: #21161b;
  --night-5: #2c1d24;

  /* ---- 胭脂 / 酒红 ---- */
  --rouge: #e2577a;
  --rouge-hi: #f07c97;
  --rouge-deep: #a8264a;
  --wine: #5a1228;
  --wine-deep: #2a0913;

  /* ---- 香槟金 ---- */
  --champagne: #e9cba0;
  --champagne-hi: #f6e2c2;
  --champagne-deep: #b98f5e;

  /* ---- 肌肤暖光 ---- */
  --blush: #f4d5c8;
  --peach: #f2a98f;

  /* ---- 状态 ---- */
  --online: #7fe0a8;
  --off: #8a7a80;

  /* ---- 文字 ---- */
  --txt: #f7ede8;
  --txt-mid: rgba(247, 237, 232, .72);
  --txt-low: rgba(247, 237, 232, .52);
  --txt-faint: rgba(247, 237, 232, .34);

  /* ---- 线 ---- */
  --line: rgba(247, 225, 215, .12);
  --line-soft: rgba(247, 225, 215, .07);
  --line-strong: rgba(247, 225, 215, .24);
  --line-gold: rgba(233, 203, 160, .38);

  /* ---- 渐变 ---- */
  --grad-rouge: linear-gradient(135deg, #f07c97 0%, #e2577a 42%, #b12d55 100%);
  --grad-gold: linear-gradient(135deg, #f6e2c2 0%, #e9cba0 45%, #b98f5e 100%);
  --grad-text: linear-gradient(100deg, #f6e2c2 0%, #f4c3b4 45%, #f07c97 100%);
  --grad-fade: linear-gradient(180deg, rgba(11, 7, 9, 0) 0%, rgba(11, 7, 9, .55) 55%, rgba(11, 7, 9, .96) 100%);

  /* ---- 字体 ---- */
  --font-display: "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-italic: "Cormorant", "Cormorant Garamond", "Didot", "Bodoni 72", Georgia, serif;
  --font-body: "PingFang SC", "MiSans", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;

  /* ---- 圆角 ---- */
  --r-xs: 8px;
  --r-sm: 12px;
  --r-md: 18px;
  --r-lg: 26px;
  --r-xl: 36px;
  --r-full: 999px;

  /* ---- 阴影 / 光晕 ---- */
  --shadow-card: 0 30px 60px -34px rgba(0, 0, 0, .85);
  --shadow-float: 0 40px 100px -40px rgba(0, 0, 0, .9);
  --glow-rouge: 0 14px 44px -12px rgba(226, 87, 122, .62);
  --glow-soft: 0 0 0 1px rgba(240, 124, 151, .28), 0 24px 60px -24px rgba(226, 87, 122, .5);

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

  /* ---- 布局 ---- */
  --container: 1320px;
  --gutter: clamp(16px, 4vw, 56px);
  --nav-h: 72px;
  --tabbar-h: 64px;
}

@media (max-width: 760px) {
  :root {
    --nav-h: 60px;
  }
}