:root {
  --ink: #0b3554;
  --navy: #05243d;
  --mute: #6b8395;
  --line: #e0edf5;
  --aqua: #078fce;
  --aqua-pale: #e8f7ff;
  --paper: #f7fbfe;
}

body { background: #edf7fc; }
.sidebar { background: linear-gradient(160deg, #07385d, #041d34); }
.brand b, .nav-item.active span { color: #84dfff; }
.brand-mark { color: #075d91; background: #96e4ff; }
.nav-item.active { background: rgba(87, 196, 239, 0.16); }
.nav-item b { color: #075d91; background: #96e4ff; }
.eyebrow { color: #078fce; }
.profile { background: linear-gradient(145deg, #075d91, #10a8db); }
.demo-banner { border-color: #b9e4f7; color: #426f8d; background: #effaff; }
.demo-banner span { color: #078fce; }
.metric-card.accent::after { background: #dff5ff; }
.plain-button, .filter { color: #087daf; }
.bar { background: linear-gradient(180deg, #67d7f5, #078fce); }
.legend i, .timeline-item i { background: #159fd3; }
.filter.active { color: #076b9d; }
.state.normal { color: #0877a8; background: #e8f7ff; }
.view-button { border-color: #d8eaf4; color: #126f9d; }
.view-button:hover { background: #edf9ff; }
.card-visual { color: #075d91; background: #e1f5ff; }

.search-row input:focus,
.topup-form input:focus { border-color: #078fce; box-shadow: 0 0 0 3px rgba(7, 143, 206, 0.12); }
.search-row button { background: #076c9f; }
.account-result:hover,
.account-result.active { border-color: #63c9ed; background: #effaff; }
.result-card-icon,
.selected-icon { color: #075d91; background: #e0f4ff; }
.selected-account { background: #e9f7ff; }
.selected-balance strong { color: #087eb5; }
.amount-button.selected { border-color: #078fce; color: #075d91; background: #e7f7ff; box-shadow: 0 0 0 2px rgba(7, 143, 206, 0.1); }
.topup-submit { background: linear-gradient(100deg, #075d91, #0c9fd5); }
.topup-submit b { color: #075d91; background: #a4e7ff; }
.topup-history-row strong,
.confirm-topup-button { color: #fff; background: #087fb8; }
.topup-history-row strong { color: #087fb8; background: transparent; }
.audit-note { color: #557b91; background: #edf9ff; }