/* ============================================================
 * 金融GOS人机协同平台 · Design Tokens (CSS Variables)
 * ============================================================ */

:root {
  /* Background */
  --bg-base: #0a0e17;
  --bg-panel: #131825;
  --bg-hover: #171d2e;
  --bg-elevated: #1a2032;

  /* Borders */
  --border: #1e2538;
  --border-strong: #2a3349;

  /* Text */
  --text-primary: #e6edf7;
  --text-secondary: #8b95a8;
  --text-muted: #5a6478;

  /* Brand */
  --brand: #3b82f6;
  --brand-bright: #60a5fa;
  --brand-glow: rgba(59, 130, 246, 0.35);
  --brand-soft: rgba(59, 130, 246, 0.12);

  /* Semantic */
  --up: #ef4444;
  --up-glow: rgba(239, 68, 68, 0.3);
  --up-soft: rgba(239, 68, 68, 0.12);
  --down: #22c55e;
  --down-glow: rgba(34, 197, 94, 0.3);
  --down-soft: rgba(34, 197, 94, 0.12);
  --warn: #f59e0b;
  --warn-soft: rgba(245, 158, 11, 0.12);
  --info: #8b5cf6;
  --info-soft: rgba(139, 92, 246, 0.14);
  --success: #10b981;

  /* Typography */
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;
  --font-sans: 'Inter', -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;

  /* Radius */
  --radius-card: 8px;
  --radius-btn: 6px;
  --radius-dot: 4px;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-card-hover: 0 4px 20px rgba(59, 130, 246, 0.15), 0 0 0 1px #2a3349;
  --shadow-btn-brand: 0 0 16px rgba(59, 130, 246, 0.4);

  /* Layout */
  --sidebar-w: 220px;
  --sidebar-w-collapsed: 64px;
  --header-h: 48px;

  /* Easing */
  --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
}