:root {
  --vm-primary: #0d6efd;
  --vm-accent: #dc3545;
  --vm-dark: #0b2239;
}

body { background: #f6f8fb; }

.navbar.bg-primary { background: linear-gradient(135deg, var(--vm-primary), #3b82f6) !important; }

.hero {
  background: linear-gradient(135deg, rgba(13,110,253,.1), rgba(220,53,69,.1));
  border: 1px solid rgba(13,110,253,.1);
  border-radius: 1rem;
}

.card { border: none; box-shadow: 0 6px 18px rgba(16, 24, 40, 0.08); }

.btn-emergency { background: var(--vm-accent); color: #fff; }
.btn-emergency:hover { background: #bb2d3b; color: #fff; }

.badge-category { background: rgba(13,110,253,.1); color: var(--vm-dark); }
.badge-company { background: rgba(25,135,84,.1); color: #155724; }

.qr-preview { max-width: 140px; border-radius: .5rem; }