:root{
    --skyblue: #0bf;
    --dark-blue-grey: #002B49;
    --dark-blue: #002B49;
    --dark-slate-blue-hover: rgb(46, 80, 139);
    --accent: #002B49;
    --header-link-color: #002B49;
    --link-fg: #0bf;
    --link-selected-fg: #0bf;
    --gray-line: #ddd;
    --gray-color: #666;
    --box-shadow: #00000026;
    --header-bg: #ffffff;
    --header-caption: #333;
}


@media (prefers-color-scheme: dark) {
    :root {
        --header-link-color: #fff;
        --header-bg: #00000047;
        --dark-blue: #005793;
        --accent: #005793;
        --skyblue: #00729c;
        --header-caption: white;

        --primary: #264b5d;
        --primary-fg: #eee;

        --body-fg: #eeeeee;
        --body-bg: #121212;
        --body-quiet-color: #e0e0e0;
        --body-loud-color: #ffffff;

        --breadcrumbs-link-fg: #e0e0e0;
        --breadcrumbs-bg: var(--primary);

        --link-fg: #81d4fa;
        --link-hover-color: #4ac1f7;
        --link-selected-fg: #6f94c6;

        --hairline-color: #272727;
        --border-color: #353535;

        --error-fg: #e35f5f;
        --message-success-bg: #006b1b;
        --message-warning-bg: #583305;
        --message-error-bg: #570808;

        --darkened-bg: #212121;
        --selected-bg: #1b1b1b;
        --selected-row: #00363a;

        --close-button-bg: #333333;
        --close-button-hover-bg: #666666;
    }
}

#header {
    box-shadow: 0 2px 5px var(--box-shadow);
    background: var(--header-bg);
}

div.breadcrumbs {
    right: 3%;
    left: 3%;
    color: var(--gray-color) !important;
    font-size: 14px;
    padding: 11px 10px;
    border-top: 0;
    border-bottom: 1px solid var(--gray-color);
    background: 0 0!important;
    margin: 2px 0 0.625rem 3%;
}

div.breadcrumbs a {
    color: var(--skyblue);
}

.module caption {
    color: var(--header-caption);
}

.module h2, .module caption, .inline-group h2 {
    background: none;
    color: var(--header-caption);
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.submit-row input, a.button {
    background: var(--skyblue);
}

input[type=submit]:hover {
    background: var(--dark-slate-blue-hover);
}

.submit-row input.default {
    background: var(--skyblue);
}

input[type=submit].default:hover {
    background: var(--dark-slate-blue-hover);
}

.selector-chosen h2 {
    background: var(--skyblue) !important;
    color: var(--dark-blue);
}

#user-tools{
    color: var(--dark-blue);
}


.object-tools a:link, .object-tools a:visited {
    display: block;
    float: left;
    padding: 3px 12px;
    background: var(--skyblue);
    color: var(--object-tools-fg);
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

#nav-sidebar .current-app .section:link, #nav-sidebar .current-app .section:visited {
    color: var(--header-link-color);
}

/* Language selected in admin */
#language-select {
    margin-left: 1rem;
}

#user-tools {
    display: flex;
    align-items: baseline;
}

@media (max-width: 768px) {
    #user-tools {
        display: block;
        text-align: center !important;
    }
}