:root {
    --bs-primary:        #830dba;
    --bs-primary-rgb:    131, 13, 186;
    --bs-link-color:     #830dba;
    --bs-link-hover-color: #6a0a97;

    --clr-nav:      #1e0533;
    --clr-accent:   #830dba;
    --clr-accent-light: #f3e5fc;
    --clr-accent-border: #c97de8;
}

.site-navbar {
    background-color: #1e0533 !important;
}

.site-navbar .navbar-brand:hover {
    opacity: 0.9;
}

.site-navbar .nav-link.active {
    color: #fff !important;
    font-weight: 500;
}

a {
    color: var(--clr-accent);
}
a:hover {
    color: var(--bs-link-hover-color);
}

.profile-photo {
    width: 130px;
    height: 130px;
    object-fit: cover;
    border: 3px solid #e0c8f5;
}

.profile-photo-placeholder {
    width: 130px;
    height: 130px;
    background: var(--clr-accent-light);
    border: 3px dashed var(--clr-accent-border);
}

.text-accent {
    color: var(--clr-accent) !important;
}

.stat-cell + .stat-cell {
    border-left: 1px solid var(--bs-border-color);
}

.stat-value {
    font-size: 1.4rem;
    color: var(--clr-nav);
}

.stat-label {
    font-size: 0.65rem;
    letter-spacing: 0.06em;
}

.qual-card {
    border-left: 4px solid var(--clr-accent) !important;
}

.boat-hero-wrap {
    max-height: 480px;
    overflow: hidden;
}

.boat-hero-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.site-footer {
    background-color: #f8f5fc;
    border-top: 1px solid #e5d0f5;
}