/* Root */
:root {
	--theme-primary-color: #10143C;
	--theme-secondary-color: #EFA800;
	--base-font-size: clamp(1.125rem, 2vw, 1.375rem);
}

/* Theme */
.theme-bg-primary {
	background-color: var(--theme-primary-color);
}

.theme-bg-secondary {
	background-color: var(--theme-secondary-color);
}

.theme-text-primary {
	color: var(--theme-primary-color);
}

.theme-text-secondary {
	color: var(--theme-secondary-color);
}

/* Header */
header {
	.navbar {
		background-color: var(--theme-primary-color);

		.navbar-brand {
			img {
				width: auto;
				height: 30px;
				display: block;
			}
		}
	}
}

/* Pages */
/* Home - Page */
.home-page {
	.section-trade-advantage-calculate {
		.section-header{
			height: 30dvh;
			
			.flag{
				opacity: 0.2;
				transform: rotate(340deg);
				top: -2em;
				left: -6em;
				
				img{
					height: 33dvh;
				}
			}
			
			.logo{
				img{
					width: 20em;
				}
			}
		}
		
		.section-body {
			/* min-height: 500px; */
			height: 70dvh;
			display: flex;
			align-items: center;
			color: white;
			background-color: #132e73;

			.form-trade-advantage-calculate {
				.form-step {
					display: none;
				}

				.form-step.active {
					display: block;
				}
			}
		}
	}
}