/********************/
/*IHK colour palette*/
/********************/
:root {
    /*******************/
    /*Background colors*/
    /*******************/
    --alert-body-background: var(--accent-1-tint-006);
    --alert-header-background: var(--alert);
    --body-background: var(--white);
    --btn-active-background: var(--primary);
    --btn-inactive-background: var(--grey-light-4);
    --btn-hover-background: var(--primary-tint-075);
    --btn-special-accent-active-background: var(--accent-1);
    --btn-special-accent-hover-background: var(--accent-1-tint-075);
    --btn-special-accent-inactive-background: var(--grey-light-4);
    --btn-special-primary-active-background: var(--primary);
    --btn-special-primary-hover-background: var(--primary-tint-075);
    --btn-special-primary-inactive-background: var(--grey-light-4);
    --btn-white-background: var(--white);
    --container-head-background: var(--gradient-grey-light-3-to-1);
    --debug-log-background: var(--primary-tint-006);
    --dialogue-header-background: var(--primary);
    --discussion-entry-background: var(--white);
    --drag-and-drop-background: var(--success-transparent-075);
    --error-log-background: var(--alert-tint-020);
    --footer-background: var(--grey-light-2);
    --grid-filter-background: var(--accent-1-tint-006);
    --grid-head-background: var(--gradient-grey-light-3-to-1);
    --grid-primary-color-body-background: var(--primary-tint-006);
    --grid-primary-color-foot-background: var(--primary-tint-006);
    --grid-primary-color-head-background: var(--primary);
    --grid-body-background: var(--white);
    --header-background: var(--primary-tint-075);
    --hierarchy-category-background: var(--gradient-primary);
    --hierarchy-client-background: var(--gradient-grey-dark-3-to-1);
    --hierarchy-tag-background: var(--gradient-grey-light-4-to-3);
    --hierarchy-drag-and-drop-background: var(--gradient-success);
    --info-log-background: var(--white);
    --inputfield-background: var(--white);
    --inputfield-arrow-down-background: var(--grey-light-2);
    --item-alternate-background: var(--primary-tint-006);
    --item-background: var(--btn-white-background);
    --item-checked-background: var(--accent-2-tint-030);
    --item-hover-background: var(--accent-2-tint-015);
    --item-selected-background: var(--accent-1-tint-075);
    --media-thumbnail-background: var(--primary-tint-006);
    --multiselect-option-background: var(--grey-light-2);
    --multiselect-option-hover-background: var(--accent-1-tint-006);
    --navigation-background: var(--primary-tint-075);
    --navigation-h1-background: var(--primary);
    --navigation-h2-background: var(--gradient-grey-light-3-to-1);
    --navigation-h3-background: var(--white);
    --notification-error-background: var(--white);
    --notification-error-header-background: var(--alert);
    --panel-head-background: var(--gradient-grey-light-3-to-1);
    --panel-body-background: var(--white);
    --panel-body-right-column-background: var(--primary-tint-006);
    --pagination-background: var(--gradient-grey-light-3-to-1);
    --pagination-hover-background: var(--accent-1-tint-006);
    --popup-foot-background: var(--gradient-grey-light-3-to-1);
    --popup-head-background: var(--primary);
    --status-bar-background: var(--gradient-grey-light-3-to-1);
    --status-mutable-current-background: var(--gradient-accent-1);
    --status-mutable-done-background: var(--gradient-primary);
    --status-mutable-pending-background: var(--gradient-grey-dark-3-to-1);
    --status-mutable-inactive-background: var(--gradient-grey-light-4-to-3);
    --tab-active-background: var(--white);
    --tab-icon-active-background: var(--white);
    --tab-icon-inactive-background: var(--gradient-grey-light-3-to-1);
    --tab-inactive-background: var(--primary);
    --tab-hover-background: var(--primary-tint-075);
    --table-grey-head-background: var(--gradient-grey-light-3-to-1);
    --table-grey-body-background: var(--white);
    --table-primary-color-handler-hover-background: var(--primary-transparent-075);
    --table-primary-color-head-background: var(--primary);
    --table-primary-color-body-background: var(--primary-transparent-006);
    --tabmenu-background: var(--primary);
    --toast-success-background: var(--success);
    --toast-failure-background: var(--accent-1);
    --toast-information-background: var(--primary);
    /* SPA-Migration: Diese WebUI-Kopie war ggue. Core.Design verdriftet. Das Toast-CE
       (QToast.razor.css, scoped) referenziert --toast-warning-/error-background; diese
       fehlten hier (nur das alte --toast-failure-background existierte). Ergaenzt, damit
       Warn-/Fehler-Toasts in MVC ohne die globale App.css rendern. Mandantenfaehig, weil
       --warning/--alert aus GetCustomColorScheme pro Mandant kommen. */
    --toast-warning-background: var(--warning);
    --toast-error-background: var(--alert);
    --tooltip-background: rgba(100, 101, 103, 1);
    --user-mentioned-in-discussion-background: var(--primary-tint-075);
    --warning-log-background: var(--accent-1-tint-006);
    --validation-background: var(--accent-2-tint-015);
    /*************/
    /*Font colors*/
    /*************/
    --alert-body-font: var(--alert);
    --alert-header-font: var(--white);
    --btn-font: var(--white);
    --btn-special-accent-font: var(--white);
    --btn-special-primary-font: var(--white);
    --btn-white-font: var(--primary);
    --btn-white-hover-font: var(--accent-1);
    --comment-font: var(--grey-dark-3);
    --container-head-font: var(--primary);
    --date-and-time-font: var(--grey-dark-4);
    --debug-log-font: var(--default-font);
    --default-font: var(--grey-dark-4); /*auf body-element*/
    --dialogue-header-font: var(--white);
    --error-log-font: var(--alert);
    --footer-font: var(--grey-dark-2);
    --footer-link-font: var(--primary);
    --grid-filter-font: var(--grey-dark-4);
    --grid-head-font: var(--primary);
    --grid-primary-color-head-font: var(--white);
    --grid-body-font: var(--grey-dark-4);
    --header-font: var(--white);
    --hierarchy-category-font: var(--white);
    --hierarchy-client-font: var(--white);
    --hierarchy-tag-font: var(--grey-dark-4);
    --hierarchy-drag-and-drop-font: var(--grey-dark-4);
    --hyperlink-default-font: var(--primary);
    --hyperlink-hover-font: var(--accent-2);
    --inactive-font: var(--grey-dark-1);
    --info-log-font: var(--default-font);
    --inputfield-arrow-down-font: var(--grey-dark-4);
    --instruction-font: var(--grey-dark-3);
    --label-font: var(--grey-dark-3);
    --medialink-default-font: var(--accent-1);
    --multiselect-option-hover-font: var(--accent-1);
    --multiselect-option-font: var(--grey-dark-4);
    --navigation-h1-font: var(--white);
    --navigation-h2-font: var(--primary);
    --navigation-h3-font: var(--grey-dark-4);
    --navigation-h3-active-font: var(--accent-1);
    --navigation-h3-hover-font: var(--accent-1);
    --no-content-information-font: var(--accent-1);
    --notification-error-font: var(--alert);
    --notification-error-header-font: var(--white);
    --panel-body-font: var(--grey-dark-4);
    --panel-head-font: var(--primary);
    --pagination-font: var(--grey-dark-3);
    --pagination-hover-font: var(--accent-1);
    --placeholder-font: var(--grey-light-4);
    --popup-head-font: var(--white);
    --progress-state-current-font: var(--accent-1);
    --success-font: var(--success);
    --tab-active-font: var(--accent-1);
    --tab-icon-active-font: var(--accent-1);
    --tab-icon-inactive-font: var(--grey-dark-3);
    --tab-inactive-font: var(--white);
    --table-grey-head-font: var(--primary);
    --table-grey-body-font: var(--grey-dark-4);
    --table-primary-color-body-font: var(--grey-dark-4);
    --table-primary-color-head-font: var(--white);
    --tooltip-font: var(--white);
    --toast-font: var(--white);
    --user-font: var(--grey-dark-4);
    --value-mutable-font: var(--grey-dark-4);
    --value-immutable-font: var(--grey-dark-4);
    --table-head-font: var(--white);
    --table-headline-font: var(--primary);
    --user-mentioned-in-discussion-font: var(--white);
    --warning-font: var(--accent-1);
    --warning-log-font: var(--accent-1);

    /***************/
    /*Border colors*/
    /***************/
    --alert-border: var(--alert);
    --alert-font: var(--alert);
    --checkbox-border: var(--primary);
    --drag-and-drop-border: var(--success);
    --grid-border: var(--grey-light-4);
    --inputfield-border: var(--grey-light-2);
    --inputfield-disabled-border: var(--grey-light-4);
    --pagination-border: var(--grey-dark-3);
    --pagination-disabled-border: var(--grey-light-4);
    --panel-border: var(--grey-light-4);
    --radio-btn-border: var(--primary);
    --tab-right-border: var(--white);
    --table-grey-border: var(--white);
    --table-primary-color-border: var(--white);
    --validation-border: var(--accent-2);
    
    /***************/
    /*Shadow Colors*/
    /***************/
    --big-shadow: 2px 2px 3px var(--grey-dark-3);
    --small-shadow: 2px 2px 3px var(--grey-dark-1);
    /*******************/
    /*Glyphicons colors*/
    /*******************/
    --glyphicon-btn-active: var(--primary);
    --glyphicon-btn-inactive: var(--grey-dark-1);
    --glyphicon-btn-hover: var(--primary-tint-075);
    --glyphicon-btn-selected: invert(48%) sepia(87%) saturate(1084%) hue-rotate(354deg) brightness(103%) contrast(88%);
    --glyphicon-btn-special-accent: var(--white);
    --glyphicon-btn-special-primary: var(--white);
    --glyphicon-btn-white: var(--white);
    --glyphicon-btn-white-hover: var(--primary);
    --glyphicon-btn-white-inverted: invert(39%) sepia(17%) saturate(1580%) hue-rotate(174deg) brightness(95%) contrast(88%);
    --glyphicon-btn-white-inverted-hover: invert(100%) sepia(0%) saturate(0%) hue-rotate(103deg) brightness(105%) contrast(105%);
    --glyphicon-notification-read: var(--grey-light-4);
    --glyphicon-notification-unread: var(--grey-dark-4);
    --glyphicon-status-mutable: var(--white);
    --glyphicon-status-mutable-mandatory-check: var(--success);
    --glyphicon-status-mutable-mandatory-fail: var(--grey-dark-4);
    --glyphicon-status-immutable: var(--grey-dark-4);
    --glyphicon-status-immutable-warning: var(--warning);
    --glyphicon-panel-head: var(--primary);
    --glyphicon-tag-in-hierarchy: var(--grey-dark-4);
    --glyphicon-category-in-hierarchy: var(--white);
    --glyphicon-client-in-hierarchy: var(--grey-dark-4);
    --glyphicon-tab-active: invert(48%) sepia(87%) saturate(1084%) hue-rotate(354deg) brightness(103%) contrast(88%);
    --glyphicon-tab-inactive: invert(38%) sepia(3%) saturate(319%) hue-rotate(182deg) brightness(100%) contrast(88%);
    --glyphicon-tab-icon-active: var(--accent-1);
    --glyphicon-tab-icon-inactive: var(--grey-dark-1);
    --glyphicon-nav-h1: var(--white);
    --glyphicon-nav-h2: var(--primary);
    --glyphicon-success: var(--success);
}