/* Font */
@headersFontFamily: 'Merriweather';
@headersFontUrl: "https://fonts.googleapis.com/css?family=Merriweather:400,700&subset=latin-ext";


.headers-font() {
  font-family: @headersFontFamily, sans-serif;
}

@contentFontFamily: 'Source Sans Pro';
@contentFontUrl: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin-ext";

.content-font() {
  font-family: @contentFontFamily, sans-serif;
}

/* theme colors */
@color-primary: #0071bc;
@color-primary-darkest: #112e51;
@color-primary-darker: #205493;

@color-primary-alt: #02bfe7;
@color-primary-alt-lightest: #e1f3f8;

@color-base: #212121;

@color-white : #ffffff;
@color-gray: #5b616b;
@color-gray-lightest: #f1f1f1;

@color-cool-blue-lightest: #dce4ef;
@color-green: #2e8540;

/* Main page */
@mainPageContentBgr : @color-primary-darkest;
@mainPageContentColor: @color-primary-darker;

/* Topic Page */
@contentColor: @color-primary-darkest;
@linkColor: @color-primary;
@contentBgr: @color-white;

/* Header */
@headerBgr: @color-white;
@headerColor: @color-base;
@publicationTitleColor: @color-primary-darker;

.header-bgr() {
  background-color: @headerBgr;
}

/* Footer */
@footerBgr: #d6d7d9;
@footerColor: @headerColor;
@footerLinkColor: @footerColor;

/* Menus */
@menuBgr: transparent;
@menuColor: @color-gray;
@hoveredMenuBgr: @color-primary-darkest;
@hoveredMenuColor: @color-white;

@submenuBgr: @color-primary-darkest;
@submenuColor: @color-white;
@hoveredSubmenuColor: @color-white;
@hoveredSubmenuBgr: @color-primary-darkest;

@mobileMenuToggleColor: @color-white;
@mobileMenuToggleBgr: @color-primary-darkest;

/* Indexterms link */
@indextermsLinkCol: @menuColor;

/* Search area */
@searchBgr: @color-white;
@searchPageBgr: @contentBgr;
@searchFieldBorderColor: @color-gray;
@searchFieldColor: /*@grayColor*/ @contentColor;
@searchFieldBgr: @contentBgr;
@searchFieldBorderRadius: 6px;
@searchButtonBgr: @color-primary;
@searchButtonColor: @color-white;
@searchButtonHoverBgr: @color-primary-darker;


/* Welcome area */
@welcomeAreaColor: @menuColor;

/* Tiles */
@tileTitleColor: @color-primary-alt;
@tileShortDescColor: @color-white;

/* Main page TOC */
@tocEntryBgr: @mainPageContentBgr;
@tocEntryColor: @color-primary-alt;
@tocShortDescColor: @color-white;

@tocBorderColor: @color-white;

/* Breadcrumb */
@breadcrumbColor: @color-primary-darker;
@breadcrumbActiveLinkColor: @color-primary;
@breadcrumbBorderColor: @color-cool-blue-lightest;
@breadcrumbBgr: @contentBgr;

/* Publication TOC */
@sideTocBorderColor: @color-primary-alt;
@sideTocBgr: @color-primary-alt-lightest;
@sideTocColor: @color-base;

/* Topic TOC */
@topicTocBorderColor: @color-primary-darkest;
@topicTocBgr: @color-gray-lightest;
@topicTocLabelColor: @color-white;
@topicTocLabelBgr: @color-primary-darkest;
@topicTocTopicTitleColor: @color-base;
@topicTocCurrentTopicTitleColor: @color-base;
@topicTocCloseButtonColor: @color-primary-alt

/* Tooltip */
@tooltipBgr: @color-primary-darkest;
@tooltipColor: @color-white;

/* Topic content */
@topicTitlesColor: @color-primary-darker;
@topicContentColor: @contentColor;
@topicContentBgr: @contentBgr;

/* Related links & child links*/
@relLinksBgr: @color-gray-lightest;
@relLinksHdrColor: @color-base;
@relLinksLinkColor : @color-primary;
@relLinksBorderColor: @relLinksBgr;

/* Search results */
@searchExpressionColor: @color-primary-darker;
@searchResultLinkColor: @color-primary-darker;
@searchResultShortdescColor: @color-primary-darkest;
@searchResultRelativePathColor: @color-green;
@missingWordsColor: @color-base;

@searchTermHighlightBgr: @color-gray;
@searchTermHighlightColor: @color-white;

/* Search results breadcrumb*/
@search-breadcrumb-bgr: @color-primary-alt-lightest;
@search-breadcrumb-color: @color-base;

/* Search results pagination */
@searchPaginationBorderColor: @color-cool-blue-lightest;
@searchPaginationColor: @color-primary;
@searchPaginationDisabledColor: @color-gray;
@searchPaginationActiveColor: @color-white;
@searchPaginationActiveBgr: @color-primary;

/* Index terms */
@lettersHdrColor: @color-primary-darker;
@indexTermFirstLetterColor: @color-primary-darker;
@indexTermColor: @color-primary-darkest;
@indextermTargetColor: @color-primary;
@indexTermGroupBorderColor: @color-primary-darkest;
@indexTermGroupBgr: @contentBgr;