@charset "utf-8";

/* properties for subsembly product colors ----------------------------------*/
/* properties not yet usable in firefox (march/2024)
@property --shinyColorBrandingB4Home { syntax: "<color>"; inherits: true; initial-value: #2E6399;}
@property --shinyColorBrandingB4Pro { syntax: "<color>"; inherits: true; initial-value: #1F4266;}
@property --shinyColorBrandingB4Business { syntax: "<color>"; inherits: true; initial-value: #575E66;}
@property --shinyColorBrandingBVEU { syntax: "<color>"; inherits: true; initial-value: #828E99;}
@property --shinyColorAlternateRow { syntax: "<color>"; inherits: true; initial-value: #EBF0F5;}
@property --shinyColorBackgroundSelected { syntax: "<color>"; inherits: true; initial-value: #CEE0F2;}
@property --shinyColorTextPrimary { syntax: "<color>"; inherits: true; initial-value: #3C3F42;}
@property --shinyColorTextSecondary { syntax: "<color>"; inherits: true; initial-value: #797C80;}
@property --shinyColorTextTertiary { syntax: "<color>"; inherits: true; initial-value: #A0A4A8;}
@property --shinyColorBackgroundEmpty { syntax: "<color>"; inherits: true; initial-value: #E1E3E5;}
@property --shinyColorBackgroundPanel { syntax: "<color>"; inherits: true; initial-value: #F0F2F5; }
@property --shinyColorBackground { syntax: "<color>"; inherits: true; initial-value: #FAFCFD;}
@property --shinyColorTextPlusAmount { syntax: "<color>"; inherits: true; initial-value: #60994C;}
@property --shinyColorTextMinusAmount { syntax: "<color>"; inherits: true; initial-value: #CB493D;}
@property --shinyColorDivider { syntax: "<color>"; inherits: true; initial-value: #D0D5DA;}
@property --shinyColorOldTextPrimary { syntax: "<color>"; inherits: true; initial-value: #626466; }
*/

body {
	--shinyColorBrandingSubsembly: #2E6399; /* medium blue */
	--shinyColorBrandingB4Home: #2E6399; /* home blue */
	--shinyColorBrandingB4HomeTransparent: #2E639999;
	--shinyColorBrandingB4HomeMenu: oklch(from var(--shinyColorBrandingB4Home) 45% c h);
	--shinyColorBrandingB4Pro: #1B4B7A; /* professional blue */
	--shinyColorBrandingB4ProTransparent: #1B4B7A99;
	--shinyColorBrandingB4ProMenu: oklch(from var(--shinyColorBrandingB4Pro) 35% c h);
	--shinyColorBrandingB4Business: #0F355C; /* business blue */
	--shinyColorBrandingB4BusinessTransparent: #0F355C99;
	--shinyColorBrandingB4BusinessMenu: oklch(from var(--shinyColorBrandingB4Business) 25% c h);
	--shinyColorBrandingBVEU: #6f8195; /* blue grey */
	--shinyColorBrandingBVEUTransparent: #6f819599;
	--shinyColorAlternateRow: #EBF0F5; /* very light blue */
	--shinyColorBackgroundSelected: #CEE0F2; /* light blue */
	--shinyColorTextPrimary: #3C3F42; /* main black */
	--shinyColorTextSecondary: #797C80; /* dark grey */
	--shinyColorTextTertiary: #A0A4A8; /* medium grey */
	--shinyColorBackgroundEmpty: #E1E3E5; /* light grey */
	--shinyColorBackgroundEmptyTransparent: #E1E3E5DB;
	--shinyColorBackgroundPanel: #F0F2F5; /* very light grey */
	--shinyColorBackground: #FAFCFD; /* main white */
	--shinyColorTextPlusAmount: #60994C; /* green */
	--shinyColorTextMinusAmount: #CB493D; /* red */
	--shinyColorDivider: #D0D5DA; /* some grey */
	--shinyColorOldTextPrimary: #626466; /* very dark grey */
	--shinyColorIssueOn: #c76666; /* red */
	--shinyColorIssueOnTransparent: #c766661a; /* red transparent */
	--shinyColorIssueMid: #c2d148; /* yellow */
	--shinyColorIssueMidTransparent: #c2d1481a; /* yellow transparent */
	--shinyColorIssueOff: #4c9980; /* green */
	--shinyColorIssueOffTransparent: #4c99801a; /* green transparent */
	--shinyColorPlainWhite: #FFF; /* white */
	--shinyColorPlainBlack: #000; /* black */
}

