/*
Override configuration for the CNX 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: #000000;
$color-white: #FFFFFF;

$color-gray1: #F0F0F0;
$color-gray2: #C0C0C0;

$color-gray5: #333333;
$color-gray6: #0E0E0E;

$color-highlight-primary: #DE0000;
$color-highlight-secondary: #00AB00;

$color-site-bg: $color-white;
$color-site-bg-inverted: $color-black;

$color-link-primary: $color-black;
$color-link-primary-hover: $color-black;

$color-text-muted-primary: $color-gray5;

/* FONT BLOCK */

/* TEXT BLOCK */
$color-text-primary: $color-black;
$color-text-primary-inverted: $color-white;

/* TEASER BLOCK */
$color-teaser-cardbody-bg: $color-white;

/* HEADER BLOCK */
$color-header-text-primary: $color-text-primary;

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

/* BUTTON BLOCK */
//----- primary

//----- secondary
$color-button-border-secondary: $color-black;

$color-button-border-secondary-hover: $color-black;
$color-button-text-secondary-hover: $color-black;

/* CHECKBOX BLOCK */
$color-checkbox-bg-primary: $color-gray1;
$color-checkbox-border-primary: $color-black;
$color-checkbox-text-primary: $color-text-primary;

$color-checkbox-border-primary-hover: $color-black;
$color-checkbox-text-primary-hover: $color-text-primary;

$color-checkbox-bg-primary-selected: $color-white;
$color-checkbox-border-primary-selected: $color-black;
$color-checkbox-text-primary-selected: $color-text-primary;

/* RADIO BLOCK */
$color-radio-bg-primary: $color-gray1;
$color-radio-border-primary: $color-black;
$color-radio-text-primary: $color-text-primary;

$color-radio-border-primary-hover: $color-black;
$color-radio-text-primary-hover: $color-text-primary;

$color-radio-bg-primary-selected: $color-white;
$color-radio-border-primary-selected: $color-black;
$color-radio-text-primary-selected: $color-text-primary;

/* FORM BLOCK */
$color-form-placeholder-primary: $color-gray6;

// input
$color-form-input-bg-primary: $color-gray1;
$color-form-input-border-primary: $color-black;
$color-form-input-text-primary: $color-text-primary;

$color-form-input-bg-primary-hover: $color-gray1;
$color-form-input-border-primary-hover: $color-black;
$color-form-input-text-primary-hover: $color-text-primary;

$color-form-input-border-primary-focus: $color-black;
$color-form-input-text-primary-focus: $color-text-primary;

// select
$color-form-select-bg-primary: $color-gray1;
$color-form-select-border-primary: $color-black;
$color-form-select-text-primary: $color-text-primary;

$color-form-select-bg-primary-hover: $color-gray1;
$color-form-select-border-primary-hover: $color-black;
$color-form-select-text-primary-hover: $color-text-primary;

$color-form-select-bg-primary-open: $color-gray1;
$color-form-select-border-primary-open: $color-black;
$color-form-select-text-primary-open: $color-text-primary;

$color-form-select-bg-primary-focus: $color-gray1;
$color-form-select-text-primary-focus: $color-text-primary;

// textarea
$color-form-textarea-bg-primary: $color-gray1;
$color-form-textarea-border-primary: $color-black;
$color-form-textarea-text-primary: $color-text-primary;

$color-form-textarea-bg-primary-hover: $color-gray1;
$color-form-textarea-border-primary-hover: $color-black;
$color-form-textarea-text-primary-hover: $color-text-primary;

$color-form-textarea-border-primary-focus: $color-black;
$color-form-textarea-text-primary-focus: $color-text-primary;

/* IMPORT FROM DEFAULT CONFIG (THIS MUST BE THE LAST ELEMENT) */
@import '../../cnx/styles/config';