:root {
  /* Booremit Brand */
  --bm-primary: #0C2521;
  --bm-secondary: #D48931;
  --bm-accent: #174D51;

  --bm-bg: #0C2521;
  --bm-surface: #0f2f2a;
  --bm-card: #174D51;
  --bm-text: #f4f9f8;
  --bm-muted: #a9c3bf;
  --bm-border: rgba(255, 255, 255, 0.10);
  --bm-radius: 18px;
}

/* Bootstrap theming (safe overrides) */
.btn-primary {
  background-color: var(--bm-primary) !important;
  border-color: var(--bm-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #081b18 !important;
  border-color: #081b18 !important;
}

.btn-outline-primary {
  color: var(--bm-primary) !important;
  border-color: var(--bm-primary) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--bm-primary) !important;
  border-color: var(--bm-primary) !important;
  color: #fff !important;
}

.btn-warning,
.btn-secondary {
  background-color: var(--bm-secondary) !important;
  border-color: var(--bm-secondary) !important;
  color: #1a1a1a !important;
}
.btn-warning:hover,
.btn-secondary:hover {
  background-color: #c37a25 !important;
  border-color: #c37a25 !important;
}

.text-primary { color: var(--bm-primary) !important; }
.text-secondary { color: var(--bm-secondary) !important; }

/* Fintech-ish surfaces */
.bm-card {
  background: var(--bm-card);
  border: 1px solid var(--bm-border);
  border-radius: var(--bm-radius);
}

/* Mobile improvements */
@media (max-width: 576px) {
  .container,
  .container-fluid {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  /* tables -> horizontal scroll, avoids broken layouts */
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* Booremit UI tokens & badges */
:root{
  --bm-primary:#0C2521;
  --bm-secondary:#D48931;
  --bm-accent:#174D51;
}
.bm-section-title{font-weight:700; letter-spacing:.02em;}
.bm-muted{opacity:.8}
.bm-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;font-size:.75rem;font-weight:600;line-height:1;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.2)}
.bm-badge--success{border-color:rgba(46,204,113,.35);color:#d6ffe7}
.bm-badge--pending{border-color:rgba(212,137,49,.45);color:#ffe4c2}
.bm-badge--failed{border-color:rgba(231,76,60,.35);color:#ffd6d2}
.form-control:focus,.form-select:focus{border-color:var(--bm-secondary)!important;box-shadow:0 0 0 .2rem rgba(212,137,49,.22)!important}

/* Remove underlines in pay-bills tiles and similar UI items */
.pay-bill-sec a,
.pay-bill-sec a:hover,
.pay-bill-sec a:focus{ text-decoration:none !important; }