/* Readability fixes for Revage site */
html,
body,
main,
header,
footer,
nav,
section,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
span,
div {
	font-family: Gilroy, 'Segoe UI', system-ui, sans-serif;
}

body,
main#svelte {
	color: #ffffff !important;
}

.header-wrapper,
.header-wrapper a,
.header-text,
.nav-item,
.footer-wrapper,
.footer-wrapper p,
.footer-wrapper a,
.main-wrapper,
.main-wrapper h1,
.main-wrapper h4,
.main-wrapper p,
.main-wrapper span,
.main-online-wrapper,
.main-clipboard {
	color: #ffffff !important;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);
}

.logo-span.text-primary,
.text-primary,
.main-online-span {
	color: #e8073d !important;
	text-shadow: 0 1px 8px rgba(0, 0, 0, 0.85);
}

.main-title {
	color: #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	background: none !important;
	background-image: none !important;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.9);
}

.main-subtitle,
.main-span {
	color: rgba(255, 255, 255, 0.95) !important;
}

.main-button,
.header-button {
	color: #ffffff !important;
}

/* Stronger dark overlay on hero sections */
.section-wrapper::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		90deg,
		rgba(14, 14, 17, 0.88) 0%,
		rgba(32, 34, 41, 0.75) 50%,
		rgba(14, 14, 17, 0.55) 100%
	);
	pointer-events: none;
}

.section-wrapper > .relative.z-10,
.section-wrapper .main-wrapper {
	position: relative;
	z-index: 10;
}

.nav-item.\!text-white\/50,
a.\!text-white\/50 {
	color: rgba(255, 255, 255, 0.65) !important;
}

.nav-item.\!text-white,
a.\!text-white {
	color: #ffffff !important;
}

.header-wrapper {
	background: linear-gradient(180deg, rgba(14, 14, 17, 0.85) 0%, transparent 100%);
}

.footer-wrapper {
	background: linear-gradient(0deg, rgba(14, 14, 17, 0.9) 0%, transparent 100%);
}