/* ========================================
   老王 AI 工具站 — 统一设计令牌 (Design Tokens)
   深空暗色 · 青蓝紫渐变 · Inter + JetBrains Mono
   所有页面引同一套 tokens，一处定义，全局生效
   ======================================== */

:root {
  --bg-deep:          #050a12;
  --bg-primary:       #0a0e17;
  --bg-secondary:     #111827;
  --bg-glass:         rgba(255, 255, 255, 0.03);
  --bg-card:          rgba(17, 25, 40, 0.7);
  --bg-card-hover:    rgba(23, 35, 55, 0.85);
  --bg-modal:         rgba(15, 20, 35, 0.98);
  --bg-overlay:       rgba(0, 0, 0, 0.7);
  --bg-input:         rgba(255, 255, 255, 0.04);

  --border-subtle:      rgba(255, 255, 255, 0.06);
  --border-default:     rgba(255, 255, 255, 0.10);
  --border-input:       rgba(255, 255, 255, 0.10);
  --border-input-focus: rgba(100, 180, 255, 0.5);
  --border-card:        rgba(100, 180, 255, 0.12);
  --border-card-hover:  rgba(100, 180, 255, 0.3);
  --border-glow:        rgba(0, 229, 255, 0.20);

  --accent-cyan:        #00e5ff;
  --accent-cyan-dim:    rgba(0, 229, 255, 0.08);
  --accent-cyan-glow:   rgba(0, 229, 255, 0.25);
  --accent-blue:        #5b8af7;
  --accent-blue-dim:    rgba(91, 138, 247, 0.10);
  --accent-blue-glow:   rgba(91, 138, 247, 0.30);
  --accent-purple:      #8b5cf6;
  --accent-purple-dim:  rgba(139, 92, 246, 0.10);
  --accent:             #4da6ff;
  --accent-glow:        rgba(77, 166, 255, 0.3);

  --status-green:       #34d399;
  --status-green-glow:  rgba(52, 211, 153, 0.3);
  --status-red:         #ef4444;
  --status-red-glow:    rgba(239, 68, 68, 0.3);
  --status-warning:     #fbbf24;
  --status-locked:      #6b7280;
  --success:            #34d399;
  --danger:             #f87171;
  --warning:            #fbbf24;
  --locked:             #6b7280;

  --text-primary:       #e2e8f0;
  --text-secondary:     #94a3b8;
  --text-tertiary:      #64748b;
  --text-muted:         #475569;

  --space-xs:           4px;
  --space-sm:           8px;
  --space-md:           16px;
  --space-lg:           24px;
  --space-xl:           32px;
  --space-2xl:          48px;

  --radius-sm:          4px;
  --radius-md:          8px;
  --radius-lg:          12px;
  --radius-xl:          16px;
  --radius-2xl:         20px;
  --radius-full:        9999px;

  --shadow-card:        0 4px 20px rgba(0, 0, 0, 0.3);
  --shadow-card-hover:  0 8px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(77, 166, 255, 0.1);
  --shadow-modal:       0 20px 60px rgba(0, 0, 0, 0.6), 0 0 30px rgba(77, 166, 255, 0.05);
  --shadow-glow:        0 0 20px rgba(0, 229, 255, 0.08), 0 0 60px rgba(0, 229, 255, 0.03);
  --shadow-lg:          0 8px 24px rgba(0, 0, 0, 0.6);

  --transition-fast:    150ms ease;
  --transition-normal:  250ms ease;
  --transition-slow:    400ms ease;
  --ease-out:           cubic-bezier(0.16, 1, 0.3, 1);
  --duration-normal:    200ms;
  --duration-slow:      400ms;

  /* Phase 2: Spring physics curves (cubic-bezier approximations) */
  --spring-enter:       cubic-bezier(0.34, 1.56, 0.64, 1);
  --spring-exit:        cubic-bezier(0.36, 0, 0.66, -0.56);
  --spring-light:       cubic-bezier(0.34, 1.3, 0.64, 1);
  --spring-duration:    400ms;
  --spring-duration-sm: 300ms;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Noto Sans CJK SC", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, "Cascadia Code", monospace;
}