/*
Override configuration for the gq theme.
This overrides the default variables. It's important
to include the default config as the last element in this file !!
*/

/* GENERIC BLOCK */
$color-black: #070707;
$color-white: #FFFFFF;

$color-gray1: #2E302F;
$color-gray2: #515352;
$color-gray3: #757776;
$color-gray4: #909391;
$color-gray5: #C9CCCA;
$color-gray6: #F4F4F4;

$color-highlight-primary: $color-gray4;
$color-brand-primary: #daf400;

$color-line-primary: $color-black;

/* FONT BLOCK */
$font-family-primary: GTWalsheimGQ, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-primary-bold: GTWalsheimGQ700, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-primary-black: GTWalsheimGQ900, "Helvetica Neue", Helvetica, Arial, sans-serif;

$font-family-secondary: GTWalsheimGQ, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-secondary-bold: GTWalsheimGQ700, "Helvetica Neue", Helvetica, Arial, sans-serif;
$font-family-secondary-black: GTWalsheimGQ900, "Helvetica Neue", Helvetica, Arial, sans-serif;

/* TEXT BLOCK */

/* TEASER BLOCK */
$color-teaser-overlay: $color-black;
$color-teaser-text-hover: $color-black;

/* HEADER BLOCK */
$color-header-bg: #2E2F30;
$color-header-text-primary-hover: $color-gray4;

/* FOOTER BLOCK */
$color-footer-bg-logo: rgba(255, 255, 255, 0.1);

/* PLACEHOLDER BLOCK */

/* SECTION BLOCK */
//----- infobox
$color-infobox-border: $color-gray2;
$color-infobox-label: $color-gray2;


/* BUTTON BLOCK */
//----- primary
//--- primary default
$color-button-text-primary: $color-black;

$color-button-bg-primary-hover: $color-black;
$color-button-border-primary-hover: $color-black;
$color-button-text-primary-hover: $color-brand-primary;

//--- primary disabled
$color-button-text-primary-disabled: $color-gray5;

//--- primary inverted
$color-button-text-primary-inverted: $color-black;
$color-button-text-primary-inverted-hover: $color-black;

//----- secondary
//--- secondary default
$color-button-text-secondary: $color-black;
$color-button-border-secondary: $color-gray5;

$color-button-bg-secondary-hover: $color-brand-primary;
$color-button-border-secondary-hover: $color-brand-primary;
$color-button-text-secondary-hover: $color-black;

//--- secondary inverted
$color-button-bg-secondary-inverted-hover: $color-brand-primary;
$color-button-border-secondary-inverted-hover: $color-brand-primary;
$color-button-text-secondary-inverted-hover: $color-black;

//----- ghost
//--- ghost default
$color-button-text-ghost-hover: $color-black;

//--- ghost inverted
$color-button-text-ghost-inverted-hover: $color-white;

/* IMPORT FROM DEFAULT CONFIG */
@import '../../_default/styles/config';