// Base style for all pages.
@import "variable/_index";
@import "mixin/_index";
@import "style/core-style";
@import "style/layouts/full-body-layout-style";
@import "style/layouts/fixedheader-layout-style";

//- Achromatic colors.
@achromatic-color: desaturate(@dominant-color, 100);
@achromatic-color-dark: desaturate(@dominant-color-dark, 100);
@achromatic-color-light: desaturate(@dominant-color-light, 100);
@achromatic-color-soft: desaturate(@dominant-color-soft, 100);

@white: #FFF;
@gray: #777;
@black: #333;
@highlight-color: contrast(@dominant-color, @black, @white, 80%);
@lowlight-color: contrast(@dominant-color, @white, @black, 80%);

body {
  color: @achromatic-color-dark;
  background-color: @dominant-color-soft;
}

header {
  background-color: fadeout(@dominant-color-soft, 5);
}

nav {
  .nav(@dominant-color-dark; transparent;);
}

a{
  .anchor(@dominant-color-dark;);
}

.masthead {
  .masthead(@highlight-color; @dominant-color;);
}