/* ==========================================================================
   tokens.css · 设计令牌
   与既有 dashboard.html / archive.html 共用同一套变量，保证视觉血脉一致
   ========================================================================== */

:root {
  /* 底色与文字 */
  --bg: #f4f7fb;
  --surface: #ffffff;
  --soft: #f8fafc;
  --ink: #0f172a;
  --muted: #64748b;
  --faint: #94a3b8;
  --line: #e2e8f0;
  --line-strong: #cbd5e1;

  /* 品牌色 */
  --navy: #0b315b;
  --navy-deep: #071f3c;
  --navy-soft: #134e7c;
  --blue: #2563eb;
  --cyan: #06b6d4;
  --teal: #0f9f8f;
  --teal-deep: #0d776e;
  --teal-wash: #e9f7f7;
  --amber: #d79b27;
  --amber-wash: #fff8e8;

  /* 阴影 */
  --shadow-xs: 0 2px 7px rgba(15, 23, 42, .06);
  --shadow-sm: 0 7px 20px rgba(15, 23, 42, .04);
  --shadow: 0 12px 34px rgba(15, 23, 42, .065);
  --shadow-lg: 0 24px 60px rgba(11, 49, 91, .16);

  /* 圆角 */
  --r-xs: 8px;
  --r-sm: 11px;
  --r-md: 14px;
  --r-lg: 19px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* 版式 */
  --font: Inter, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", system-ui, -apple-system, sans-serif;
  --shell: 1320px;
  --gutter: 28px;

  /* 结构 */
  --nav-h: 68px;
  --ease: cubic-bezier(.22, .61, .36, 1);
}

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