/* 设计 token —— 与 DESIGN.md 第 4 节一致 */
:root{
  /* 色 */
  --bg:            #04060a;
  --panel:         rgba(8,12,18,.72);
  --panel-strong:  rgba(8,12,18,.78);
  --line:          rgba(255,255,255,.10);
  --line-strong:   rgba(140,232,255,.28);
  --text:          #e8f4fa;
  --text-dim:      rgba(210,232,245,.55);
  --accent:        #8ce8ff;
  --accent-warm:   #ffd9a0;
  --hard:          #ef4444;
  --mid:           #fbbf24;
  --easy:          #4ade80;

  /* 区域色 */
  --region-yunnan:  #5fb27a;
  --region-xinjiang:#c99a5b;
  --region-chuanxi: #7f9fd1;
  --region-wugong:  #7fb6c9;

  /* 字 */
  --f-sans: "Inter","Noto Sans SC",system-ui,sans-serif;
  --f-mono: "JetBrains Mono",ui-monospace,monospace;
  --fs-10: 10px; --fs-12: 12px; --fs-14: 14px; --fs-20: 20px; --fs-32: 32px;

  /* 间距 */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px;

  /* 圆角 */
  --r-1:4px; --r-2:6px;

  /* 动效 */
  --d-fast:200ms; --d-base:400ms; --d-slow:800ms;
  --ease: cubic-bezier(.22,1,.36,1);
}