﻿:root {
	--fontSizeBody: 18px;
	--fontSizeCaption: 14px;
	--fontSizeH1: 32px;
	--fontSizeH2: 24px;
	--fontSizeH3: 20px;
	--fontFamilyBase: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
	--fontFamilyMonospace: Consolas, 'Courier New', Courier, monospace;
	--fontFamilyNumeric: Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif;
	--fontWeightUltraLight: 100;
	--fontWeightLight: 200;
	--fontWeightRegular: 400;
	--fontWeightMedium: 500;
	--fontWeightSemibold: 600;
	--fontWeightBold: 700;
	--strokeWidthThin: 1px;
	--strokeWidthThick: 2px;
	--strokeWidthThicker: 3px;
	--strokeWidthThickest: 4px;
	--spaceXS: 2px;
	--spaceS: 4px;
	--spaceM: 8px;
	--spaceL: 16px;
	--spaceXL: 24px;
	--spaceXXL: 32px;
	--radiusS: 4px;
	--radiusM: 8px;
	--radiusL: 16px;
	--transition: 0.2s cubic-bezier(.4,0,.2,1);
	/* Colors */
	--colorNeutralForeground1: #242424;
	--colorNeutralForeground1Muted: #707070;
	--colorNeutralBackground1: #ffffff;
	--colorNeutralForeground1Link: #424242;
	--colorNeutralForeground1Link: #707070;
	--colorNeutralForeground1LinkHover: var(--colorNeutralForeground1);
	--colorNeutralForeground1LinkPressed: var(--colorNeutralForeground1LinkHover);
	--colorNeutralForeground1LinkSelected: var(--colorNeutralForeground1LinkHover);
	--colorBrandForeground1: #00FF00;
	--colorBrandBannerSelected: var(--colorBrandForeground1);
	--colorBrandHeading1: var(--colorBrandForeground1);
	--colorBrandHeading2: var(--colorBrandForeground1);
}

