/* Custom Styles for MovGist Distribution */

:root {
	--primary-color: #4154f1;
	--secondary-color: #367eff;
}

body {
	font-family: var(--bs-font-sans-serif);
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito", sans-serif;
}

/* Hero Section */
.hero {
	background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

/* Custom Bootstrap Overrides */
.btn-primary {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-primary:hover {
	background-color: #6776f4;
	border-color: #6776f4;
}

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

.bg-primary {
	background-color: var(--primary-color) !important;
}

/* Cards */
.card {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Animations */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.fade-in {
	animation: fadeIn 0.5s ease-in;
}