@import url("../../unity/references/unity-reference.css");

:root {
  --navy: #071a2d;
  --navy2: #173b5b;
  --accent: #396f93;
  --accent-soft: #e2edf3;
}

.ref-brand img { padding: 4px; }
.ref-brand small { color: #607c91; }
.topic-link.topic-photo:hover,
.topic-link.topic-photo.on { box-shadow: 0 20px 34px -24px rgba(7,29,51,.95), 0 0 0 2px #527d98; }
.hero-board { background: linear-gradient(145deg,#071a2d,#1f506d); }
.hero-board .board-list li::before { color: #9cd9ce; }
.ref-hero::before {
  content: "HCI";
  position: absolute;
  right: 28px;
  top: 18px;
  color: rgba(7,26,45,.06);
  font: 900 54px/1 "Lexend",sans-serif;
  letter-spacing: 6px;
}
.resource-preview { background: linear-gradient(135deg,#0b2134,#7a9bae); }
.ref-footer { background: linear-gradient(135deg,#06182a,#1c4b67); }

@media (max-width: 700px) {
  .ref-hero::before { font-size: 34px; right: 16px; }
}