/**
 * Quantum Microfinance Bank — Brand override layer
 * Loaded last in the `quantum` skin to enforce exact brand tokens on top of
 * the recolored orange base skin.
 *
 * Brand palette (per Quantum Brand Guidelines):
 *   Primary  Orange  #F58634  rgb(245,134,52)
 *   Accent   Green   #00A859  rgb(0,168,89)
 *   Neutral  Black   #201E1E  rgb(32,30,30)
 *   Neutral  White   #FFFFFF
 */

:root {
  --qmfb-orange: #F58634;
  --qmfb-orange-dark: #d96f1f;
  --qmfb-green: #00A859;
  --qmfb-green-dark: #008c4a;
  --qmfb-black: #201E1E;
  --qmfb-white: #FFFFFF;
}

/* --- Accent (green) for secondary / success / highlights --- */
.btn-success,
.bg-success,
.badge-success {
  background-color: var(--qmfb-green) !important;
  border-color: var(--qmfb-green) !important;
}
.btn-success:hover,
.btn-success:focus {
  background-color: var(--qmfb-green-dark) !important;
  border-color: var(--qmfb-green-dark) !important;
}
.text-success,
a.text-success { color: var(--qmfb-green) !important; }

/* Secondary brand buttons use the green accent */
.btn-theme-second,
.gva-btn-second {
  background-color: var(--qmfb-green);
  border-color: var(--qmfb-green);
  color: var(--qmfb-white);
}
.btn-theme-second:hover,
.gva-btn-second:hover {
  background-color: var(--qmfb-green-dark);
  border-color: var(--qmfb-green-dark);
  color: var(--qmfb-white);
}

/* --- Neutral text uses brand black rather than pure #000 --- */
body,
h1, h2, h3, h4, h5, h6,
.text-color-2 { color: var(--qmfb-black); }

/* --- Primary brand button polish --- */
.btn-theme,
.btn-primary {
  background-color: var(--qmfb-orange);
  border-color: var(--qmfb-orange);
}
.btn-theme:hover,
.btn-primary:hover,
.btn-theme:focus,
.btn-primary:focus {
  background-color: var(--qmfb-orange-dark);
  border-color: var(--qmfb-orange-dark);
}

/* --- Footer / topbar dark surfaces use brand black --- */
.site-footer,
.gva-topbar.topbar-dark { background-color: var(--qmfb-black); }

/* --- Header logo sizing (SVG wordmark) --- */
.site-branding-logo img,
.logo img {
  height: 46px;
  width: auto;
  max-width: 100%;
}