/* Demo asset — served by origin, falls over to P2P on outage */
:root {
  --primary:   #6c63ff;
  --success:   #22c55e;
  --danger:    #ef4444;
  --warning:   #f59e0b;
  --bg:        #0f0f1a;
  --surface:   #1a1a2e;
  --border:    #2a2a4a;
  --text:      #e2e8f0;
  --muted:     #64748b;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.badge-p2p     { background: #6c63ff22; color: var(--primary); border: 1px solid var(--primary); }
.badge-origin  { background: #22c55e22; color: var(--success); border: 1px solid var(--success); }
.badge-error   { background: #ef444422; color: var(--danger);  border: 1px solid var(--danger);  }