:root {
    /* A skin_color nálad a primaryColor-t követi */
    --skin_color: var(--primaryColor);
    /* Fejléc és keretek */
    --mainHeaderBGColor: var(--skin_color);
    --mainColor: var(--mainHeaderBGColor);
    --mainBorderColor: var(--skin_color);
    --mainHover: rgba(0, 82, 204, 0.95); /* Itt a fade(95%) kiszámolva a defaultra */
    /* Gombok */
    --btnPrimaryBgColor: var(--mainHeaderBGColor);
    --btnPrimaryBorderColor: var(--mainBorderColor);
    --btnPrimaryHover: var(--mainHover);
    /* Táblázatok és sorok */
    --tabHeaderBgColor: var(--mainHeaderBGColor);
    --tabHeaderColor: var(--mainHeaderBGColor);
    --functionRowBgColor: var(--mainHeaderBGColor);
    --functionRowBorderColor: var(--mainBorderColor);
    --functionRowHoverColor: var(--mainHover);
    /* Szűrők és kijelölések */
    --activeFilterButtonBackgroundColor: var(--skin_color);
    --activeFilterButtonBorderColor: var(--skin_color);
    --multiSelectSelectedItemBgColor: var(--skin_color);
    --multiSelectSelectedItemBorderColor: var(--skin_color);
    /* Állapot gombok és áttetszőség (fade) */
    --btnInfoStateBgColor: rgba(128, 130, 133, 0.8);
    --btnDangerBgColor: #dc0032;
    --btnDangerStateBgColor: rgba(220, 0, 50, 0.8);
    --btnSuccessStateBgColor: rgba(128, 130, 133, 0.9);
    --btnPrimaryDisabledBgColor: rgba(0, 82, 204, 0.8);
    --btnPrimaryDisabledBorderColor: rgba(0, 82, 204, 0.8);
    /* Egyéb felületi elemek */
    --toggleSwitchOnBackgroundColor: var(--skin_color);
    --commentSentBgColor: rgba(167, 169, 172, 1);
    --bgEvRedBgColor: var(--skin_color);
    --paginationActiveItemBgColor: var(--skin_color);
    --paginationActiveItemBorderColor: var(--skin_color);
    --redStarColor: #dc0032;
    /* Top Nav és Pantone hivatkozások */
    --topNavBgColor: rgba(167, 169, 172, 1);
    --topNavHoverBgColor: rgba(167, 169, 172, 0.9);
    /* Grafikonok és csoportok */
    --orgChartCardBodyBgColor: var(--skin_color);
    --orgChartCardContainerHoverBgColor: color-mix(in srgb, var(--skin_color), transparent 20%);
    --evBtnGroupBgColor: var(--skin_color);
    --evBtnGroupHoverBgColor: color-mix(in srgb, var(--skin_color), transparent 10%);
    --evBtnGroupDropdownHoverBgColor: var(--chosenHighlightedBgColor);
    --evBtnGroupBorderColor: var(--evBtnGroupBgColor);
    --evBtnGroupHoverBorderColor: var(--evBtnGroupHoverBgColor);
    /* Modálok és számlálók */
    --spBoxHeaderActiveBgColor: var(--skin_color);
    --characterCountErrorBgColor: var(--skin_color);
    --activeRelationshipStatusBgColor: rgba(110, 203, 152, 1);
    --inactiveRelationshipStatusBgColor: rgba(119, 119, 122, 1);
    --closedRelationshipStatusBgColor: rgba(240, 72, 62, 1);
    --plannedRelationshipStatusBgColor: rgba(64, 124, 202, 1);
    --loginPanelHeaderSeparatorColor: rgba(167, 169, 172, 1);
    --scrollTopBtnBgColor: var(--skin_color);
    --commentModalActiveListItemBgColor: var(--skin_color);
    --commentModalMyCommentBgColor: rgba(167, 169, 172, 1);
    --errorModalHeaderBgColor: #dc0032;
    --errorModalHeaderTextColor: #fff;
    --alertModalHeaderBgColor: rgba(219, 217, 214, 1);
    --countIndicatorCounterBgColor: var(--skin_color);
    --countIndicatorCounterTextColor: #fff;
    --changeViewBtnDefaultBgColor: rgba(219, 217, 214, 1);
    --changeViewBtnDefaultTextColor: #fff;
    --changeViewBtnActiveTextColor: #fff;
    --allowanceButtonGroupPipeBgColor: var(--skin_color);
    --allowanceButtonGroupPipeTextColor: #fff;
    --allowanceButtonGroupCrossTextColor: #fff;
}