/* ===== General ===== */

/* general background and text */
body {
    background-color: #f0f0f0;
    color: #333333;
    font-family: "Segoe UI", sans-serif;
}

/* purple main headings */
h1 {
    color: #734f96;
}

/* link colours */
a {
    color: #4a8fc7;
}
a:hover {
    color: #58a8e8;
}

/* code highlighting */
pre {
    background-color: #dedad1;
    border-radius: 4px;
    padding: 4px;
}

code {
    background-color: #dedad1;
    border-radius: 2px;
    padding: 2px;
    color: #a84c97;
}




/* ===== Boxes ===== */

/* jumbotron box containing project summary */
#jumbotron {
    background-color: #dfdae3 !important;
    border-color: #734f96 !important;
    color: #734f96 !important;
}

/* card and TOC sidebar */
div.card.card-body.bg-light {
    background-color: #e5e5e5 !important;
    border-color: #bababa !important;
}
.card-header.bg-primary.text-white {
    background-color: #734f96 !important;
    color: #ffffff !important;
    text-decoration-color: #ffffff !important;
}

/* buttons (as in cards) */
.btn-group .btn {
    background-color: #734f96 !important;
    color: #ffffff !important;
    border-color: #5e3a7a !important;
}
.btn-group .btn:hover {
    background-color: #8d65c9 !important;
    color: #ffffff !important;
}

/* top TOC bar */
.container.p-2.mb-4.bg-light.border.rounded-3 {
    background-color: #e5e5e5 !important;
    border-color: #bababa !important;
}





/* ===== Admonitions/Boxes ===== */

/* danger box */
.btn.btn-lg.btn-danger {
    background-color: #a84c97 !important;
    border-color: #873177 !important;  /
    color: #fff !important;
}

/* warning box */
.alert.alert-warning {
    background-color: #a15f75 !important;
    color: #f9cfdc !important;
    border-color: #91314e !important;
}

/* links in warning boxes */
.alert.alert-warning a {
    color: #ffffff !important;
    text-decoration: underline;
}

/* note box */
.alert.alert-info {
    background-color: #778fa8 !important;
    color: #d1e8ff !important;
    border-color: #7c9fc2 !important;
}

/* links in note boxes */
.alert.alert-info a {
    color: #ffffff !important;
    text-decoration: underline;
}




/* ===== Navigation related ===== */

/* navigation links */
nav.nav.nav-pills.flex-column .nav-link {
    color: #734f96 !important;
}

/* active nav-link inside vertical pills */
nav.nav.nav-pills.flex-column .nav-link.active {
    background-color: #734f96 !important;
    color: #ffffff !important;
}

/* hover state for nav-link */
nav.nav.nav-pills.flex-column .nav-link:hover {
    background-color: #a179c7 !important;
    color: #ffffff !important;
}

/* top nav */
.nav.flex-column.align-items .nav-link {
    color: #333333 !important;  /* default link color */
}

.nav.flex-column.align-items .nav-link.active {
    color: #734f96 !important;
    font-weight: bold;
}