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

IMPORTANT:
Since the colorings are set by editors in the cms backend, it's not possible to use the brand colorings as a variable
in the SCSS files. The colorings are set in the `components/meta/coloring.twig` template. If a brandcoloring is needed
use its corresponding css variable instead.
*/


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

$color-gray3: #94999b;
$color-gray4: #C9CFD1;
$color-gray5: #e6e7e8;


$color-highlight-primary: false; //set to false, because we cannot use this variable in the ad theme context. Use var(--ad-color-highlight-primary) instead
$color-brand-primary: false; //set to false, because we cannot use this variable in the ad theme context. Use var(--ad-color-brand-primary) instead

$color-ads-bg: #fff;

$color-line-secondary: $color-gray3;
$color-line-tertiary: $color-gray4;

$color-muted-primary: $color-gray3;
$color-muted-secondary: $color-gray4;
$color-muted-tertiary: $color-gray5;

/* FONT BLOCK */
$font-family-content: 'CircularPro', Helvetica Neue, Helvetica, Arial, sans-serif;

$font-family-primary: 'Sectra', Georgia, Times, "Times New Roman", serif;;
$font-family-primary-bold: 'Sectra', Georgia, Times, "Times New Roman", serif;
$font-family-primary-black: 'Sectra', Georgia, Times, "Times New Roman", serif;

$font-family-secondary: 'CircularPro', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-family-secondary-bold: 'CircularPro700', Helvetica Neue, Helvetica, Arial, sans-serif;
$font-family-secondary-black: 'CircularPro700', Helvetica Neue, Helvetica, Arial, sans-serif;

/* TEXT BLOCK */

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

/* FOOTER BLOCK */
$color-footer-bg: $color-white;
$color-footer-text-primary: $color-gray3;
$color-footer-text-primary-hover: $color-gray3;

/* PLACEHOLDER BLOCK */
$color-placeholder-oembed-bg: $color-gray5;

/* BUTTON BLOCK */
//--- primary
$color-button-bg-primary-hover: transparent;
$color-button-border-primary-hover: $color-black;
$color-button-text-primary-hover: $color-black;

/* TAGS BLOCK */
//--- primary
$color-tags-bg-primary: $color-white;
$color-tags-border-primary: $color-gray3;
$color-tags-text-primary: $color-gray3;

$color-tags-bg-primary-hover: $color-white;
$color-tags-border-primary-hover: $color-black;
$color-tags-text-primary-hover: $color-black;

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