:root {
  --tpr-bg: #2e2a27;      /* warm dark grey */
  --tpr-bg-alt: #3a3531;  /* slightly lighter for bars */
  --tpr-text: #d6d2cc;    /* slightly dull white */
  --tpr-blue: #3d6aab;    /* Programming Perl cover blue */
  --tpr-menu: #b80c0c;    /* top menu bar red */
}
body { background-color: var(--tpr-bg); color: var(--tpr-text); min-width: 1024px; }
a, .navbar-dark .nav-link, .navbar-brand { color: var(--tpr-text); }
a:hover, .navbar-dark .nav-link:hover { color: #ffffff; }
.navbar .navbar-brand { color: #ffffff; font-weight: 700; }
.tpr-bar { background-color: var(--tpr-bg-alt); }
nav.tpr-bar { background-color: var(--tpr-menu); }
.carousel-item img { width: 100%; height: 60vh; object-fit: cover; }
.tpr-overlay { position: relative; z-index: 2; margin-top: -6rem; margin-bottom: -6rem; }
.tpr-box { background-color: var(--tpr-blue); color: #ffffff; }
.tpr-footer { padding-top: 8rem; }
.tpr-footer, .tpr-footer-plain { font-size: 0.85rem; }
.tpr-footer h5, .tpr-footer-plain h5 { font-size: 1rem; }
.tpr-footer a, .tpr-footer-plain a { text-decoration: none; }
.tpr-crop-right { object-position: 67% center; }