:root {
	/* Primary: Diver Lady */
		--primary-100: #F2F7FF;
		--primary-200: #C8E0FD;
		--primary-300: #97C3ED;
		--primary-400: #5D98C3;
		--primary-500: #245470;
		--primary-600: #13475E;
		--primary-700: #0B3B4B;
		--primary-800: #072F39;
		--primary-900: #052226;
	
		/* Accent: Fuego Nuevo */
		--accent-100: #FFFAF2;
		--accent-200: #FFE1BE;
		--accent-300: #FDC189;
		--accent-400: #F99A53;
		--accent-500: #F06C1F;
		--accent-600: #BD420A;
		--accent-700: #8B2402;
		--accent-800: #591100;
		--accent-900: #260500;
	
		/* Neutral */
		--neutral-100: #FAFBFC;
		--neutral-200: #EAECEE;
		--neutral-300: #DADDE0;
		--neutral-400: #CACFD2;
		--neutral-500: #BBC1C4;
		--neutral-600: #939A9D;
		--neutral-700: #6D7375;
		--neutral-800: #474D4E;
		--neutral-900: #222626;
}

body {
	min-height: 75rem;
	padding-top: 3.5rem;
	font-family: 'Ubuntu', var(--bs-body-font-family);
}

.navbar-blue {
	background-color: var(--primary-500);
	--bs-navbar-color: var(--neutral-300);
	--bs-navbar-hover-color: var(--neutral-100);
	--bs-navbar-disabled-color: var(--neutral-600);
	--bs-navbar-active-color: var(--primary-100);
	--bs-navbar-brand-color: var(--primary-100);
	--bs-navbar-brand-hover-color: var(--primary-100);
	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23DADDE0' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-dropdown-divider-bg: var(--neutral-300);
}

.navbar p {
	margin: 0;
}

/* Card styles */

.menu-card {
	border-radius: 0.5rem;
	margin-bottom: 2rem;
	overflow: hidden;
	box-shadow: 0 0 0.5rem var(--neutral-200);

	transition: .3s transform cubic-bezier(.155, 1.105, .295, 1.12),
		.3s box-shadow,
		.3s -webkit-transform cubic-bezier(.155, 1.105, .295, 1.12);;
}

.menu-card:hover {
	transform: scale(1.05);
	box-shadow: 0 0 0.5rem var(--neutral-300);
	cursor: pointer;
}

.menu-card img {
	width: 100%;
	object-fit: cover;
	z-index: -1;
	position: relative;
}

.menu-card .card-body {
	padding: 1rem;
	background-color: var(--neutral-100);
	box-shadow: 0 0 1rem 0px var(--neutral-200);
}

.menu-card h5 {
	margin: 0px;
}

.menu-card a {
	color: var(--neutral-800);
	text-decoration: none;
}

.menu-card:hover a {
	color: var(--neutral-900);
	text-decoration: underline;
}