body {
    background-color: #f8f9fa;
}

.navbar-brand {
    font-weight: 600;
}

/* Bootstrap's own .nav-link.active only changes text colour, which reads
   as barely-there against a dark navbar - add a background pill so the
   current page is unmistakable at a glance. */
.navbar .nav-link.active {
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 0.375rem;
}

.card {
    border-radius: 0.5rem;
}

footer a {
    color: inherit;
}

/* Any product/variant photo click-to-enlarge target - see app.js's delegated click handler. */
[data-enlarge-image] {
    cursor: pointer;
}