/* BAS Wedgwood Triad — Bootstrap 5.3 variables override */

:root {
  --bas-green-100: #E4E9DE;
  --bas-green-200: #CAD6BE;
  --bas-green-300: #A3B18A;
  --bas-green-600: #567C55;
  --bas-green-700: #4E6F4E;
  --bas-cream: #F5F3EE;
  --bas-ink: #2B2A27;
  --bas-terra-200: #E2A07A;
  --bas-terra-400: #C35A28;
  --bas-terra-600: #B24E1F;
  --bs-body-bg: var(--bas-cream);
  --bs-body-color: var(--bas-ink);
  --bs-border-color: #d7d3cb;
  --bs-primary: var(--bas-green-600);
  --bs-primary-rgb: 86,124,85;
  --bs-danger: var(--bas-terra-600);
  --bs-danger-rgb: 178,78,31;
  --bs-link-color: var(--bas-terra-600);
  --bs-link-hover-color: var(--bas-terra-400);
  --bs-secondary: var(--bas-green-300);
  --bs-success: var(--bas-green-700);
}

/* Helpful helpers */

.bg-wedgwood {
  background-color: var(--bas-green-300) !important;
}

.bg-cream {
  background-color: var(--bas-cream) !important;
}

.text-terra {
  color: var(--bas-terra-600) !important;
}

.border-wedgwood {
  border-color: var(--bas-green-300) !important;
}

/* Buttons that echo the jasper relief style on green surfaces */

.btn-terra {
  --bs-btn-bg: var(--bas-terra-600);
  --bs-btn-border-color: var(--bas-terra-600);
  --bs-btn-hover-bg: var(--bas-terra-400);
  --bs-btn-hover-border-color: var(--bas-terra-400);
  --bs-btn-color: #fff;
}

/* BAS gallery CSS */
/* Tile + caption stay together; prevents overlap */
.art-tile{ display:flex; flex-direction:column; }
.art-tile .thumb{ flex-shrink:0; }
.art-tile .caption{ line-height:1.3; min-height:2.2em; }

/* Preserve natural ratios inside a fixed frame */
.thumb.ratio{
  background:#f8f9fa;
  border-radius:.5rem;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.thumb img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  background:#fff;
  display:block;
}
/* History page polish */
#content header .lead { letter-spacing: .3px; }
#content h2.h3 { scroll-margin-top: 6rem; } /* tidy anchor jumps under a fixed navbar */
#content figure figcaption { color: #6c757d; } /* harmonize with Bootstrap muted */
#content hr { border-top-width: 2px; } /* give separators a whisper more presence */


/* Honeypot: visually hidden, still present in DOM */
.hp {
  position: absolute !important;
  left: -100vw !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.hp label,
.hp input {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}