// Global Color Board (Referenced by semantic colors)
// --------------------------------------------------

@hdeng-color-lightgrey: #b0b5bd;
@hdeng-color-grey: #5b5f6b;
@hdeng-color-darkgrey: #2f3437;

// Semantic Colors (Used within modules)
// --------------------------------------------------
// Header
@hdeng-header-bg-default-color: @hdeng-color-white;
@hdeng-header-bg-contrast-color: @hdeng-key-color;
@hdeng-header-box-shadow: none;
@hdeng-header-top-bg-color: @hdeng-key-color;
@hdeng-header-top-font-color: @hdeng-color-white;

@hdeng-header-font-default-color: #444;
@hdeng-header-font-contrast-color: @hdeng-color-silver;
@hdeng-header-font-highlight-color: @hdeng-key-color;

// Body
@hdeng-body-bg-default-color: @hdeng-color-white;
@hdeng-body-bg-nuance-color: #f0f0f0;
@hdeng-body-bg-contrast-color: @hdeng-key-color;
@hdeng-body-bg-highlight-color: @hdeng-highlight-color;

@hdeng-body-bg-separator-color: lighten(@hdeng-highlight-color, 16%);
@hdeng-body-bg-separator-primary-color: lighten(@hdeng-highlight-color, 8%);

@hdeng-body-font-default-color: #444;
@hdeng-body-font-contrast-color: #888;
@hdeng-body-font-highlight-color: @hdeng-color-white;

// Footer
@hdeng-footer-bg-default-color: #F7F7F7;
@hdeng-footer-bg-contrast-color: @hdeng-key-color;

@hdeng-footer-font-default-color: #444;
@hdeng-footer-font-contrast-color: @hdeng-key-color;

// Table of Content
@hdeng-toc-bg-contrast-color: @hdeng-header-font-contrast-color;

// Modules (Overwrite modules)
// --------------------------------------------------
@hdeng-typography-headline-color: @hdeng-key-color;

@hdeng-link-color: @hdeng-key-color;
@hdeng-link-hover-color: @hdeng-highlight-color;

@hdeng-caption-bg-color: @hdeng-body-bg-default-color;
@hdeng-caption-font-color: @hdeng-body-font-contrast-color;

@hdeng-header-logo: url('../lib/header/img/hdeng-logo-black.svg');
@hdeng-header-logo-fallback: url('../lib/header/img/hdeng-logo-black.png');
@hdeng-header-logo-fallback-small: url('../lib/header/img/hdeng-logo-black-small.png');

@hdeng-off-canvas-navigation-button-color: @hdeng-key-color;
@hdeng-off-canvas-navigation-button-open-color: @hdeng-color-white;
@hdeng-off-canvas-navigation-bg-color: @hdeng-key-color;
@hdeng-off-canvas-navigation-highlight-bg-color: rgba(255, 255, 255, .1);
@hdeng-off-canvas-navigation-font-color: @hdeng-color-white;

@hdeng-dropdown-bg-highlight-color: rgba(255, 255, 255, .1);
@hdeng-dropdown-font-color: @hdeng-color-silver;

@hdeng-button-active-font-color: @hdeng-body-font-default-color !important;
@hdeng-button-light-font-color: @hdeng-body-font-default-color !important;
@hdeng-button-light-border-color: @hdeng-key-color !important;
@hdeng-button-light-bg: @hdeng-body-bg-default-color !important;
@hdeng-button-light-hover-bg-color: @hdeng-highlight-color !important;

@hdeng-toc-link-color: @hdeng-key-color;
@hdeng-toc-bg-contrast-color: @hdeng-highlight-color;

@hdeng-shop-id-color: @hdeng-color-silver;
@hdeng-shop-price-unit-color: @hdeng-highlight-color !important;

@hdeng-listing-meta-color: @hdeng-highlight-color;

@hdeng-staff-listing-bg: @hdeng-key-color;

@hdeng-staff-listing-bg: @hdeng-key-color;

@hdeng-light-key-color-darken: darken(@hdeng-highlight-color, 20%);

@hdeng-grid-background-font-color: @hdeng-color-white;

@hdeng-form-bg-color: @hdeng-color-white;
@hdeng-form-field-border-color: @hdeng-color-silver;

@hdeng-boxes-color-reduced: @hdeng-color-silver;
@hdeng-boxes-font-color: @hdeng-color-white;
@hdeng-boxes-link-color: @hdeng-color-white;
@hdeng-boxes-link-color-hover: @hdeng-color-white;
@hdeng-boxes-hightlight-font-color: @hdeng-color-white;
@hdeng-boxes-highlight-link-color: @hdeng-color-white;

@hdeng-document-search-font-color: @hdeng-header-font-default-color;

@hdeng-archive-title-color: @hdeng-link-color;

@hdeng-alert-default-text: @hdeng-color-white;

@hdeng-social-bg-color: @hdeng-key-color;
