:root {

    --skin_color: #2cb24b;

    --mainHeaderBGColor: var(--skin_color);
    --mainBorderColor: var(--skin_color);
    --mainHover: color-mix(in srgb, var(--mainHeaderBGColor) 95%, transparent);

    /* Ha különböző színeket akarunk az eltérő elemeknek */
    --btnPrimaryBgColor: var(--mainHeaderBGColor);
    --btnPrimaryBorderColor: var(--mainBorderColor);
    --btnPrimaryHover: var(--mainHover);
    --panelHeaderBgColor: var(--mainHeaderBGColor);
    --panelHeaderBorder: var(--mainHeaderBGColor);
    --tabHeaderBgColor: var(--mainHeaderBGColor);
    --tabHeaderColor: var(--mainHeaderBGColor);
    --functionRowColor: #14694f;
    --functionRowBgColor: var(--mainHeaderBGColor);
    --functionRowBorderColor: var(--mainBorderColor);
    --functionRowHoverColor: var(--mainHover);

    /* Betűszín */
    --bodyFontColor: #4d4b4b;
    /* Filter gombok */
    --activeFilterButtonBackgroundColor: var(--skin_color);
    --activeFilterButtonBorderColor: var(--skin_color);
    /* Multiselect */
    --multiSelectSelectedItemBgColor: var(--skin_color);
    --multiSelectSelectedItemBorderColor: var(--skin_color);
    /* Gombok */
    --btnInfoBgColor: #6d6e71;
    --btnInfoStateBgColor: color-mix(in srgb, var(--btnInfoBgColor) 80%, transparent);
    --btnDangerBgColor: red;
    --btnDangerStateBgColor: color-mix(in srgb, var(--btnDangerBgColor) 80%, transparent);
    --btnSuccessBgColor: #6d6e71;
    --btnSuccessStateBgColor: color-mix(in srgb, var(--btnSuccessBgColor) 90%, transparent);
    --btnPrimaryDisabledBgColor: color-mix(in srgb, var(--btnPrimaryBgColor) 80%, transparent);
    --btnPrimaryDisabledBorderColor: color-mix(in srgb, var(--btnPrimaryBorderColor) 80%, transparent);
    /* Toggle switch */
    --toggleSwitchOnBackgroundColor: var(--skin_color);
    --toggleSwitchOffBgColor: #6d6e71;
    /* Komment háttér */
    --commentSentBgColor: var(--PantoneCoolGrey6C);
    --commentReceivedBgColor: var(--mainColor);
    /* Colorok */
    --bgEvRedBgColor: var(--skin_color);
    --bgBlueBgColor: #6d6e71;
    /* Headerek */
    --accordionHeaderBgColor: var(--skin_color);
    --accordionHeaderTextColor: #fff;
    --modalHeaderBgColor: var(--skin_color);
    /* Footer */
    --siteFooterBgColor: var(--skin_color);
    /* Pagination */
    --paginationActiveItemBgColor: var(--skin_color);
    --paginationActiveItemBorderColor: var(--skin_color);
    /* Chosen */
    --chosenHighlightedBgColor: #6d6e71;
    /* Sidebar */
    --sidebarToggleBoxBgColor: #6d6e71;
    /* Részletes kereső */
    --advancedSearchGreyButtonBgColor: #6d6e71;
    /* Kötelező csillag */
    --redStarColor: red;
    /* Top-nav */
    --topNavBgColor: var(--PantoneCoolGrey6C);
    --topNavHoverBgColor: color-mix(in srgb, var(--topNavBgColor) 90%, transparent);
    /* Szervezeti egységek */
    --ccpElementActiveBgColor: var(--skin_color);
    --orgChartCardBodyBgColor: #6d6e71;
    --orgChartCardContainerHoverBgColor: color-mix(in srgb, var(--orgChartCardBodyBgColor) 80%, transparent);
    --companyChartCardBodyBgColor: var(--skin_color);
    --companyChartCardContainerHoverBgColor: color-mix(in srgb, var(--companyChartCardBodyBgColor) 80%, transparent);
    /* evolution-btn-group */
    --evBtnGroupBgColor: var(--skin_color);
    --evBtnGroupHoverBgColor: color-mix(in srgb, var(--evBtnGroupBgColor) 90%, transparent);
    --evBtnGroupDropdownHoverBgColor: var(--chosenHighlightedBgColor);
    --evBtnGroupBorderColor: var(--evBtnGroupBgColor);
    --evBtnGroupHoverBorderColor: var(--evBtnGroupHoverBgColor);
    /* sp-box__header */
    --spBoxHeaderActiveBgColor: var(--skin_color);
    /* Character count */
    --characterCountErrorBgColor: var(--skin_color);
    --characterCountOkBgColor: #6d6e71;
    /* Jogviszony státusz színek */
    --activeRelationshipStatusBgColor: var(--Pantone346C);
    --inactiveRelationshipStatusBgColor: var(--PantoneCoolGrey9C);
    --closedRelationshipStatusBgColor: var(--PantoneWarmRedC100);
    --plannedRelationshipStatusBgColor: var(--Pantone660C);
    /* bg-main */
    --mainColor: var(--mainHeaderBGColor);
    /* Login ablak */
    --loginPanelHeaderSeparatorColor: var(--PantoneCoolGrey6C);

    --uiSelectActiveItemBgColor: #6d6e71;
    --scrollTopBtnBgColor: var(--skin_color);

    --commentModalActiveListItemBgColor: var(--skin_color);
    --commentModalOtherCommentBgColor: #6d6e71;
    --commentModalMyCommentBgColor: var(--PantoneCoolGrey6C);

    --slItemInnerSelectedBgColor: #6d6e71;

    --errorModalHeaderBgColor: red;
    --errorModalHeaderTextColor: #fff;

    --alertModalHeaderBgColor: var(--PantoneCoolGrey1C);
    --alertModalHeaderTextColor: #6d6e71;

    --countIndicatorCounterBgColor: var(--skin_color);
    --countIndicatorCounterTextColor: #fff;

    --changeViewBtnDefaultBgColor: var(--PantoneCoolGrey1C);
    --changeViewBtnDefaultTextColor: #fff;

    --changeViewBtnActiveBgColor: #6d6e71;
    --changeViewBtnActiveTextColor: #fff;

    --allowanceButtonGroupPipeBgColor: var(--skin_color);
    --allowanceButtonGroupPipeTextColor: #fff;

    --allowanceButtonGroupCrossBgColor: #6d6e71;
    --allowanceButtonGroupCrossTextColor: #fff;

    --starColor: #ffd800;
}