// Public Theme Parameters

/* ===================================== */
/* Quick Theming                         */
/* ===================================== */

// [Label "Brand Color"]
// [Description "The color which builds your brand"]
// [Tags "Quick", "Color"]
@sapBrandColor: #009de0;

// [Label "Highlight Color"]
// [Description "The color which is used to highlight screen elements"]
// [Tags "Quick", "Content", "Color"]
@sapHighlightColor: #007cc0;

// [Label "Base Color"]
// [Description "The color which is used to derive the most dominant background colors"]
// [Tags "Quick", "Color"]
@sapBaseColor: #808080;

// [Label "Shell Header Color"]
// [Description "The color of the shell header bar"]
// [Tags "Quick", "Color", "Protected"]
@sapShellColor: transparent;

// [Description "The default background color of this theme"]
// [Tags "Base", "Content", "Color", "Protected"]
@sapBackgroundColorDefault: #f2f2f2;

// [Label "Background Color"]
// [Description "The main background color of the screen"]
// [Tags "Quick", "Color"]
@sapBackgroundColor: #f2f2f2;

// [Label "Background Gradient Color"]
// [Description "The color which is used as base for the background gradient. It only applies when the background color is not modified."]
// [Tags "Quick", "Color"]
@sapBackgroundGradientBaseColor: #178299;

// [Label "Font Family"]
// [Description "The preferred font family"]
// [Tags "Quick", "Content", "Font", "Protected"]
@sapFontFamily: Arial, Helvetica, sans-serif;

@sapFontHeaderFamily:  @sapFontFamily;

// [Label "Font Size"]
// [Description "The preferred font size"]
// [Tags "Quick", "Content", "Dimension", "Font", "Protected"]
@sapFontSize: 0.75em;

@sapFontSmallSize: 0.8 * @sapFontSize;

@sapFontLargeSize: 1.2 * @sapFontSize;

@sapFontHeader1Size: @sapFontSize;

@sapFontHeader2Size: @sapFontSize;

@sapFontHeader3Size: @sapFontSize;

@sapFontHeader4Size: @sapFontSize;

@sapFontHeader5Size: @sapFontSize;

@sapFontHeader6Size: @sapFontSize;

// [Label "Text Color"]
// [Description "The preferred text color"]
// [Tags "Quick", "Content", "Color", "Font"]
@sapTextColor: #000;

// [Label "Link Color"]
// [Description "The color of the link text"]
// [Tags "Quick", "Content", "Color", "Font"]
@sapLinkColor: #00679e;

@sapLink_Hover_Color: @sapLinkColor;

@sapLink_Active_Color: @sapLinkColor;

@sapLink_Visited_Color: @sapLinkColor;

@sapLink_InvertedColor: lighten(@sapLinkColor,50);

// [Label "Company Logo"]
// [Description "The URI to the logo of your company"]
// [Tags "Quick", "URI", "Image"]
@sapCompanyLogo: none;

// [Label "Background Image"]
// [Description "The URI to the image which is shown as background"]
// [Tags "Quick", "URI", "Image"]
@sapBackgroundImage: none;

// [Label "Background Opacity"]
// [Description "A value between 0.0 and 1.0 to control the opacity of the background image"]
// [Tags "Quick", "Opacity"]
@sapBackgroundImageOpacity: 1.0;

// [Label "Background Repeat"]
// [Description "The switch to turn on/off the repetition of the background image. Chose 'true' or 'false' as value."]
// [Tags "Quick"]
@sapBackgroundImageRepeat: true;


/*
 UX COLOR SET
*/

/* ACCENT COLORS */
@sapAccentColor1: #f0ab00;
@sapAccentColor2: #f27020;
@sapAccentColor3: #e52929;
@sapAccentColor4: #ab218e;
@sapAccentColor5: #007cc0;
@sapAccentColor6: #008a3b;
@sapAccentColor7: #004990;
@sapAccentColor8: #009de0;
@sapAccentColor9: #925ace;
@sapAccentColor10: #647987;

/* LEGEND COLORS */
@sapLegendColor1: #d58215;
@sapLegendColor2: #d76060;
@sapLegendColor3:#db1f77;
@sapLegendColor4: #9b3b3b;
@sapLegendColor5: #cf5db3;
@sapLegendColor6: #478fd6;
@sapLegendColor7: #1193a2;
@sapLegendColor8: #8b9668;
@sapLegendColor9: #6C8B99;
@sapLegendColor10: #892971;
@sapLegendColor11: #725a3a;
@sapLegendColor12: #bb2f2f;
@sapLegendColor13: #d51f1f;
@sapLegendColor14: #8b714f;
@sapLegendColor15: #606190;
@sapLegendColor16: #597da1;
@sapLegendColor17: #49797e;
@sapLegendColor18: #687a33;
@sapLegendColor19: #295989;
@sapLegendColor20: #5154bd;

/* Shadows */
@sapDarkShadowColor:  #000;
@sapLightShadowColor: #fff;


/* SPECIAL COLORS */
@sapDarkFocusColor:       #000;
@sapLightFocusColor:      #fff; // Added by UX
@sapSearchHighlightColor: #fffcb5;
@sapHelpHighlightColor:   #3f8600;


/* Grayscale Backgrounds */
@sapBaseBackground:       @sapBaseColor;
@sapLightestBackground:   lighten(@sapBaseBackground, 100); // #ffffff
@sapExtraLightBackground: lighten(@sapBaseBackground, 44.7); // #f2f2f2
@sapLightBackground:      lighten(@sapBaseBackground, 39.7); // #e5e5e5
@sapMediumBackground:     lighten(@sapBaseBackground, 36.5); // #dddddd  Not used in BC but used in GR
@sapDarkBackground:       darken(@sapBaseBackground, 3.7); // #777777
@sapExtraDarkBackground:  darken(@sapBaseBackground, 30.2); // #333333
@sapDarkestBackground:    darken(@sapBaseBackground, 100); // #000000


