/* ==========================================================================
   NoKYCPay light theme
   Same brand hues, darkened so they clear WCAG AA on white. Brand orange sits
   at #8a4f14 here: #ce773d is only 3.32:1 on white and fails as text.
   --muted-color stays a light neutral: in this theme it is a surface and
   border token (see .rates-bulk background), not a text colour.
   ========================================================================== */
:root {
  --background-color: #ffffff;
  --secondary-bcg-color: #f4f7f9;
  --main-text-color: #10191f;
  --inactive-text-color: #5d6975;
  --input-placeholder-color: #656f7d;
  --accent-color: #04707a;
  --accent-secondary-color: #e6f4f6;
  --success-color: #0f7a52;
  --danger-color: #c62839;
  --warning-color: #8a4f14;
  --info-color: #04707a;
  --muted-color: #e6ebef;
  --hover-btn-color: #04565e;
  --focus-btn-color: #04565e;
  --active-btn-color: #033e44;
  --emphasized-btn-color: #10191f;
  --box-shadow-color: #04707a1a;

  /* brand extras consumed by brand.css */
  --brand-grad: linear-gradient(135deg, #01828b 0%, #04707a 55%, #ce773d 100%);
  --brand-line: #04707a1f;
  --brand-line-strong: #04707a3d;
  --brand-surface: #ffffff;
  --brand-surface-hi: #f4f7f9;
  --brand-ring: #04707a55;
}

/* Navigation Menu Highlighting */
.nav-list .nav-link--active .nav-icon {
  fill: var(--focus-btn-color);
}

.side-menu.is-open .nav-link--active .nav-icon {
  fill: var(--accent-color);
}
/* --- */

.form-check-input:checked:hover {
  background-color: var(--hover-btn-color);
}


/* Bootstrap Customizations */
.alert-success__customization {
  border: 1px solid var(--success-color);
}

.alert-warning__customization {
  border: 1px solid var(--warning-color);
}

.alert-info__customization {
  border: 1px solid var(--accent-color);
  color: var(--main-text-color);
}

.alert-danger__customization {
  border: 1px solid var(--danger-color);
  color: var(--main-text-color);
}
/* --- */

/* Source of Rates */
@media (max-width: 1024px) {
  .rates-card.rates-bulk {
    background-color: var(--muted-color);
  }
}



/* Manage Page */

.dropdown {
  background-color: var(--secondary-bcg-color);
}
/* --- */