:root {
  --cat-blue: #356581;
  --cat-navy: #29495d;
  --cat-ink: #172733;
  --cat-muted: #526772;
  --cat-line: #d7e0e4;
  --cat-soft: #f5f7f7;
  --cat-gold: #dce8ed;
}

body { background: #f7f8f8; }

.catalog-hero {
  border: 1px solid #d7e2e7;
  background: linear-gradient(145deg, #ffffff, #edf3f5);
  color: #172733;
  box-shadow: 0 12px 30px rgba(32, 61, 75, .08);
}

.catalog-hero span { color: #52758a; }
.catalog-hero p { color: #526772; }

.catalog-search {
  border-color: #d3dfe4;
  background: rgba(255, 255, 255, .82);
}

.catalog-search label { color: #29495d; }
.catalog-search input { border: 1px solid #cbd8de; color: #172733; }
.catalog-search input:focus { box-shadow: inset 0 0 0 2px #9eb7c4; }
.catalog-search button,
.primary-action {
  background: #dce8ed;
  color: #29495d;
}
.catalog-search small { color: #657b86; }

.breadcrumbs button,
.breadcrumbs span { background: #edf1f2; color: #425966; }
.breadcrumbs button:hover { background: #dde8ec; color: #29495d; }

.catalog-section-head span,
.piece-kicker { color: #52758a; }

.catalog-card {
  background: #fff !important;
  color: #172733 !important;
  box-shadow: 0 5px 16px rgba(31, 55, 67, .05);
}
.catalog-card b { color: #1d3442; }
.catalog-card small { color: #5c707b; }
.catalog-card:hover,
.catalog-card:focus-visible { border-color: #9bb2be; box-shadow: 0 8px 20px rgba(31, 55, 67, .09); }
.catalog-card > i { background: #e9f0f3; color: #356581; }
.catalog-card > em { color: #52758a; }

.result-card button,
.piece-actions button,
.piece-actions a,
.more-button {
  background: #456d82;
  color: #fff;
}
.result-card code { color: #355f76; }
.code-list span,
.chips span { background: #eaf0f2; color: #294f63; }
.application-list article { border-left-color: #6f91a2; }
.piece-actions .assistant-action { background: #354f5d; }
.rights-note { background: #edf4ef; color: #315c42; }

@media (max-width: 620px) {
  .catalog-hero { background: #f0f4f5; }
}