$menu-title-font-size: type(text,xxs);
$menu-title-line-height: type(line-height,sm);
$menu-title-padding-y: spacing(8);
$menu-title-padding-x: spacing(30);
$menu-item-height: spacing(44);

// Default Color scheme
$menu-title-color: tints(600);

// Dark Color scheme
$menu-title-dark-color: tints(600);

:root {
	--menu-title-color: #{$menu-title-color};
}

.eps-theme-dark {
	--menu-title-color: #{$menu-title-dark-color};
}

.#{$eps-prefix}menu {

	ul {
		list-style: none;
		padding: 0;
		margin: 0;

		li {
			display: flex;
		}
	}

	&__title {
		padding: $menu-title-padding-y $menu-title-padding-x;
		font-size: $menu-title-font-size;
		line-height: $menu-title-line-height;
		text-transform: uppercase;
		font-weight: normal;
		color: var(--menu-title-color);
	}
}