:root {
  --cp-bg: #050308;
  --cp-panel: rgba(15, 11, 23, .88);
  --cp-panel-strong: #100b18;
  --cp-border: rgba(192, 132, 252, .22);
  --cp-purple: #a855f7;
  --cp-purple-bright: #d946ef;
  --cp-purple-deep: #581c87;
  --cp-silver: #e5e7eb;
  --cp-muted: #9690a1;
  --cp-success: #22c55e;
  --cp-danger: #ef4444;
}

.brand-logo-desktop { height: 62px; width: 190px; object-fit: contain; }
.brand-logo-mobile { width: 150px; height: 42px; object-fit: contain; }
.footer-logo { width: 190px; height: auto; opacity: .72; filter: grayscale(.25); }
.text-warning { color: var(--cp-purple-bright) !important; }
.btn-primary, .btn-danger { background: linear-gradient(135deg, #7c3aed, #a855f7); border-color: #c084fc; }
.btn-primary:hover, .btn-danger:hover { background: linear-gradient(135deg, #9333ea, #d946ef); border-color: #e9d5ff; }
.table { --bs-table-bg: transparent; --bs-table-color: #d8d4df; --bs-table-border-color: rgba(255,255,255,.08); }
.form-control, .form-select {
  background: rgba(5,3,8,.86); border-color: rgba(192,132,252,.24); color: #f5f3f7;
}
.form-control:focus, .form-select:focus {
  background: #09060e; color: #fff; border-color: var(--cp-purple);
  box-shadow: 0 0 0 .2rem rgba(168,85,247,.14);
}
.form-select option { background: #100b18; }