/* Shared visual tokens for the public client website. */
:root {
  --primary-color: #c99a3d;
  --primary-shadow: 0 10px 24px rgba(201, 154, 61, 0.24);
  --secondary-color: #10213d;
  --secondary-shadow: 0 14px 30px rgba(7, 29, 58, 0.16);
  --common-color: #687286;
  --bg-color: #fbfaf7;
  --dark-color: #071d3a;
  --overlay-color: linear-gradient(180deg, rgba(251, 250, 247, 0) 30%, #fbfaf7 195%);
}

body {
  background: var(--bg-color);
  color: var(--common-color);
}

.site-footer {
  background: var(--secondary-color);
}

.site-footer .footer-bottom {
  background: var(--dark-color);
}

.site-footer .portal-access-icon,
.site-footer .portal-access-btn--firm {
  box-shadow: 0 8px 20px rgba(201, 154, 61, 0.26);
}

.site-footer .portal-access-btn--firm:hover {
  background: #a77c2c;
  box-shadow: 0 11px 24px rgba(201, 154, 61, 0.34);
}

.scroll-to-top:hover {
  box-shadow: 0 4px 30px rgba(201, 154, 61, 0.32);
}