/* A · 霓虹街头 — riprust 主题 token 层 */
:root {
  --bg-void: #0a0710;
  --bg-deep: #120c1c;
  --bg-surface: #181026;
  --bg-elevated: #231634;
  --bg-card: rgba(24, 16, 38, 0.78);
  --neon: #ff2d95;
  --neon-dim: #c2185b;
  --neon-glow: rgba(255, 45, 149, 0.38);
  --neon-subtle: rgba(255, 45, 149, 0.09);
  --neon2: #00e5ff;
  --neon2-dim: #0097a7;
  --neon2-glow: rgba(0, 229, 255, 0.35);
  --neon3: #ffe83d;
  --neon3-glow: rgba(255, 232, 61, 0.32);
  --amber: #ffe83d;
  --amber-glow: rgba(255, 232, 61, 0.25);
  --border: rgba(255, 45, 149, 0.14);
  --border-hover: rgba(0, 229, 255, 0.42);
  --border-strong: rgba(255, 45, 149, 0.58);
  --text-1: #fdf2fa;
  --text-2: #b39ec2;
  --text-3: #7a6690;
  --green: #3dff9e;
  --red: #ff3d5a;
  --yellow: #ffe83d;
  --grad-neon: linear-gradient(135deg, #ffe83d 0%, #ff2d95 45%, #7c3aed 78%, #00e5ff 100%);
  --grad-card: linear-gradient(160deg, rgba(255, 45, 149, 0.08) 0%, rgba(0, 229, 255, 0.03) 55%, rgba(0,0,0,0) 80%);
  --grad-hero: linear-gradient(180deg, transparent 0%, #0a0710 100%);
  --accent-rgb: 255, 45, 149;
  --accent2-rgb: 0, 229, 255;
  --accent3-rgb: 255, 232, 61;
  --void-rgb: 10, 7, 16;
  --surface-rgb: 24, 16, 38;
  --green-rgb: 61, 255, 158;
  --red-rgb: 255, 61, 90;
  --stat4: #a78bfa;
  --stat4-rgb: 167, 139, 250;
  --amber-rgb: 255, 232, 61;
  --max-w: 1240px;
  --gap: 4rem;
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 18px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}