/* Open Summit color overrides */
:root {
	--os-primary: #147d96;
	--os-primary-light: #1aa6c0;
	--os-primary-dark: #0f5e6c;
	--os-bg: #0e2f36;
	--os-bg-alt: #0b242c;
	--os-accent-contrast: #1287a0;
	--os-accent-deep: #0c4c59;
}

/* Base surfaces */
body {
	background: var(--os-bg);
}

#sidebar {
	background: var(--os-bg);
}

.wrapper.alt {
	background-color: var(--os-bg-alt);
}

.wrapper.style1 {
	background-color: var(--os-primary);
}

.wrapper.style1-alt {
	background-color: var(--os-primary-dark);
}

.wrapper.style2 {
	background-color: var(--os-primary-light);
}

.wrapper.style2-alt {
	background-color: var(--os-accent-contrast);
}

.wrapper.style3 {
	background-color: var(--os-primary-dark);
}

.wrapper.style3-alt {
	background-color: var(--os-accent-deep);
}

#header {
	background-color: var(--os-primary);
}

/* Typography accents */
h1.major:after {
	background-image: linear-gradient(to right, var(--os-primary), var(--os-primary-light));
}

#sidebar nav a:before {
	background: #0b4a53;
}

#sidebar nav a:after {
	background-image: linear-gradient(to right, var(--os-primary), var(--os-primary-light));
}

/* Buttons and form highlights */
.button.primary,
button.primary,
input[type="submit"].primary,
input[type="reset"].primary,
input[type="button"].primary {
	background-color: var(--os-primary);
	color: #ffffff !important;
}

.icon.major {
	color: var(--os-bg);
}

.wrapper.style1 .icon.major:before {
	color: var(--os-primary);
}

.wrapper.style1-alt .icon.major:before {
	color: var(--os-primary-dark);
}

.wrapper.style2 .icon.major:before {
	color: var(--os-primary-light);
}

.wrapper.style2-alt .icon.major:before {
	color: var(--os-accent-contrast);
}

.wrapper.style3 .icon.major:before {
	color: var(--os-primary-dark);
}

.wrapper.style3-alt .icon.major:before {
	color: var(--os-accent-deep);
}

input[type="checkbox"]:checked + label:before,
input[type="radio"]:checked + label:before {
	border-color: #ffffff;
	background: #ffffff;
	color: var(--os-primary);
}