/* 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 */


/* BAS Theme Buttons – Subtle Wedgwood Blue */
.btn-wedgwood {
    background-color: #7b8f9d;   /* Soft Wedgwood blue-grey */
    color: #fff;
    border: none;
    transition: all 0.3s ease;
}

.btn-wedgwood:hover,
.btn-wedgwood:focus {
    background-color: #6b7f8c;   /* Slightly deeper shade for hover */
    color: #fff;
}