/* Grayscale Borders */
@sapBaseBorderColor:       @sapBaseColor;
@sapLightestBorderColor:   lighten(@sapBaseBorderColor, 100); // #ffffff
@sapExtraLightBorderColor: lighten(@sapBaseBorderColor, 39.7); // #e5e5e5
@sapLightBorderColor:      lighten(@sapBaseBorderColor, 36.5); // #dddddd
@sapMediumBorderColor:     lighten(@sapBaseBorderColor, 29.8); // #cccccc
@sapDarkBorderColor:       lighten(@sapBaseBorderColor, 24.8); // #bfbfbf
@sapExtraDarkBorderColor:  lighten(@sapBaseBorderColor, 9.8); // #999999
@sapDarkestBorderColor:    darken(@sapBaseBorderColor, 100); // #000000


/* Grayscale Text */
@sapExtraLightTextColor: lighten(@sapTextColor,44); // #707070
@sapLightTextColor:      lighten(@sapTextColor, 40); // #666666
@sapMediumTextColor:     lighten(@sapTextColor, 26.5); // #444444
@sapDarkTextColor:       lighten(@sapTextColor, 20); // #333333
@sapExtraDarkTextColor:  lighten(@sapTextColor, 13.4); // #222222


/* Semantic Background Colors */
@sapErrorBackground:       mix(@sapErrorColor, #fff, 15); // #fbdfdf
@sapWarningBackground:     #fffcb5;
@sapSuccessBackground:     mix(@sapSuccessColor, #fff, 12); // #e0f1e7
@sapInformationBackground: mix(@sapInformativeColor, #fff, 10); // #e6f2f9
@sapNeutralBackground:     mix(@sapNeutralColor, #fff, 10); // #e6f2f9


/* Semantic Border Colors */
@sapErrorBorderColor:       @sapErrorColor; // #e52929
@sapWarningBorderColor:     @sapWarningColor; // #f0ab00
@sapSuccessBorderColor:     @sapSuccessColor; // #008a3b
@sapInformationBorderColor: @sapInformationColor; // #007cc0
@sapNeutralBorderColor:     @sapNeutralColor; // #007cc0


/* Semantic Foreground Elements */
@sapNegativeElementColor:    @sapNegativeColor; // #cc1919
@sapCriticalElementColor:    @sapCriticalColor; // #d14900
@sapPositiveElementColor:    @sapPositiveColor; // #007833
@sapInformativeElementColor: @sapInformativeColor; // #007cc0
@sapNeutralElementColor:     @sapNeutralColor; // #007cc0


/* Semantic Text */
@sapNegativeTextColor:    @sapNegativeColor; // #cc1919
@sapCriticalTextColor:    @sapCriticalColor; // #d14900
@sapPositiveTextColor:    @sapPositiveColor; // #007833
@sapInformativeTextColor: @sapInformativeColor; // #007cc0
@sapNeutralTextColor:     @sapTextColor; // #000000


/* Semantic Foreground Colors */

// [Label "Negative Color"]
// [Description "The color for elements showing negative state"]
// [Tags "Base", "SemanticColor", "Color"]
@sapNegativeColor: #cc1919;

// [Label "Critical Color"]
// [Description "The color for elements showing critical state"]
// [Tags "Base", "SemanticColor", "Color"]
@sapCriticalColor: #d14900;

// [Label "Positive Color"]
// [Description "The color for elements showing positive state"]
// [Tags "Base", "SemanticColor", "Color"]
@sapPositiveColor: #007833;

// [Label "Informative Color"]
// [Description "The color for elements showing informative state"]
// [Tags "Base", "SemanticColor", "Color"]
@sapInformativeColor: #007cc0;

// [Label "Neutral Color"]
// [Description "The color for elements showing neutral state"]
// [Tags "Base", "SemanticColor", "Color"]
@sapNeutralColor: #007cc0;

@sapErrorColor:       lighten(@sapNegativeColor, 8); // #e52929
@sapWarningColor:     #f0ab00;
@sapSuccessColor:     lighten(@sapPositiveColor, 3.5); // #008a3b
@sapInformationColor: @sapInformativeColor; // #007cc0


// [Label "Indication Color 1"]
// [Tags "Base", "SemanticColor", "Color"]
@sapIndicationColor_1: #9f1313;

// [Label "Indication Color 2"]
// [Tags "Base", "SemanticColor", "Color"]
@sapIndicationColor_2: #cc1919;

// [Label "Indication Color 3"]
// [Tags "Base", "SemanticColor", "Color"]
@sapIndicationColor_3: #d14900;

// [Label "Indication Color 4"]
// [Tags "Base", "SemanticColor", "Color"]
@sapIndicationColor_4: #007833;

// [Label "Indication Color 5"]
// [Tags "Base", "SemanticColor", "Color"]
@sapIndicationColor_5: #007cc0;


/* ===================================== */
/* Expert Theming                        */
/* ===================================== */

// [Label "Selected Color"]
// [Description "The color of selected elements"]
// [Tags "Base", "Color"]
@sapSelectedColor: @sapHighlightColor;

// [Label "Active Color"]
// [Description "The color of activated elements"]
// [Tags "Base", "Color"]
@sapActiveColor: @sapBrandColor;

// [Label "Highlight Text Color"]
// [Description "The text color of highlighted screen elements"]
// [Tags "Base", "Content", "Color", "Font"]
@sapHighlightTextColor: contrast(@sapHighlightColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Title Text Color"]
// [Description "The text color of the application title"]
// [Tags "Base", "Color", "Font"]
@sapTitleColor: @sapDarkTextColor;

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientStartColor: lighten(desaturate(spin(@sapContent_BackgroundGradientMiddleColor,353),14),9); //should be #2DABB3

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientMiddleColor: @sapBackgroundGradientBaseColor; // should be #178299

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientEndColor: darken(desaturate(spin(@sapContent_BackgroundGradientMiddleColor,19),8),5); // should be #1A4D80

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientMixedStartColor: mix(@sapContent_BackgroundGradientStartColor, #fff, 15); //should be #e0f2f4

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientMixedMiddleColor: mix(@sapContent_BackgroundGradientMiddleColor, #fff, 15); // should be #dcecf0

// [Tags "Base", "Content", "Color", "Protected"]
@sapContent_BackgroundGradientMixedEndColor: mix(@sapContent_BackgroundGradientEndColor, #fff, 15); // should be #dde4ec

// [Label "Element Line Height"]
// [Description "The height of the line box surrounding the inline elements in the content area."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapElement_LineHeight: 48px;

// [Label "Element Height"]
// [Description "The height of inline elements in the content area."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapElement_Height: 40px;

// [Label "Element Border Thickness"]
// [Description "The standard thickness of element borders."]
// [Tags "Base", "Button", "Dimension", "Protected"]
@sapElement_BorderWidth: 1px;

@sapElement_BorderCornerRadius: 2px;

@sapElement_Compact_LineHeight: @sapElement_LineHeight;

@sapElement_Compact_Height: @sapElement_Height;

@sapElement_Condensed_LineHeight: @sapElement_LineHeight;

@sapElement_Condensed_Height: @sapElement_Height;

// [Label "Content Line Height EM"]
// [Description "The height of lines in the content area (in em)."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapContent_LineHeight: 1.3;

// [Label "Content Element Height"]
// [Description "The height of inline elements in the content area (in em)."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapContent_ElementHeight: 1.37em;

// [Label "Content Element Height PX"]
// [Description "The height of lines in the content area (in pixel)."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapContent_ElementHeight_PX: 22px;

// [Label "Content Icon Height"]
// [Description "The height of inline icons in the content area (in pixel)."]
// [Tags "Base", "Content", "Dimension", "Protected"]
@sapContent_IconHeight: 16px;

// [Label "Content Icon Color"]
// [Description "The color of icons."]
// [Tags "Base", "Content", "Color"]
@sapContent_IconColor: @sapLightTextColor;

// [Label "Content Icon Contrast Color"]
// [Description "The alternative icon color switched to by a threshold to keep contrast for icons."]
// [Tags "Base", "Content", "Color"]
@sapContent_ContrastIconColor: @sapContent_ContrastTextColor;

// [Label "Content Icon Noninteractive Color"]
// [Description "The color of noninteractive icons."]
// [TranslationKey "sapContent_NoIntactvIcoClr"]
// [Tags "Base", "Content", "Color"]
@sapContent_NonInteractiveIconColor: @sapContent_IconColor;

// [Label "Marker Icon Color"]
// [Description "The color of marker icons."]
// [Tags "Base", "Content", "Color"]
@sapContent_MarkerIconColor: @sapAccentColor5;

// [Label "Marker Text Color"]
// [Description "The color of Marker Texts."]
// [Tags "Base", "Content", "Color", "Font"]
@sapContent_MarkerTextColor: darken(@sapAccentColor7, 8);

// [Label "Image Placeholder Background Color"]
// [Description "The background color of Image Placeholders."]
// [Tags "Base", "Content", "Color"]
@sapContent_ImagePlaceholderBackground: @sapExtraLightBackground;

// [Label "Image Placeholder Foreground Color"]
// [Description "The foreground color of Image Placeholders."]
// [Tags "Base", "Content", "Color"]
@sapContent_ImagePlaceholderForegroundColor: darken(@sapExtraLightBackground, 20);

@sapContent_RatedColor: @sapAccentColor1;

@sapContent_UnratedColor: lighten(@sapContent_RatedColor, 50);

// [Label "Content Focus Color"]
// [Description "The color of the focus."]
// [Tags "Base", "Content", "Color"]
@sapContent_FocusColor: @sapDarkFocusColor;

@sapContent_FocusStyle: dotted;

@sapContent_FocusWidth: 1px;

// [Label "Content Focus Contrast Color"]
// [Description "The alternative focus color."]
// [Tags "Base", "Content", "Color"]
@sapContent_ContrastFocusColor: @sapLightFocusColor;

// [Label "Content Shadow Color"]
// [Description "The shadow color."]
// [Tags "Base", "Content", "Color"]
@sapContent_ShadowColor: #000;

// [Label "Content Shadow Contrast Color"]
// [Description "The alternative shadow color."]
// [Tags "Base", "Content", "Color"]
@sapContent_ContrastShadowColor: #fff;

@sapContent_Shadow0: none;

@sapContent_Shadow1: none;

@sapContent_Shadow2: none;

@sapContent_Shadow3: none;

@sapContent_TextShadow: none;

@sapContent_HeaderShadow: none;

// [Label "Content Search Result Highlight Color"]
// [Description "The color of found search results in the content."]
// [Tags "Base", "Content", "Color"]
@sapContent_SearchHighlightColor: @sapSearchHighlightColor;

// [Label "Content Help Indication Color"]
// [Description "The color which indicates that the element has help content."]
// [Tags "Base", "Content", "Color"]
@sapContent_HelpColor: @sapHelpHighlightColor;

// [Label "Content Label Color"]
// [Description "The color of labels in the content area."]
// [Tags "Base", "Content", "Color", "Font"]
@sapContent_LabelColor: @sapLightTextColor;

// [Label "Content Monospace Font Family"]
// [Description "Defines which monospaced font is used for specific texts in the content area."]
// [Tags "Base", "Content", "Font", "Protected"]
@sapContent_MonospaceFontFamily: lucida console, monospace;

// [Label "Content Disabled Text Color"]
// [Description "The color of texts on disabled screen elements in the content area."]
// [Tags "Base", "Content", "Color", "Font"]
@sapContent_DisabledTextColor: lighten(@sapTextColor,80);

@sapContent_DisabledOpacity: 0.5;

// [Label "Text Contrast Threshold"]
// [Description "The threshold to switch to alternative text color to keep contrast for texts"]
// [TranslationKey "sapContent_ContrastTxtThreshold"]
@sapContent_ContrastTextThreshold: 0.65;

// [Label "Text Contrast Color"]
// [Description "The alternative text color switched to by a threshold to keep contrast for texts"]
// [Tags "Content", "Color", "Font"]
@sapContent_ContrastTextColor: #fff;

// [Label "Content Foreground Color"]
// [Description "The foreground color of the content area."]
// [Tags "Base", "Content", "Color"]
@sapContent_ForegroundColor: @sapLightBackground;

// [Label "Content Foreground Border Color"]
// [Description "The foreground color of the borders of the content area."]
// [TranslationKey "sapContent_ForegroundBorderCol"]
// [Tags "Base", "Content", "Color"]
@sapContent_ForegroundBorderColor: @sapDarkBorderColor;

// [Label "Content Foreground Text Color"]
// [Description "The foreground color of texts in the content area."]
// [Tags "Base", "Content", "Color", "Font"]
@sapContent_ForegroundTextColor: contrast(@sapContent_ForegroundColor, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Content Badge Background"]
// [Description "The background color of badges."]
// [Tags "Base", "Content", "Color"]
@sapContent_BadgeBackground: @sapAccentColor3;

@sapContent_DragAndDropActiveColor: @sapActiveColor;

// [Label "Shell Background Color"]
// [Description "The background color of the shell."]
// [Tags "Base", "Shell", "Color"]
@sapShell_Background: @sapExtraLightBackground;

// [Label "Shell Background Image/Gradient"]
// [Description "The background image or gradient of the shell."]
// [Tags "Base", "Shell", "URI", "Image"]
@sapShell_BackgroundImage: @sapShell_Background;

// [Label "Background Opacity"]
// [Description "A value between 0.0 and 1.0 to control the opacity of the shell background image"]
// [Tags "Quick", "Base", "Opacity"]
@sapShell_BackgroundImageOpacity: 1.0;

// [Label "Background Repeat"]
// [Description "The switch to turn on/off the repetition of the shell background image. Chose 'true' or 'false' as value."]
// [Tags "Quick", "Base"]
@sapShell_BackgroundImageRepeat: false;

// [Label "Shell Background Image/Gradient"]
// [Description "The background image or gradient of the shell."]
// [Tags "Base", "Shell", "URI", "Image"]
@sapShell_BackgroundImage: @sapShell_Background;

// [Label "Background Opacity"]
// [Description "A value between 0.0 and 1.0 to control the opacity of the shell background image"]
// [Tags "Quick", "Base", "Opacity"]
@sapShell_BackgroundImageOpacity: 1.0;

// [Label "Background Repeat"]
// [Description "The switch to turn on/off the repetition of the shell background image. Chose 'true' or 'false' as value."]
// [Tags "Quick", "Base"]
@sapShell_BackgroundImageRepeat: false;

// [Label "Shell Border Color"]
// [Description "The color of the borders of the shell."]
// [Tags "Base", "Shell", "Color"]
@sapShell_BorderColor: @sapLightBorderColor;

// [Label "Shell Text Color"]
// [Description "The color of texts in the shell."]
// [Tags "Base", "Shell", "Color", "Font"]
@sapShell_TextColor: contrast(@sapShell_Background, @sapLightTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Shell Interactive Text Color"]
// [Description "The color of interactive texts in the shell."]
// [Tags "Base", "Shell", "Color", "Font"]
@sapShell_InteractiveTextColor: @sapShell_TextColor;

@sapShell_InteractiveBorderColor: lighten(@sapShellColor, 30);

@sapShell_GroupTitleTextColor: @sapTitleColor;

@sapShell_Hover_Background: @sapShellColor;

@sapShell_Active_Background: @sapShellColor;

@sapShell_Active_TextColor: contrast(@sapShell_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapShell_Selected_Background: @sapShellColor;

@sapShell_Selected_TextColor: contrast(@sapShell_Selected_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapShell_Selected_Hover_Background: @sapShellColor;

// [Label "Shell Favicon"]
// [Description "The URI to the favorite or shortcut icon displayed for the shell."]
// [Tags "Base", "Shell", "URI", "Image"]
@sapShell_Favicon: none;

@sapShell_Navigation_Background: @sapBackgroundColor;

@sapShell_Navigation_SelectedColor: @sapShell_TextColor;

@sapShell_Navigation_Selected_TextColor: @sapShell_TextColor;

@sapShell_Navigation_TextColor: @sapShell_GroupTitleTextColor;

@sapShell_Shadow: none;

// [Label "Button Border Thickness"]
// [Description "The thickness of button borders."]
// [Tags "Base", "Button", "Dimension"]
@sapButton_BorderWidth: @sapElement_BorderWidth;

// [Label "Button Corner Radius"]
// [Description "Defines whether a button has rounded corners."]
// [Tags "Base", "Button", "Dimension"]
@sapButton_BorderCornerRadius: 2px;

// [Label "Button Background Color"]
// [Description "The background color of buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Background: #f7f7f7;

// [Label "Button Border Color"]
// [Description "The color of a button's borders."]
// [Tags "Base", "Button", "Color"]
@sapButton_BorderColor: darken(@sapButton_Background,22);

// [Label "Button Text Color"]
// [Description "The color of texts on buttons."]
// [Tags "Base", "Button", "Color", "Font"]
@sapButton_TextColor: contrast(@sapButton_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Disabled Button Background Color"]
// [Description "The background color of disabled buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Disabled_Background: mix(@sapButton_Background, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100));

// [Label "Disabled Button Border Color"]
// [Description "The color of the borders of disabled buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Disabled_BorderColor: mix(@sapButton_BorderColor, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100));

// [Label "Disabled Button Text Color"]
// [Description "The color of texts on disabled buttons."]
// [Tags "Base", "Button", "Color", "Font"]
@sapButton_Disabled_TextColor: contrast(@sapButton_Disabled_Background, mix(lighten(@sapTextColor,20), #fff, 25), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Button Hover Background Color"]
// [Description "The background color of buttons on hover."]
// [Tags "Base", "Button", "Color"]
@sapButton_Hover_Background: darken(@sapButton_Background,5);

// [Label "Button Hover Border Color"]
// [Description "The color of a button's borders on hover."]
// [Tags "Base", "Button", "Color"]
@sapButton_Hover_BorderColor: darken(@sapButton_Hover_Background,17);

// [Label "Button Hover Text Color"]
// [Description "The color of texts on buttons on hover."]
// [Tags "Base", "Button", "Color", "Font"]
@sapButton_Hover_TextColor: contrast(@sapButton_Hover_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapButton_IconColor: contrast(@sapButton_Background, @sapContent_IconColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);

@sapButton_Active_Background: @sapActiveColor;

@sapButton_Active_BorderColor: @sapButton_Active_Background;

@sapButton_Active_TextColor: contrast(@sapButton_Active_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Emphasized Button Background Color"]
// [Description "The background color of emphasized buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Emphasized_Background: @sapBrandColor;

// [Label "Emphasized Button Border Color"]
// [Description "The border color of emphasized buttons."]
// [TranslationKey "sapButton_Emphasized_BorderCol"]
// [Tags "Base", "Button", "Color"]
@sapButton_Emphasized_BorderColor: darken(@sapButton_Emphasized_Background,5);

// [Label "Emphasized Button Text Color"]
// [Description "The color of texts on emphasized buttons."]
// [Tags "Base", "Button", "Color", "Font"]
@sapButton_Emphasized_TextColor: contrast(@sapButton_Emphasized_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapButton_Emphasized_Hover_Background: @sapButton_Emphasized_Background;

@sapButton_Emphasized_Hover_BorderColor: @sapButton_Emphasized_BorderColor;

@sapButton_Emphasized_Hover_TextColor: @sapButton_Emphasized_TextColor;

@sapButton_Emphasized_Active_Background: @sapButton_Emphasized_Background;

@sapButton_Emphasized_Active_BorderColor: @sapButton_Emphasized_BorderColor;

@sapButton_Emphasized_TextShadow: transparent;

@sapButton_Emphasized_FontWeight: regular;

// [Label "Reject Button Background Color"]
// [Description "The background color of \"Reject\" buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Reject_Background: @sapNegativeElementColor;

@sapButton_Reject_BorderColor: @sapNegativeElementColor;

@sapButton_Reject_Hover_Background: @sapButton_Reject_Background;

@sapButton_Reject_Hover_BorderColor: @sapButton_Reject_BorderColor;

@sapButton_Reject_Hover_TextColor: @sapButton_Reject_TextColor;

@sapButton_Reject_Active_Background: @sapButton_Reject_Background;

@sapButton_Reject_Active_BorderColor: @sapButton_Reject_BorderColor;

@sapButton_Reject_TextColor: contrast(@sapButton_Reject_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Accept Button Background Color"]
// [Description "The background color of \"Accept\" buttons."]
// [Tags "Base", "Button", "Color"]
@sapButton_Accept_Background: @sapPositiveElementColor;

@sapButton_Accept_BorderColor: @sapPositiveElementColor;

@sapButton_Accept_Hover_Background: @sapButton_Accept_Background;

@sapButton_Accept_Hover_BorderColor: @sapButton_Accept_BorderColor;

@sapButton_Accept_Hover_TextColor: @sapButton_Accept_TextColor;

@sapButton_Accept_Active_Background: @sapButton_Accept_Background;

@sapButton_Accept_Active_BorderColor: @sapButton_Accept_BorderColor;

@sapButton_Accept_TextColor: contrast(@sapButton_Accept_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapButton_Lite_Background: transparent;

@sapButton_Lite_BorderColor: transparent;

@sapButton_Lite_TextColor: contrast(@sapButton_Lite_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapButton_Lite_Hover_Background: @sapButton_Lite_Background;

@sapButton_Lite_Hover_BorderColor: @sapButton_Lite_BorderColor;

@sapButton_Lite_Hover_TextColor: @sapButton_Lite_TextColor;

@sapButton_Lite_Active_Background: @sapButton_Lite_Background;

@sapButton_Lite_Active_BorderColor: @sapButton_Lite_BorderColor;

@sapButton_Selected_Background: @sapSelectedColor;

@sapButton_Selected_BorderColor: @sapButton_Selected_Background;

@sapButton_Selected_TextColor: contrast(@sapButton_Selected_Background, @sapButton_TextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapButton_Selected_Hover_Background: @sapButton_Selected_Background;

@sapButton_Selected_Hover_BorderColor: @sapButton_Selected_BorderColor;

// [Label "Field Background Color"]
// [Description "The background color of input fields."]
// [Tags "Base", "Field", "Color"]
@sapField_Background: @sapLightestBackground;

// [Label "Field Border Color"]
// [Description "The color of an input field's borders."]
// [Tags "Base", "Field", "Color"]
@sapField_BorderColor: @sapDarkBorderColor;

@sapField_TextColor: @sapTextColor;

@sapField_PlaceholderTextColor: lighten(@sapContent_LabelColor, 4);

// [Label "Field Help Background Color"]
// [Description "The color of the value help icon."]
// [Tags "Base", "Field", "Color"]
@sapField_HelpBackground: @sapField_Background;

// [Label "Field Border Thickness"]
// [Description "The thickness of an input field's borders."]
// [Tags "Base", "Field", "Dimension"]
@sapField_BorderWidth: @sapElement_BorderWidth;

// [Label "Field Corner Radius"]
// [Description "Defines whether an input field has rounded corners."]
// [Tags "Base", "Field", "Dimension"]
@sapField_BorderCornerRadius: 0;

// [Label "Field Hover Background Color"]
// [Description "The background color of input fields on hover."]
// [Tags "Base", "Field", "Color"]
@sapField_Hover_Background: @sapField_Background;

// [Label "Field Hover Border Color"]
// [Description "The color of an input field's borders on hover."]
// [Tags "Base", "Field", "Color"]
@sapField_Hover_BorderColor: @sapHighlightColor;

// [Label "Field Help Hover Background Color"]
// [Description "The color of the value help icon on hover."]
// [Tags "Base", "Field", "Color"]
@sapField_Hover_HelpBackground: @sapHighlightColor;

@sapField_Active_BorderColor: @sapActiveColor;

// [Label "Focused Field Background Color"]
// [Description "The background color of focused input fields."]
// [Tags "Base", "Field", "Color"]
@sapField_Focus_Background: @sapField_Background;

// [Label "Focused Field Border Color"]
// [Description "The color of a focused input field's borders."]
// [Tags "Base", "Field", "Color"]
@sapField_Focus_BorderColor: @sapHighlightColor;

// [Label "Focused Field Help Background Color"]
// [Description "The background color of a focused input field's value help icon."]
// [Tags "Base", "Field", "Color"]
@sapField_Focus_HelpBackground: @sapField_Focus_Background;

// [Label "Read Only Field Background Color"]
// [Description "The background color of a read-only input field."]
// [Tags "Base", "Field", "Color"]
@sapField_ReadOnly_Background: transparent;

// [Label "Read Only Field Border Color"]
// [Description "The color of a read-only input field's borders."]
// [Tags "Base", "Field", "Color"]
@sapField_ReadOnly_BorderColor: transparent;

// [Label "Read Only Field Help Color"]
// [Description "The background color of a read-only input field's value help icon."]
// [TranslationKey "sapField_ReadOnly_HelpBackgrnd"]
// [Tags "Base", "Field", "Color"]
@sapField_ReadOnly_HelpBackground: @sapField_ReadOnly_Background;

// [Label "Disabled Field Background Color"]
// [Description "The background color of disabled input fields."]
// [Tags "Base", "Field", "Color"]
@sapField_Disabled_Background: mix(@sapField_Background, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100));

// [Label "Disabled Field Border Color"]
// [Description "The color of a disabled input field's borders."]
// [Tags "Base", "Field", "Color"]
@sapField_Disabled_BorderColor: mix(@sapField_BorderColor, @sapBackgroundColor, (@sapContent_DisabledOpacity * 100));

// [Label "Disabled Field Help Background Color"]
// [Description "The background color of a disabled input field's value help icon."]
// [TranslationKey "sapField_Disabled_HelpBackgrnd"]
// [Tags "Base", "Field", "Color"]
@sapField_Disabled_HelpBackground: @sapField_Disabled_Background;

// [Label "Required Field Color"]
// [Description "The color of the asterisk next to required input fields."]
// [Tags "Base", "Field", "Color"]
@sapField_RequiredColor: @sapAccentColor7;

// [Label "Invalid Field Color"]
// [Description "The base color of input fields with an invalid value."]
// [Tags "Base", "Field", "Color"]
@sapField_InvalidColor: @sapErrorColor;

// [Label "Invalid Field Background Color"]
// [Description "The background color of input fields with an invalid value."]
// [Tags "Base", "Field", "Color"]
@sapField_InvalidBackground: @sapField_Background;

// [Label "Warning Field Color"]
// [Description "The base color of an input field indicating a warning."]
// [Tags "Base", "Field", "Color"]
@sapField_WarningColor: @sapWarningColor;

// [Label "Warning Field Background Color"]
// [Description "The background color of an input field indicating a warning."]
// [Tags "Base", "Field", "Color"]
@sapField_WarningBackground: @sapField_Background;

// [Label "Success Field Color"]
// [Description "The base color an input field indicating a successful user action."]
// [Tags "Base", "Field", "Color"]
@sapField_SuccessColor: @sapSuccessColor;

// [Label "Success Field Background Color"]
// [Description "The background color of an input field indicating a successful user action."]
// [Tags "Base", "Field", "Color"]
@sapField_SuccessBackground: @sapField_Background;

// [Label "Information Field Color"]
// [Description "The base color an input field indicating an information status."]
// [Tags "Base", "Field", "Color"]
@sapField_InformationColor: @sapInformationColor;

// [Label "Information Field Background Color"]
// [Description "The background color of an input field indicating an information status."]
// [Tags "Base", "Field", "Color"]
@sapField_InformationBackground: @sapField_Background;

// [Label "Group Title Background Color"]
// [Description "The background color of the group header area."]
// [Tags "Base", "Group", "Color"]
@sapGroup_TitleBackground: transparent;

// [Label "Group Title Border Color"]
// [Description "The color of the borders of the group header area."]
// [Tags "Base", "Group", "Color"]
@sapGroup_TitleBorderColor: @sapMediumBorderColor;

// [Label "Group Title Text Color"]
// [Description "The text color of the group title. The text color of the title of a group."]
// [Tags "Base", "Group", "Color", "Font"]
@sapGroup_TitleTextColor: contrast(@sapBackgroundColor, @sapTitleColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold); // #333

// [Label "Group Title Font Size"]
// [Description "The font size of the group title."]
// [Tags "Base", "Group", "Dimension", "Font", "Protected"]
@sapGroup_Title_FontSize: 1.0em;

// [Label "Group Content Background Color"]
// [Description "The background color of the content area of a group."]
// [Tags "Base", "Group", "Color", "Protected"]
@sapGroup_ContentBackground: @sapLightestBackground;

// [Label "Group Content Border Color"]
// [Description "The color of the borders of a group's content area."]
// [Tags "Base", "Group", "Color", "Protected"]
@sapGroup_ContentBorderColor: @sapLightBorderColor;

// [Label "Group Border Thickness"]
// [Description "The thickness of the borders of a group's content area."]
// [Tags "Base", "Group", "Dimension", "Protected"]
@sapGroup_BorderWidth: @sapElement_BorderWidth;

// [Label "Group Corner Radius"]
// [Description "Defines whether a group has rounded corners."]
// [Tags "Base", "Group", "Dimension", "Protected"]
@sapGroup_BorderCornerRadius: 0;

// [Label "Group Footer Background Color"]
// [Description "The background color of the footer area of a group."]
// [Tags "Base", "Group", "Color", "Protected"]
@sapGroup_FooterBackground: transparent;

// [Label "Toolbar Background Color"]
// [Description "The background color of the toolbar."]
// [Tags "Base", "Toolbar", "Color"]
@sapToolbar_Background: transparent;

// [Label "Toolbar Separator Color"]
// [Description "The color of a toolbar's separators."]
// [Tags "Base", "Toolbar", "Color"]
@sapToolbar_SeparatorColor: @sapDarkBorderColor;

// [Label "List Column Header Background Color"]
// [Description "The background color of the column header area of lists."]
// [Tags "Base", "List", "Color"]
@sapList_HeaderBackground: lighten(@sapExtraLightBackground,2);

// [Label "List Column Header Border Color"]
// [Description "The color of the borders of the list column header area."]
// [Tags "Base", "List", "Color"]
@sapList_HeaderBorderColor: @sapList_BorderColor;

// [Label "List Column Header Text Color"]
// [Description "The color of texts on the list column header area."]
// [Tags "Base", "List", "Color", "Font"]
@sapList_HeaderTextColor: contrast(@sapList_HeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "List Border Color"]
// [Description "The color of the border in a list separating the entries."]
// [Tags "Base", "List", "Color"]
@sapList_BorderColor: @sapExtraLightBorderColor;

// [Label "List Grid Thickness"]
// [Description "The thickness of the border in a list separating the entries."]
// [Tags "Base", "List", "Dimension"]
@sapList_BorderWidth: @sapElement_BorderWidth;

@sapList_TextColor: contrast(@sapList_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapList_Active_Background: @sapActiveColor;

@sapList_Active_TextColor: contrast(@sapList_Active_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "List Highlight Color"]
// [Description "The color of highlighted elements in lists."]
// [Tags "Base", "List", "Color"]
@sapList_HighlightColor: @sapHighlightColor;

// [Label "List Selection Background Color"]
// [Description "The background color of selected elements in lists."]
// [TranslationKey "sapList_SelectBackgrndColor"]
// [Tags "Base", "List", "Color"]
@sapList_SelectionBackgroundColor: mix(@sapSelectedColor, #fff, 10);

@sapList_SelectionBorderColor: @sapList_BorderColor;

@sapList_Hover_SelectionBackground: contrast(@sapList_SelectionBackgroundColor,darken(@sapList_SelectionBackgroundColor, 3), lighten(@sapList_SelectionBackgroundColor, 3));

// [Label "List Background Color"]
// [Description "The background color of lists."]
// [Tags "Base", "List", "Color"]
@sapList_Background: @sapGroup_ContentBackground;

// [Label "List Hover Background Color"]
// [Description "The background color of lists on hover."]
// [Tags "Base", "List", "Color"]
@sapList_Hover_Background: contrast(@sapList_Background, darken(@sapList_Background, 6), lighten(@sapList_Background, 6));

@sapList_GroupHeaderBackground: @sapList_Background;

@sapList_GroupHeaderBorderColor: @sapList_BorderColor;

@sapList_GroupHeaderTextColor: contrast(@sapList_GroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapList_FooterBackground: @sapList_Background;

@sapList_FooterTextColor: @sapList_TextColor;

@sapList_TableGroupHeaderBackground: @sapList_Background;

@sapList_TableGroupHeaderBorderColor: @sapList_BorderColor;

@sapList_TableGroupHeaderTextColor: contrast(@sapList_TableGroupHeaderBackground, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

@sapList_TableFooterBorder: @sapList_BorderColor;

@sapList_TableFixedBorderColor: @sapList_BorderColor;

// [Label "Scrollbar Face Color"]
// [Description "The color of the surface of a scrollbar."]
// [Tags "Base", "Scrollbar", "Color"]
@sapScrollBar_FaceColor: darken(@sapLightestBackground, 10);

// [Label "Scrollbar Track Color"]
// [Description "The color of the track of a scrollbar."]
// [Tags "Base", "Scrollbar", "Color"]
@sapScrollBar_TrackColor: lighten(@sapScrollBar_FaceColor, 7);

// [Label "Scrollbar Border Color"]
// [Description "The color of the borders of a scrollbar."]
// [Tags "Base", "Scrollbar", "Color"]
@sapScrollBar_BorderColor: @sapScrollBar_FaceColor;

// [Label "Scrollbar Symbol Color"]
// [Description "The color of the scroll arrows in a scrollbar."]
// [Tags "Base", "Scrollbar", "Color"]
@sapScrollBar_SymbolColor: @sapLightTextColor;

// [Label "Scrollbar Dimension"]
// [Description "The size of the scrollbar (in pixel)."]
// [Tags "Base", "Scrollbar", "Dimension"]
@sapScrollBar_Dimension: 16px;

// [Label "Scrollbar Hover Face Color"]
// [Description "The hover color of the surface of a scrollbar."]
// [Tags "Base", "Scrollbar", "Color"]
@sapScrollBar_Hover_FaceColor: darken(@sapScrollBar_FaceColor, 3);

// [Label "Page Header Background Color"]
// [Description "The background color of page headers."]
// [Tags "Base", "Header", "Color"]
@sapPageHeader_Background: @sapExtraLightBackground;

// [Label "Page Header Border Color"]
// [Description "The border color of page headers."]
// [Tags "Base", "Header", "Color"]
@sapPageHeader_BorderColor: @sapLightBorderColor;

// [Label "Page Header Text Color"]
// [Description "The color of texts on page headers."]
// [Tags "Base", "Header", "Color", "Font"]
@sapPageHeader_TextColor: contrast(@sapPageHeader_Background, @sapLightTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Page Footer Background Color"]
// [Description "The background color of page footers."]
// [Tags "Base", "Footer", "Color"]
@sapPageFooter_Background: fade(#363e43, 96);

@sapPageFooter_BorderColor: @sapPageFooter_Background;

// [Label "Page Footer Text Color"]
// [Description "The color of texts on page footers."]
// [Tags "Base", "Footer", "Color", "Font"]
@sapPageFooter_TextColor: contrast(@sapPageFooter_Background, @sapTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Infobar Background Color"]
// [Description "The background color of infobars."]
// [Tags "Base", "Infobar", "Color"]
@sapInfobar_Background: mix(@sapAccentColor7, #fff, 73);

@sapInfobar_Hover_Background: @sapInfobar_Background;

@sapInfobar_Active_Background: @sapInfobar_Background;

// [Label "Object Header Background Color"]
// [Description "The background color of object headers."]
// [Tags "Base", "Header", "Color"]
@sapObjectHeader_Background: @sapLightestBackground;

@sapObjectHeader_BorderColor: darken(@sapObjectHeader_Background, 15);

// [Label "BlockLayer Background Color"]
// [Description "The background color of blocklayers."]
// [Tags "Base", "BlockLayer", "Color"]
@sapBlockLayer_Background: @sapDarkestBackground;

// [Label "Tile Background Color"]
// [Description "The background color of tiles."]
// [Tags "Base", "Tile", "Color"]
@sapTile_Background: @sapLightestBackground;

@sapTile_Hover_Background: contrast(@sapTile_Background, darken(@sapTile_Background, 2), lighten(@sapTile_Background, 2));

@sapTile_Active_Background: @sapTile_Hover_Background;

// [Label "Tile Border Color"]
// [Description "The border color of tiles."]
// [Tags "Base", "Tile", "Color"]
@sapTile_BorderColor: @sapLightBorderColor;

// [Label "Tile Title Text Color"]
// [Description "The color of title texts on tiles."]
// [Tags "Base", "Tile", "Color", "Font"]
@sapTile_TitleTextColor: contrast(@sapTile_Background, @sapDarkTextColor, @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Tile Text Color"]
// [Description "The color of texts on tiles."]
// [Tags "Base", "Tile", "Color", "Font"]
@sapTile_TextColor: contrast(@sapTile_Background, lighten(@sapTile_TitleTextColor, 20), @sapContent_ContrastTextColor, @sapContent_ContrastTextThreshold);

// [Label "Tile Icon Color"]
// [Description "The color of icons on tiles."]
// [Tags "Base", "Content", "Color"]
@sapTile_IconColor: contrast(@sapTile_Background, @sapHighlightColor, @sapContent_ContrastIconColor, @sapContent_ContrastTextThreshold);

// [Label "Chart Ordered Color 1"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_1: #5899da;

// [Label "Chart Ordered Color 2"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_2: #e8743b;

// [Label "Chart Ordered Color 3"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_3: #19a979;

// [Label "Chart Ordered Color 4"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_4: #ed4a7b;

// [Label "Chart Ordered Color 5"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_5: #945ecf;

// [Label "Chart Ordered Color 6"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_6: #13a4b4;

// [Label "Chart Ordered Color 7"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_7: #525df4;

// [Label "Chart Ordered Color 8"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_8: #bf399e;

// [Label "Chart Ordered Color 9"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_9: #6c8893;

// [Label "Chart Ordered Color 10"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_10: #ee6868;

// [Label "Chart Ordered Color 11"]
// [Description "This color is used as a ordered color of a sequence of 11 chart colors. It has a defined contrast to its predecessor and successor."]
// [Tags "Base", "Chart", "Color"]
@sapChart_OrderedColor_11: #2f6497;

// [Label "Chart Color 'Bad'"]
// [Description "This color is to visualize a 'Bad' value."]
// [Tags "Base", "Chart", "Color"]
@sapChart_Bad: #d32030;

// [Label "Chart Color 'Critical'"]
// [Description "This color is to visualize a 'Critical' value."]
// [Tags "Base", "Chart", "Color"]
@sapChart_Critical: #e17b24;

// [Label "Chart Color 'Good'"]
// [Description "This color is to visualize a 'Good' value."]
// [Tags "Base", "Chart", "Color"]
@sapChart_Good: #61a656;

// [Label "Chart Color 'Neutral'"]
// [Description "This color is to visualize a 'Neutral' value."]
// [Tags "Base", "Chart", "Color"]
@sapChart_Neutral: #848f94;

// [Label "Chart Color Sequence 1"]
// [Description "This color is the base chart color of the sequence 1"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_1: @sapChart_OrderedColor_1;

// [Label "Chart Color Sequence 2"]
// [Description "This color is the base chart color of the sequence 2"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_2: @sapChart_OrderedColor_2;

// [Label "Chart Color Sequence 3"]
// [Description "This color is the base chart color of the sequence 3"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_3: @sapChart_OrderedColor_3;

// [Label "Chart Color Sequence 4"]
// [Description "This color is the base chart color of the sequence 4"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_4: @sapChart_OrderedColor_4;

// [Label "Chart Color Sequence 5"]
// [Description "This color is the base chart color of the sequence 5"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_5: @sapChart_OrderedColor_5;

// [Label "Chart Color Sequence 6"]
// [Description "This color is the base chart color of the sequence 6"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_6: @sapChart_OrderedColor_6;

// [Label "Chart Color Sequence 7"]
// [Description "This color is the base chart color of the sequence 7"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_7: @sapChart_OrderedColor_7;

// [Label "Chart Color Sequence 8"]
// [Description "This color is the base chart color of the sequence 8"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_8: @sapChart_OrderedColor_8;

// [Label "Chart Color Sequence 9"]
// [Description "This color is the base chart color of the sequence 9"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_9: @sapChart_OrderedColor_9;

// [Label "Chart Color Sequence 10"]
// [Description "This color is the base chart color of the sequence 10"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_10: @sapChart_OrderedColor_10;

// [Label "Chart Color Sequence 11"]
// [Description "This color is the base chart color of the sequence 11"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_11: @sapChart_OrderedColor_11;

// [Label "Chart Color Sequence 'Neutral'"]
// [Description "This color is the base chart color of the sequence 'Neutral'"]
// [Tags "Base", "Chart", "Color"]
@sapChart_Sequence_Neutral: @sapChart_Neutral;