/* Minimal custom styling to complement Bootstrap */
:root{
  --brand: #833464;
}
*{box-sizing:border-box}
html, body {
    height: 100%;
}
body{
    /* font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; */
    /* font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; */
    /* font-family: 'Source Sans 3', sans-serif; */
    font-family: "Proza Libre", serif;
    display: flex;
    flex-direction: column;
}
main {
    flex: 1;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Cormorant Garamond', serif;
}
.hero{min-height:58vh;background-size:cover;background-position:center;position:relative;color:var(--bs-white)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0.35),rgba(0,0,0,0.55));}
.hero .container{position:relative;z-index:2}
section{padding-top:3rem;padding-bottom:3rem}
footer{background:#0b0b0b}
.card img{height:260px;object-fit:cover}
@media (max-width:576px){
  .hero{min-height:45vh}
  .card img{height:180px}
}

/* Accessibility focus styles */
:focus{outline:2px dashed var(--brand);outline-offset:3px}

/* Small utility tweaks */
.img-fluid.rounded{border-radius:0.5rem}

.bg-pattern {
    background-image: url('../images/background.jpg');
}

.bg-dark {
    /* background-color: var(--brand) !important; */
    background-image: url('../images/background-pink.jpg');
    background-size: cover;
}

.bg-purple {
    background-color: var(--brand) !important;
}

.btn-primary {
    background-color: var(--brand);
    border-color: var(--brand);
}

.btn-primary:hover {
    background-color: #6e2f57;
    border-color: #6e2f57;
}

.navbar-nav .nav-link:hover {
    color: var(--brand) !important;
}