:root {
    --body-bg: #111111;
    --body-bg-rgb: 17, 17, 17;
    --body-color: #f1f1f1;
    --body-color-rgb: 241, 241, 241;
    --emphasis-color: #ffffff;
    --emphasis-color-rgb: 255, 255, 255;
    --link-color: #8ec5ff;
    --link-hover-color: #c1ddff;
    --border-color: #3a3a3a;
    --cassiopeia-color-primary: #8ec5ff;
    --cassiopeia-color-link: #8ec5ff;
    --cassiopeia-color-hover: #c1ddff;
}

html,
body,
body.site {
    background: #111111;
    color: #f1f1f1;
}

body.site .container-header {
    background: #080808;
    background-image: none;
    border-bottom: 1px solid #2d2d2d;
}

body.site .navbar-brand,
body.site .navbar-brand .brand-logo,
body.site .navbar-brand .brand-logo span {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(2.5rem, 6vw, 4.25rem);
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
}

body.site .navbar-brand .brand-logo {
    display: inline-block;
    padding: 0.25rem 0;
}

body.site .navbar-brand .brand-logo:hover,
body.site .navbar-brand .brand-logo:focus {
    color: #ffffff;
}

body.site a {
    color: #8ec5ff;
}

body.site a:hover,
body.site a:focus {
    color: #c1ddff;
}

body.site .card,
body.site .sidebar-left,
body.site .blog-item,
body.site .item-page,
body.site .com-content-category-blog {
    background-color: #1b1b1b;
    border-color: #3a3a3a;
    color: #f1f1f1;
}

body.site .card-header {
    background-color: #242424;
    border-bottom-color: #3a3a3a;
    color: #ffffff;
}

body.site .breadcrumb,
body.site .page-header,
body.site .article-info,
body.site .article-list,
body.site .com-content-category-blog {
    color: #f1f1f1;
}

body.site pre {
    overflow-x: auto;
    padding: 1rem;
    background: #0a0a0a;
    border: 1px solid #363636;
    border-radius: 0.35rem;
    color: #f6f6f6;
}

body.site code {
    color: #ffd58a;
}

body.site pre code {
    color: #f6f6f6;
}

/* Buttons: the general link colour above also coloured the button text,
   light blue on the light-blue button. Dark text on the button instead. */
body.site a.btn-primary,
body.site .btn-primary {
    background-color: #8ec5ff;
    border-color: #8ec5ff;
    color: #111111;
}

body.site a.btn-primary:hover,
body.site a.btn-primary:focus,
body.site .btn-primary:hover,
body.site .btn-primary:focus {
    background-color: #c1ddff;
    border-color: #c1ddff;
    color: #111111;
}

/* Visitor counter (mod_ippagecounter): its template sets black text inline. */
body.site .hom-visitors .card-body > div,
body.site .hom-visitors .card-body > a {
    color: #f1f1f1 !important;
}