/* subsembly product colors -------------------------------------------------*/
.shinyColorBrandingB4Home { color: var(--shinyColorBrandingB4Home); }
.shinyColorBrandingB4Pro { color: var(--shinyColorBrandingB4Pro); }
.shinyColorBrandingB4Business { color: var(--shinyColorBrandingB4Business); }
.shinyColorBrandingBVEU { color: var(--shinyColorBrandingBVEU); }

.shinyBackgroundColorBrandingB4Home { background-color: var(--shinyColorBrandingB4Home); }
.shinyBackgroundColorBrandingB4Pro { background-color: var(--shinyColorBrandingB4Pro); }
.shinyBackgroundColorBrandingB4Business { background-color: var(--shinyColorBrandingB4Business); }
.shinyBackgroundColorBrandingBVEU { background-color: var(--shinyColorBrandingBVEU); }

/* more subsembly colors ----------------------------------------------------*/
.shinyColorAlternateRow { color: var(--shinyColorAlternateRow); }
.shinyColorBackgroundSelected { color: var(--shinyColorBackgroundSelected); }
.shinyColorTextPrimary { color: var(--shinyColorTextPrimary); }
.shinyColorTextSecondary { color: var(--shinyColorTextSecondary); }
.shinyColorTextTertiary { color: var(--shinyColorTextTertiary); }
.shinyColorBackgroundEmpty { color: var(--shinyColorBackgroundEmpty); }
.shinyColorBackgroundPanel { color: var(--shinyColorBackgroundPanel); }
.shinyColorBackground { color: var(--shinyColorBackground); }
.shinyColorTextPlusAmount { color: var(--shinyColorTextPlusAmount); }
.shinyColorTextMinusAmount { color: var(--shinyColorTextMinusAmount); }
.shinyColorDivider { color: var(--shinyColorDivider); }

/* more subsembly colors as background-color --------------------------------*/
.shinyBackgroundColorAlternateRow { background-color: var(--shinyColorAlternateRow); }
.shinyBackgroundColorBackgroundSelected { background-color: var(--shinyColorBackgroundSelected); }
.shinyBackgroundColorTextPrimary { background-color: var(--shinyColorTextPrimary); }
.shinyBackgroundColorTextSecondary { background-color: var(--shinyColorTextSecondary); }
.shinyBackgroundColorTextTertiary { background-color: var(--shinyColorTextTertiary); }
.shinyBackgroundColorBackgroundEmpty { background-color: var(--shinyColorBackgroundEmpty); }
.shinyBackgroundColorBackgroundPanel { background-color: var(--shinyColorBackgroundPanel); }
.shinyBackgroundColorBackground { background-color: var(--shinyColorBackground); }
.shinyBackgroundColorTextPlusAmount { background-color: var(--shinyColorTextPlusAmount); }
.shinyBackgroundColorTextMinusAmount { background-color: var(--shinyColorTextMinusAmount); }
.shinyBackgroundColorDivider { background-color: var(--shinyColorDivider); }

/* colors of impressum and datenschutzerklärung website ---------------------*/
.dark { background-color: var(--shinyColorBackgroundEmptyTransparent); }
.bright { background-color: var(--shinyColorBackground); }

/* colors of issues ---------------------------------------------------------*/
.shinyColorIssueOn { color: var(--shinyColorIssueOn); }
.shinyColorIssueMid { color: var(--shinyColorIssueMid); }
.shinyColorIssueOff { color: var(--shinyColorIssueOff); }