/* ============================================================
   Racing Lab 2.0 Prototype — Design Tokens
   暗色赛车座舱风格 + 数据可视化色板
   ============================================================ */

:root {
  /* —— 基础底色（深色座舱）—— */
  --bg-deep:        #0a0c0f;
  --bg-app:         #0e1116;
  --bg-surface:     #161a21;
  --bg-surface-2:   #1d222b;
  --bg-surface-3:   #252b36;
  --bg-elevated:    #2a313d;
  --bg-hover:       rgba(255, 255, 255, 0.04);
  --bg-active:      rgba(255, 87, 34, 0.12);

  /* —— 边框 / 分隔 —— */
  --border:         rgba(255, 255, 255, 0.07);
  --border-strong:  rgba(255, 255, 255, 0.13);
  --border-accent:  rgba(255, 87, 34, 0.45);

  /* —— 文本 —— */
  --text-primary:   #f2f4f7;
  --text-secondary: #a8b0bd;
  --text-tertiary:  #6b7380;
  --text-disabled:  #444b56;
  --text-inverse:   #0e1116;

  /* —— 品牌主色（赛车橙红）—— */
  --accent:         #ff5722;
  --accent-hover:   #ff6b3d;
  --accent-press:   #e64a1b;
  --accent-soft:    rgba(255, 87, 34, 0.15);
  --accent-glow:    rgba(255, 87, 34, 0.35);

  /* —— AI / 参考数据色（电青）—— */
  --ai:             #00e5ff;
  --ai-soft:        rgba(0, 229, 255, 0.18);

  /* —— 玩家自身数据色（黄）需求规定 —— */
  --player:         #ffc83d;
  --player-soft:    rgba(255, 200, 61, 0.18);

  /* —— 语义色 —— */
  --success:        #2ecc71;
  --warning:        #ffa726;
  --danger:         #ff3b30;
  --info:           #4dabf7;

  /* 刹车点评价 */
  --rate-good:      #2ecc71;   /* <5m */
  --rate-mid:       #ffa726;   /* 5-10m */
  --rate-bad:       #ff3b30;   /* >10m */
  --rate-none:      #6b7380;   /* 无参考 */

  /* —— 字体 —— */
  --font-sans: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Consolas", monospace;
  --font-dig:  "Rajdhani", "Inter", sans-serif;  /* 数字/圈速 */

  /* —— 圆角 —— */
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* —— 间距（8px 栅格）—— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;

  /* —— 阴影 —— */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.55);
  --shadow-glow: 0 0 0 1px var(--border-accent), 0 0 24px var(--accent-glow);

  /* —— 动效 —— */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 120ms;
  --dur: 220ms;
  --dur-slow: 360ms;

  /* —— 布局 —— */
  --nav-width: 64px;
  --nav-width-text: 200px;
  --topbar-h: 52px;
  --titlebar-h: 36px;
}