/* FINAL TOPBAR SYNC SAFE */
:root{
  --ft-gold:#c8a552;
  --ft-gold-dark:#b48812;
  --ft-cream:#f7f1e3;
  --ft-surface:#fffaf0;
  --ft-text:#4a3517;
  --ft-brown:#2a1a0c;
  --ft-border:#eadcb5;
  --ft-shadow:0 8px 22px rgba(79,55,15,.12);
}

/* top mobile bar from partial top-menu */
.mcp-top-header,
.mcp-top-header > header,
.mcp-top-header > header .container,
.mcp-top-header > header .row,
.mcp-top-header .col-9,
.mcp-top-header .col-3{
  background:linear-gradient(180deg,var(--ft-gold),#bc9440) !important;
}

.mcp-top-header img{
  max-height:44px !important;
}

.mcp-top-header .btn,
.mcp-top-header button,
.mcp-top-header a.btn{
  border-radius:16px !important;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.mcp-top-header i,
.mcp-top-header .fa,
.mcp-top-header .fas,
.mcp-top-header .far{
  color:#fff !important;
}

/* unify light page surface */
body{
  background:var(--ft-cream);
  color:var(--ft-text);
}

/* cards / panels */
.card,
.shadow-sm,
.box,
.content-body,
.panel,
.card-body{
  border-radius:18px !important;
  border:1px solid var(--ft-border) !important;
  box-shadow:var(--ft-shadow) !important;
}

/* old red primaries -> gold */
.bg-primary,
.btn-primary,
.badge-primary,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active{
  background:linear-gradient(180deg,#cfab3a,var(--ft-gold-dark)) !important;
  border-color:var(--ft-gold-dark) !important;
  color:#fff !important;
}

/* soften dark headers */
.card-header,
.card-header.bg-primary,
.dashborder,
.dashborder.bg-primary{
  background:#f0e1b6 !important;
  color:var(--ft-text) !important;
  border-color:var(--ft-border) !important;
}

/* keep bottom room for fixed nav */
@media (max-width:1024px){
  body{padding-bottom:98px !important;}
}