@use '../../../variables' as *;

.#{$prefix}theme-fci {
	.#{$prefix}navigation-menu {
		--#{$prefix}navigation-menu-background: rgba(255, 255, 255, 0.98);
		--#{$prefix}navigation-menu-padding: 0.375rem;
		--#{$prefix}navigation-menu-border-radius: 0.5rem;
		--#{$prefix}navigation-menu-color: #343a40;

		--#{$prefix}navigation-menu-popup-border-radius: 0.5rem;
		--#{$prefix}navigation-menu-popup-background: rgba(255, 255, 255, 0.98);
		--#{$prefix}navigation-menu-popup-color: #343a40;
		--#{$prefix}navigation-menu-popup-border-color: rgba(0, 0, 0, 0.08);
		--#{$prefix}navigation-menu-popup-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.04),
			0 8px 16px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.06);

		--#{$prefix}navigation-menu-link-hover-background: rgba(0, 0, 0, 0.05);
	}
}