@import './_light_theme.scss';
@import './_dark_theme.scss';

body {

	--default-logo-height: 18px;

	--default-theme-color: #009933;
	// --default-theme-color: #008ede;
	
	--default-brand-color: #009933;
	// --default-brand-color: #087e04;

	--success-color: #00a28b;
	--warning-color: #e09f1f;
	--danger-color: #de623b;

	--input-disabled-bg-color: hsla(0, 0%, 0%, 0.05);

	--dotted-outline: 1px dotted var(--dotted-outline-color);
	
	--header-height: 56px;

	--sidebar-width: 240px;

	--item-title-font-size: 14px;
	--item-title-max-lines: 2;
	--item-title-line-height: 18px;

	--horizontal-item-title-line-height: 21px;

	--playlist-item-title-line-height: 20px;

	--large-item-title-font-size: 16px;
	--large-item-title-line-height: 22px;

	--links-color: var( --default-theme-color );
}

body{

	--default-item-width: 218px;
	--default-max-item-width: 344px;

	--default-max-row-items: 6;
	
	--default-item-margin-right-width: 4px;
	--default-item-margin-bottom-width: 24px;

	--default-horizontal-item-margin-right-width: 12px;
	--default-horizontal-item-margin-bottom-width: 12px;
}