:root {
    --primary-color: #3c4245;
    --primary-color-faded: #5a6164;
    --secondary-color: #5b6265;
    --secondary-color-faded: #6c7376;
}
#branding h1, #branding h1 a:link, #branding h1 a:visited {
    color: #fff;
}

#header {
    background: var(--primary-color);
    padding: 20px 30px 20px 30px;
}

.module h2, .module caption, .inline-group h2 {
    background-color: var(--primary-color-faded);
}

div.breadcrumbs {
    background: var(--primary-color-faded);
}

a:link, a:visited {
    color: var(--secondary-color);
}

a:hover {
    color: var(--secondary-color-faded);
}

.selector-chosen h2 {
    background: var(--primary-color-faded) !important;
}

.button, input[type=submit], input[type=button], a.button {
    background: var(--primary-color-faded);
}

.button.default, input[type=submit].default {
    background: var(--primary-color);
}

.button:active, input[type=submit]:active, input[type=button]:active, .button:focus, input[type=submit]:focus, input[type=button]:focus, .button:hover, input[type=submit]:hover, input[type=button]:hover {
    background: var(--primary-color-faded);
    opacity: 0.8;
}

.button.default:active, input[type=submit].default:active, .button.default:focus, input[type=submit].default:focus, .button.default:hover, input[type=submit].default:hover {
    background: var(--secondary-color);
    opacity: 0.8;
}

#changelist-form .actions button[type=submit] {
    color: #fff;
}

.submit-row input, .submit-row a.closelink {
    background: var(--secondary-color) !important;
    opacity: 0.8 !important;
}

.submit-row input.default {
    background: var(--primary-color) !important;
    opacity: 0.8 !important;
}

.submit-row input:hover, .submit-row a.closelink:hover {
    opacity: 1 !important;
}

.object-tools a {
    background-color: var(--secondary-color-faded) !important;
    opacity: 0.6 !important;
}

.object-tools a:hover {
    background-color: var(--secondary-color) !important;
    opacity: 0.8 !important;
}