@hue : 5; // Default 44

@normal : hsl(@hue, 64%, 44%); 
@light : hsl(@hue, 70%, 53%); 
@dark:hsl(@hue, 69%, 32%); 
@darker:hsl(@hue, 70%, 30%);

.csstransforms .cn-wrapper li a {
	background: @light;
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0) 35%, @light 35%);
	background: -moz-radial-gradient(transparent 35%, @light 35%);
	background: radial-gradient(rgba(0, 0, 0, 0) @light 35%);
}

.csstransforms .cn-wrapper li a:hover, .csstransforms .cn-wrapper li a:active, .csstransforms .cn-wrapper li a:focus {
	background: -webkit-radial-gradient(rgba(0, 0, 0, 0) 35%, @dark 35%);
	background: -moz-radial-gradient(transparent 35%, @dark 35%);
	background: radial-gradient(rgba(0, 0, 0, 0) 35%, @dark 35%);
}

.navigation::after, .nav-toggle, .nav-toggle:hover {
	background: @light;
}

.color {
	background: #F7F7F7;
}

section {
	background: #E6E6E6;
}

.ss-style-doublediagonal::before {
	background: #C7C7C7;
}

#team figcaption h2 {
	color: lighten(@light, 10%);
}

#works .least-preview {
	background-color: @light;
	border-color: @normal;
	color: #FFF;
}

#works .least-gallery li a.active {
	outline-color: @light;
}

.hi-icon {
	background: fade(@light, 90%);
}
.hi-icon:hover {
	box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
}