:root {
	--fartiyal-primary: #2563eb;
}

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

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

.border-primary {
	border-color: var(--fartiyal-primary);
}

.hover\:bg-primary:hover {
	background-color: var(--fartiyal-primary);
}

.hover\:text-primary:hover {
	color: var(--fartiyal-primary);
}

/* Visually hidden utility */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

header.site-header {
	backdrop-filter: saturate(180%) blur(16px);
}

.dark header.site-header {
	background-color: rgba(0, 0, 0, 0.85);
}

.theme-toggle-btn svg {
	pointer-events: none;
}

[data-scroll-top].is-hidden {
	opacity: 0;
	pointer-events: none;
	transform: translateY(16px);
}

.section-title {
	position: relative;
	display: inline-block;
}

.section-title::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 40%;
	height: 3px;
	background: var(--fartiyal-primary);
	border-radius: 999px;
}

.card-shadow {
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.dark .card-shadow {
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.4);
}

.contact-form input,
.contact-form textarea {
	background-color: rgba(148, 163, 184, 0.08);
}

.dark .contact-form input,
.dark .contact-form textarea {
	background-color: rgba(15, 23, 42, 0.8);
}