:root {
    --brand-primary: #526e73; /* FLAVORx blue */
    --brand-secondary: #756354; /* FLAVORx orange */
}

body {
    background: var(--fx-bg, transparent);
}

.navbar-brand span {
    color: var(--brand-primary);
}

.btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: #41575b;
    --bs-btn-hover-border-color: #41575b;
}

.btn-outline-secondary {
    --bs-btn-color: var(--brand-secondary);
    --bs-btn-border-color: var(--brand-secondary);
    --bs-btn-hover-bg: var(--brand-secondary);
    --bs-btn-hover-border-color: var(--brand-secondary);
}

.bg-cover {
    background-size: cover;
    background-position: center;
}

/* Light/Dark fine-tuning */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
}