custom.css

@import "compass";
@import "mixins";

$primary-color: #478ECC;
$secondary-color: #E7E8E9;

.primary-background-color {
	background: $primary-color;
}

.primary-text-color {
	color: $primary-color;
}

.secondary-background-color {
	background: $secondary-color;
}

.secondary-text-color {
	color: $secondary-color;
}

@include respond-to(phone) {
	body { background: red; }
}

/* will only style phone and tablet displays smaller than 980px */
@include respond-to(phone, tablet) {
	body { background: blue; }
}

/* will only style tablet and desktop displays greater than 768px */
@include respond-to(tablet, desktop) {
	body { background: green; }
}

@import url(color-schemes/dark.css);
@import url(color-schemes/light.css);