:root {
    --mainHeaderBGColor: var(--Pantone199C);
    --mainBorderColor: var(--Pantone198C);
    --mainHover: var(--Pantone198C);
    /* 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: var(--PantoneCoolGrey9C);
    --functionRowBgColor: var(--mainHeaderBGColor);
    --functionRowBorderColor: var(--mainBorderColor);
    --functionRowHoverColor: var(--mainHover);
    /* Betűszín */
    --bodyFontColor: var(--PantoneCoolGrey9C);
    /* Filter gombok */
    --activeFilterButtonBackgroundColor: rgba(0, 53, 148, 1);
    --activeFilterButtonBorderColor: rgba(0, 53, 148, 1);
    /* Multiselect */
    --multiSelectSelectedItemBgColor: rgba(0, 53, 148, 1);
    --multiSelectSelectedItemBorderColor: rgba(0, 53, 148, 1);
    /* Gombok */
    --btnInfoBgColor: var(--Pantone660C);
    --btnInfoStateBgColor: hsl(from var(--btnInfoBgColor) h s l / 0.8);
    --btnDangerBgColor: var(--Pantone199C);
    --btnDangerStateBgColor: var(--Pantone198C);
    --btnSuccessBgColor: var(--Pantone346C);
    --btnSuccessStateBgColor: rgba(146, 213, 172, 1);
    --btnPrimaryDisabledBgColor: hsl(from var(--btnPrimaryBgColor) h s l / 0.8);
    --btnPrimaryDisabledBorderColor: hsl(from var(--btnPrimaryBorderColor) h s l / 0.8);
    /* Toggle switch */
    --toggleSwitchOnBackgroundColor: rgba(0, 53, 148, 1);
    --toggleSwitchOffBgColor: var(--PantoneCoolGrey9C);
    /* Komment háttér */
    --commentSentBgColor: rgba(186, 216, 235, 1);
    --commentReceivedBgColor: #45ac68;
    /* Colorok */
    --bgEvRedBgColor: var(--Pantone199C);
    --bgLightOrangeBgColor: rgba(255, 156, 134, 1);
    --bgRedBgColor: var(--Pantone199C);
    --bgBlueBgColor: var(--Pantone660C);
    /* Headerek */
    --accordionHeaderBgColor: rgba(0, 53, 148, 1);
    --modalHeaderBgColor: var(--Pantone660C);
    /* Footer */
    --siteFooterBgColor: var(--PantoneCoolGrey9C);
    /* Pagination */
    --paginationActiveItemBgColor: var(--Pantone660C);
    --paginationActiveItemBorderColor: var(--Pantone660C);
    /* Chosen */
    --chosenHighlightedBgColor: var(--Pantone660C);
    /* Sidebar */
    --sidebarToggleBoxBgColor: var(--PantoneCoolGrey9C);
    /* Részletes kereső */
    --advancedSearchGreyButtonBgColor: var(--PantoneCoolGrey9C);
    /* Kötelező csillag */
    --redStarColor: var(--Pantone199C);
    /* Top-nav */
    --topNavBgColor: var(--Pantone346C);
    --topNavHoverBgColor: rgba(146, 213, 172, 1);
    /* Szervezeti egységek */
    --ccpElementActiveBgColor: rgba(0, 53, 148, 1);
    --orgChartCardBodyBgColor: var(--Pantone660C);
    --orgChartCardContainerHoverBgColor: hsl(from var(--orgChartCardBodyBgColor) h s l / 0.8);
    --companyChartCardBodyBgColor: var(--Pantone199C);
    --companyChartCardContainerHoverBgColor: hsl(from var(--companyChartCardBodyBgColor) h s l / 0.8);
    /* evolution-btn-group */
    --evBtnGroupBgColor: rgba(0, 53, 148, 1);
    --evBtnGroupHoverBgColor: hsl(from var(--evBtnGroupBgColor) h s l / 0.9);
    --evBtnGroupDropdownHoverBgColor: var(--chosenHighlightedBgColor);
    /* sp-box__header */
    --spBoxHeaderActiveBgColor: rgba(146, 213, 172, 1);
    /* Character count */
    --characterCountErrorBgColor: var(--Pantone199C);
    --characterCountOkBgColor: var(--Pantone346C);
    /* Jogviszony státusz színek */
    --activeRelationshipStatusBgColor: var(--Pantone346C);
    --inactiveRelationshipStatusBgColor: var(--PantoneCoolGrey9C);
    --closedRelationshipStatusBgColor: var(--PantoneWarmRedC100);
    --plannedRelationshipStatusBgColor: var(--Pantone660C);
    /* bg-main */
    --mainColor: var(--mainHeaderBGColor);
    --starColor: #ffd800;
}