/* One continuous palette: dark narrative, navy introduction, quiet blue-grey content. */
:root {
  --surface: #e5eef2;
  --surface-soft: #edf3f5;
  --surface-border: #bfd3dd;
  --muted-ink: #486674;
  --accent-ink: #087497;
}
body { background: var(--surface); }
.nav { background: rgba(8, 25, 36, .94); }
.eyebrow { color: var(--accent-ink); }
.subhead { color: var(--muted-ink); }

.pillars {
  color: #f0f8fb;
  background: linear-gradient(180deg, #0c2636, #183b4b);
  border-top: 1px solid rgba(142, 207, 229, .12);
}
.pillars .eyebrow { color: #8bd8ed; }
.pillars .subhead { color: #c2d5de; }
.pillars .three-col { border-top-color: #426271; }
.pillars .dimension + .dimension { border-color: #426271; }
.pillars .dimension-num { color: #6bd0ee; }
.pillars .dimension p { color: #b8ced9; }

.platform { background: var(--surface); }
.opportunity { background: var(--surface-soft); }
.partners { background: #e9f1f4; }
.heritage { background: #e1ecf1; }
.module { background: #fff; border-color: #c9dce5; }
.module-art { background: radial-gradient(circle at 50% 55%, #f5f9fb, #d9e7ee); }
.module p, .module-note, .subtle-flag { color: var(--muted-ink); }
.subtle-flag { border-left-color: #279fc5; }
.bullet { color: var(--muted-ink); }
.partner-item { border-top-color: #aacbd9; }
.partner-item p { color: var(--muted-ink); }
.partner-item a { color: #086b8e; }
.partner-item a:hover { text-decoration: underline; text-underline-offset: 4px; }
.heritage-copy .fine, .heritage-images figcaption { color: var(--muted-ink); }
.heritage-images figure { background: #d3e3eb; }
.opportunity-card { background: #102c3c; }

@media (max-width: 780px) {
  .pillars .dimension + .dimension { border-top-color: #426271; }
}