@import "../sap_fiori_3/base.less";

@mcColor: __PRIMARY_COLOR__;
@mcColorDark: __PRIMARY_COLOR_DARK__;
@mcColorDarker: __PRIMARY_COLOR_DARKER__;
@mcColorLight: __PRIMARY_COLOR_LIGHT__;
@sapPrimary1: @mcColor;
@sapUiContentIconColor: @mcColor;
@sapUiBaseColor: #f0f1f3;
@sapUiButtonTextColor: @mcColor;
@sapUiButtonHoverTextColor: @mcColor;
@sapButtonHoverTextColor: @mcColor;
@sapUiButtonBorderColor: @mcColor;
@sapUiButtonHoverBorderColor: @mcColor;
@sapUiButtonIconColor: @mcColor;
@sapUiButtonActiveBackground: @mcColorDark;
@sapUiButtonActiveBorderColor: @mcColorDarker;

@sapUiButtonEmphasizedBackground: @mcColor;
@sapUiButtonEmphasizedHoverBackground: @mcColorLight;
@sapUiButtonEmphasizedBorderColor: @mcColor;
@sapUiButtonEmphasizedHoverBorderColor: @mcColorLight;
@sapUiButtonEmphasizedActiveBackground: @mcColorDark;
@sapUiButtonEmphasizedActiveBorderColor: @mcColorDarker;

@sapUiSelected: @mcColor;
@sapUiHighlight: __HIGHLIGHT_COLOR__;
@sapUiBrand: @mcColor;

/* Map LESS variables to CSS variables in :root */
:root {
    --sapPrimary1: @sapPrimary1;
    --sapContent_IconColor: @sapUiContentIconColor;
    --sapBaseColor: @sapUiBaseColor;
    --sapButton_TextColor: @sapUiButtonTextColor;
    --sapButton_Hover_TextColor: @sapButtonHoverTextColor;
    --sapButton_BorderColor: @sapUiButtonBorderColor;
    --sapButton_Hover_BorderColor: @sapUiButtonHoverBorderColor;
    --sapButton_IconColor: @sapUiButtonIconColor;

    --sapButton_Emphasized_Background: @sapUiButtonEmphasizedBackground;
    --sapButton_Emphasized_Hover_Background: @sapUiButtonEmphasizedHoverBackground;
    --sapButton_Emphasized_BorderColor: @sapUiButtonEmphasizedBorderColor;
    --sapButton_Emphasized_Hover_BorderColor: @sapUiButtonEmphasizedHoverBorderColor;
    --sapButton_Emphasized_Active_Background: @sapUiButtonEmphasizedActiveBackground;
    --sapButton_Emphasized_Active_BorderColor: @sapUiButtonEmphasizedActiveBorderColor;

    --sapSelected: @sapUiSelected;
    --sapHighlight: @sapUiHighlight;
    --sapBrandColor: @sapUiBrand;
}