:root {
  --cr-primary: #0c1e3e;
  --cr-brand-blue: #005bac;
  --cr-brand-blue-hover: #004a8f;
  --cr-background: #ffffff;
  --cr-surface: #f4f6fa;
  --cr-text-primary: #0d1b2a;
  --cr-text-secondary: #5a6a80;
  --cr-border: #dde3ee;
}

body {
  background: var(--cr-background);
  color: var(--cr-text-primary);
  font-family: Inter, "PingFang SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a {
  color: var(--cr-brand-blue);
}

header,
.navbar,
.header {
  box-shadow: none !important;
  border-bottom: 1px solid var(--cr-border) !important;
}

header img[src*="chinaready-landscape-logo"],
.navbar img[src*="chinaready-landscape-logo"],
.header img[src*="chinaready-landscape-logo"] {
  height: 44px !important;
  max-height: 44px !important;
  width: auto !important;
  max-width: min(390px, calc(100vw - 96px)) !important;
}

button,
input,
select,
textarea {
  border-radius: 4px !important;
}

.btn,
button {
  transition: background-color 120ms cubic-bezier(0.2, 0, 0, 1),
    border-color 120ms cubic-bezier(0.2, 0, 0, 1),
    color 120ms cubic-bezier(0.2, 0, 0, 1) !important;
}

[class*="Filters"],
[class*="filters"] {
  border-radius: 4px !important;
}

[class*="modal"],
[class*="Modal"],
[class*="card"],
[class*="Card"] {
  border-radius: 8px !important;
}

footer[role="contentinfo"].bg-black,
body footer[role="contentinfo"].bg-black {
  --bs-bg-opacity: 1;
  background: #0c1e3e !important;
  background-color: #0c1e3e !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

footer[role="contentinfo"] a {
  color: #b7c2d6 !important;
}

footer[role="contentinfo"] a:hover {
  color: #ffffff !important;
}

footer[role="contentinfo"] p {
  color: #b7c2d6 !important;
}

footer[role="contentinfo"] img[alt*="Logo"] {
  height: 34px !important;
  width: auto !important;
}