:root {

    --green_05_color: #afcc3c;

    --mainHeaderBGColor: var(--green_05_color);
    --mainBorderColor: var(--green_05_color);
    --mainHover: hsl(from var(--mainHeaderBGColor) h s l / 0.95);

    /* 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: #6d6e71;
    --functionRowBgColor: var(--mainHeaderBGColor);
    --functionRowBorderColor: var(--mainBorderColor);
    --functionRowHoverColor: var(--mainHover);

    /* Betűszín */
    --bodyFontColor: #6d6e71;

    /* Filter gombok */
    --activeFilterButtonBackgroundColor: var(--green_05_color);
    --activeFilterButtonBorderColor: var(--green_05_color);
    /* Multiselect */
    --multiSelectSelectedItemBgColor: var(--green_05_color);
    --multiSelectSelectedItemBorderColor: var(--green_05_color);
    /* Gombok */
    --btnInfoBgColor: #6d6e71;
    --btnInfoStateBgColor: hsl(from var(--btnInfoBgColor) h s l / 0.8);
    --btnDangerBgColor: red;
    --btnDangerStateBgColor: hsl(from var(--btnDangerBgColor) h s l / 0.8);
    --btnSuccessBgColor: #6d6e71;
    --btnSuccessStateBgColor: hsl(from var(--btnSuccessBgColor) h s l / 0.9);
    --btnPrimaryDisabledBgColor: hsl(from var(--btnPrimaryBgColor) h s l / 0.8);
    --btnPrimaryDisabledBorderColor: hsl(from var(--btnPrimaryBorderColor) h s l / 0.8);
    /* Toggle switch */
    --toggleSwitchOnBackgroundColor: var(--green_05_color);
    --toggleSwitchOffBgColor: #6d6e71;
    /* Komment háttér */
    --commentSentBgColor: var(--PantoneCoolGrey6C);
    --commentReceivedBgColor: #12ae02;
    /* Komment betűszín */
    --commentColor: #fff;

    /* Colorok */
    --bgEvRedBgColor: var(--green_05_color);
    --bgBlueBgColor: #6d6e71;
    /* Headerek */
    --accordionHeaderBgColor: var(--PantoneCoolGrey6C);
    --accordionHeaderTextColor: #fff;
    --modalHeaderBgColor: #6d6e71;
    /* Footer */
    --siteFooterBgColor: #6d6e71;
    /* Pagination */
    --paginationActiveItemBgColor: var(--green_05_color);
    --paginationActiveItemBorderColor: var(--green_05_color);
    /* Chosen */
    --chosenHighlightedBgColor: #6d6e71;
    /* Sidebar */
    --sidebarToggleBoxBgColor: #6d6e71;
    /* Részletes kereső */
    --advancedSearchGreyButtonBgColor: #6d6e71;
    /* Kötelező csillag */
    --redStarColor: red;
    /* Top-nav */
    --topNavBgColor: var(--PantoneCoolGrey6C);
    --topNavHoverBgColor: hsl(from var(--topNavBgColor) h s l / 0.9);
    /* Szervezeti egységek */
    --ccpElementActiveBgColor: var(--green_05_color);
    --orgChartCardBodyBgColor: #6d6e71;
    --orgChartCardContainerHoverBgColor: hsl(from var(--orgChartCardBodyBgColor) h s l / 0.8);
    --companyChartCardBodyBgColor: var(--green_05_color);
    --companyChartCardContainerHoverBgColor: hsl(from var(--companyChartCardBodyBgColor) h s l / 0.8);
    /* evolution-btn-group */
    --evBtnGroupBgColor: var(--green_05_color);
    --evBtnGroupHoverBgColor: hsl(from var(--evBtnGroupBgColor) h s l / 0.9);
    --evBtnGroupDropdownHoverBgColor: var(--chosenHighlightedBgColor);
    --evBtnGroupBorderColor: var(--evBtnGroupBgColor);
    --evBtnGroupHoverBorderColor: var(--evBtnGroupHoverBgColor);
    /* sp-box__header */
    --spBoxHeaderActiveBgColor: var(--green_05_color);
    /* Character count */
    --characterCountErrorBgColor: var(--green_05_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(--green_05_color);

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

    --slItemInnerSelectedBgColor: #6d6e71;

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

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

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

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

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

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

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

    --starColor: #ffd800;
}