/**
 * twigspike tokens — 对齐 bilibili.com 桌面浅色站
 * 参考开源仿站 dirtydamn1/bilibili-demo + 官方色板
 * 粉 #FB7299 · 蓝 #00A1D6 · 底 #F1F2F3
 */
:root {
  --pink: #fb7299;
  --pink-hover: #ff85a8;
  --pink-soft: rgba(251, 114, 153, 0.12);
  --blue: #00a1d6;
  --blue-hover: #00b5e5;
  --blue-soft: rgba(0, 161, 214, 0.12);

  --bg: #f1f2f3;
  --surface: #ffffff;
  --surface2: #f6f7f8;
  --text: #18191c;
  --text2: #61666d;
  --muted: #9499a0;
  --accent: #fb7299;
  --accent2: #00a1d6;
  --accent-glow: rgba(251, 114, 153, 0.25);
  --border: #e3e5e7;
  --ring: #00a1d6;

  --rank-1: #f77b7b;
  --rank-2: #faa90e;
  --rank-3: #faa90e;
  --rank-n: #c9ccd0;

  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 8px;   /* 界面矩形圆角上限，见 design-system/tokens/radius.md */
  --radius-pill: 999px; /* 历史遗留，新组件勿用 */

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 28px;
  --space-7: 40px;

  --font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --cover-ratio: 16 / 9;
  --cover-h-ratio: 16 / 9;
  --nav-h: 64px;
  --banner-h: 180px;
  --wrap: 1400px;
  --gutter: 8px;

  --player-ratio: 16 / 9;
  --player-min-h: 180px;

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur: 200ms;

  --bg-deep: #e8e9eb;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04);
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur: 0.01ms; }
}