/* ============================================================
   案件线索墙 — Design Tokens & CSS Variables
   《漫长的季节》东北工业怀旧风
   ============================================================ */

:root {
  /* ── 色彩体系 ── */

  /* 主背景 — 泛黄旧纸/铁锈 */
  --bg:           #f0e6d2;
  --bg-deep:      #e2cfab;
  --bg-dark:      #3a2e22;

  /* 纸张/卡片底色 */
  --paper:        rgba(255, 250, 239, 0.88);
  --paper-strong: rgba(255, 247, 233, 0.95);
  --paper-aged:   rgba(245, 232, 208, 0.92);

  /* 文字 */
  --text:         #3c2815;
  --text-soft:    #6f523e;
  --text-faint:   #9c8570;
  --text-light:   #d4c4ae;

  /* 主强调色 — 王响红毛衣 */
  --accent:       #B5342A;
  --accent-2:     #C43E35;
  --accent-glow:  rgba(181, 52, 42, 0.25);

  /* 辅助色 */
  --gold:         #D4A853;          /* 金色秋阳 */
  --ink:          #2d1c13;
  --rust:         #8b4513;
  --steel:        #6b7b8d;
  --industrial-green: #4A7C59;      /* 工业绿 — 火车/出租车 */
  --victoria-purple: #8B3A62;       /* 维多利亚霓虹 */
  --cornfield:    #7B8C3A;          /* 玉米地绿 */

  /* 时间线标识色 — 基于剧集调研的真实色调 */
  --timeline-1997: #D4A853;   /* 暖金 — 黄金时代的回光 */
  --timeline-1998: #546A7B;   /* 冷蓝灰 — 碎尸案，阴郁天光 */
  --timeline-2016: #8C8C8C;   /* 褪色灰 — 沧桑疲惫 */
  --timeline-truth: #B5342A;  /* 王响红 — 大结局真相 */

  /* 线索类型色 */
  --type-testimony:  #5b7fa5;
  --type-evidence:   #c44536;
  --type-timeline:   #7a8450;
  --type-map:        #8b7355;

  /* 连线 — 红色毛线 */
  --yarn:           #c44536;
  --yarn-shadow:    rgba(196, 69, 54, 0.3);

  /* 图钉色 */
  --pin-red:        #d44;
  --pin-blue:       #48a;
  --pin-yellow:     #da3;
  --pin-green:      #5a5;

  /* ── 阴影 ── */
  --shadow-sm:     0 2px 8px rgba(60, 40, 21, 0.10);
  --shadow-md:     0 8px 24px rgba(60, 40, 21, 0.12);
  --shadow-lg:     0 14px 36px rgba(60, 40, 21, 0.15);
  --shadow-pin:    0 2px 4px rgba(0, 0, 0, 0.3);

  /* ── 排版 ── */
  --font-display:  "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-body:     "Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-mono:     "Courier New", "Source Code Pro", monospace;
  --font-typewriter: "Courier New", "Source Code Pro", monospace;

  --text-xs:       0.75rem;
  --text-sm:       0.875rem;
  --text-base:     1rem;
  --text-lg:       1.125rem;
  --text-xl:       1.25rem;
  --text-2xl:      1.5rem;
  --text-3xl:      2rem;

  /* ── 间距 ── */
  --space-1:       0.25rem;
  --space-2:       0.5rem;
  --space-3:       0.75rem;
  --space-4:       1rem;
  --space-6:       1.5rem;
  --space-8:       2rem;
  --space-12:      3rem;

  /* ── 圆角 ── */
  --radius-sm:     4px;
  --radius-md:     8px;
  --radius-lg:     16px;

  /* ── 动画 ── */
  --duration-fast:   150ms;
  --duration-normal: 300ms;
  --duration-slow:   600ms;
  --ease-out:        cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:     cubic-bezier(0.4, 0, 0.2, 1);

  /* ── 布局 ── */
  --sidebar-width:  280px;
  --header-height:  56px;
  --card-width:     220px;
  --card-min-height: 140px;
}