:root {
	--gi-red-900: #7f1d1d;
	--gi-red-700: #b91c1c;
	--gi-slate-950: #020617;
	--gi-slate-100: #f1f5f9;
}

body {
	font-family: 'Roboto', sans-serif;
	background: radial-gradient(circle at 10% 10%, #fff1f2 0%, #f8fafc 40%, #eef2ff 100%);
}

.app-shell-bg {
	background-image:
		radial-gradient(circle at 80% 10%, rgba(248, 113, 113, 0.12), transparent 42%),
		radial-gradient(circle at 20% 90%, rgba(14, 116, 144, 0.08), transparent 35%);
}

.module-hero {
	background:
		linear-gradient(125deg, rgba(127, 29, 29, 0.95), rgba(220, 38, 38, 0.92) 55%, rgba(30, 41, 59, 0.92));
}

@media (max-width: 991px) {
	.module-hero {
		border-radius: 1rem;
	}
}