:root {
  --bg: #0a0a0f;
  --surface: #12121a;
  --surface2: #1a1a26;
  --surface3: #22223a;
  --border: rgba(180,160,255,0.12);
  --border2: rgba(180,160,255,0.22);
  --purple: #7c5cbf;
  --purple-light: #a07de0;
  --purple-glow: rgba(124,92,191,0.18);
  --silver: #c8c8d8;
  --silver-dim: #8888a0;
  --white: #f0f0f8;
  --text: #e8e8f4;
  --text-dim: #9090b0;
  --text-faint: #5a5a78;
  --danger: #cf4545;
  --danger-bg: rgba(207,69,69,0.12);
  --warning: #d4913a;
  --warning-bg: rgba(212,145,58,0.12);
  --success: #3aac72;
  --success-bg: rgba(58,172,114,0.12);
  --info: #5a90d4;
  --info-bg: rgba(90,144,212,0.12);
  --radius: 10px;
  --radius-lg: 16px;
}