/*
  Booremit Premium Fintech UI Layer
  Brand:
    Primary:   #0C2521
    Secondary: #D48931
    Accent:    #174D51

  This file intentionally focuses on "high-impact" polishing: spacing, typography,
  cards, buttons, forms, and subtle shadows. It is designed to sit on top of
  the existing Bootstrap layouts without breaking markup.
*/

:root{
  --bm-primary:#0C2521;
  --bm-secondary:#D48931;
  --bm-accent:#174D51;
  --bm-bg:#071a17;
  --bm-surface:#0b2220;
  --bm-card:#0f2c29;
  --bm-text:#f4f9f8;
  --bm-muted:rgba(244,249,248,.72);
  --bm-border:rgba(244,249,248,.12);
  --bm-shadow:0 12px 28px rgba(0,0,0,.35);
  --bm-radius:16px;
}

body{
  background: radial-gradient(1200px 600px at 20% -10%, rgba(212,137,49,.18), transparent 60%),
              radial-gradient(900px 500px at 110% 20%, rgba(23,77,81,.25), transparent 60%),
              var(--bm-bg);
  color: var(--bm-text);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.app-shell{
  min-height:100vh;
}

/* Cards / surfaces */
.card,
.bm-card,
.panel,
.box,
.content-box{
  border-radius:var(--bm-radius) !important;
  border:1px solid var(--bm-border) !important;
  background: linear-gradient(180deg, rgba(15,44,41,.92), rgba(10,30,28,.92)) !important;
  box-shadow: var(--bm-shadow);
}

/* Buttons */
.btn,
button.primary,
.primary{
  border-radius:14px !important;
  font-weight:600;
}

.btn-primary,
.primary{
  background: var(--bm-secondary) !important;
  border-color: var(--bm-secondary) !important;
  color:#1b1b1b !important;
}

.btn-primary:hover,
.primary:hover{
  filter: brightness(1.05);
}

.btn-outline-primary{
  border-color: var(--bm-secondary) !important;
  color: var(--bm-secondary) !important;
}

.btn-outline-primary:hover{
  background: var(--bm-secondary) !important;
  color:#1b1b1b !important;
}

/* Inputs */
input,select,textarea{
  border-radius:14px !important;
  border:1px solid rgba(244,249,248,.18) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--bm-text) !important;
}

input::placeholder,
textarea::placeholder{
  color: rgba(244,249,248,.55) !important;
}

input:focus,select:focus,textarea:focus{
  outline:none !important;
  box-shadow: 0 0 0 4px rgba(212,137,49,.22) !important;
  border-color: rgba(212,137,49,.65) !important;
}

/* Tables */
table{
  color: var(--bm-text);
}

/* Alerts */
.alert{
  border-radius:14px !important;
  border:1px solid var(--bm-border) !important;
  background: rgba(255,255,255,.04) !important;
  color: var(--bm-text) !important;
}

/* Links */
a{ color: var(--bm-secondary); }
a:hover{ color: #ffbd6a; }

/* Mobile spacing tweaks */
@media(max-width:576px){
  .container,.container-fluid{ padding-left:12px !important; padding-right:12px !important; }
  .card,.bm-card,.panel,.box,.content-box{ border-radius:14px !important; }
}