:root{
  --bm-bg:#0E0E0E;
  --bm-surface-1:#161616;
  --bm-surface-2:#1C1C1C;
  --bm-text:#FFFFFF;
  --bm-text-secondary:#B3B3B3;
  --bm-text-muted:#7A7A7A;
  --bm-red:#C1121F;

  --sp-xs:4px;
  --sp-s:8px;
  --sp-m:16px;
  --sp-l:24px;
  --sp-xl:40px;

  --radius-btn:8px;
  --radius-card:12px;
  --radius-modal:16px;

  --shadow-card:0 4px 12px rgba(0,0,0,0.25);
  --shadow-modal:0 8px 32px rgba(0,0,0,0.35);

  --divider:#242424;
}

/* Spacing helpers (minimal) */
.sp-xs{ padding:var(--sp-xs); }
.sp-s{ padding:var(--sp-s); }
.sp-m{ padding:var(--sp-m); }
.sp-l{ padding:var(--sp-l); }
.sp-xl{ padding:var(--sp-xl); }

.divider-bm{
  height:1px;
  background:var(--divider);
  border:0;
}

.card-premium{
  background:var(--bm-surface-1);
  color:var(--bm-text);
  border:1px solid var(--divider);
  border-radius:var(--radius-card);
  box-shadow:var(--shadow-card);
}
.card-premium .card-header{
  background:transparent;
  border-bottom:1px solid var(--divider);
}
.card-premium .text-muted{ color:var(--bm-text-muted) !important; }
.card-premium .form-control{
  background:var(--bm-surface-2);
  color:var(--bm-text);
  border-color:var(--divider);
}
.card-premium .form-control:focus{
  border-color:rgba(193,18,31,0.6);
  box-shadow:0 0 0 .25rem rgba(193,18,31,0.18);
}

.btn-primary-bm{
  min-height:46px;
  padding:10px 14px;
  border-radius:var(--radius-btn);
  background:var(--bm-red);
  border-color:rgba(193,18,31,0.9);
  color:#fff;
  font-weight:700;
}
.btn-primary-bm:hover{
  background:#a60f19;
  border-color:#a60f19;
  color:#fff;
}

.btn-secondary-bm{
  min-height:46px;
  padding:10px 14px;
  border-radius:var(--radius-btn);
  background:transparent;
  border:1px solid rgba(255,255,255,0.22);
  color:var(--bm-text-secondary);
  font-weight:700;
}
.btn-secondary-bm:hover{
  border-color:rgba(255,255,255,0.35);
  color:var(--bm-text);
}

.btn-link-bm{
  min-height:46px;
  padding:10px 0;
  border:0;
  background:transparent;
  color:var(--bm-text-secondary);
  font-weight:700;
  text-decoration:none;
}
.btn-link-bm:hover{
  color:var(--bm-text);
  text-decoration:underline;
}