/* Custom CSS for Synthesian v5 - Minimal overrides */

/* Ensure smooth scrolling for the whole page */
html {
	scroll-behavior: smooth;
}

/* Primary color utility */
.text-primary {
	color: #0088C6;
}

.bg-primary {
	background-color: #0088C6;
}

.border-primary {
	border-color: #0088C6;
}

.hover\:text-primary:hover {
	color: #0088C6;
}

/* Custom styles */

/* Navbar text color based on light/dark state */
nav.nav-light .nav-text,
nav.nav-light .nav-text a,
nav.nav-light .nav-text button {
	color: #1f2937; /* gray-800 */
}

nav.nav-dark .nav-text,
nav.nav-dark .nav-text a,
nav.nav-dark .nav-text button {
	color: #ffffff; /* white */
}

/* Ensure images are responsive */
img {
	max-width: 100%;
	height: auto;
}

/* Improve text rendering */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Custom focus styles for accessibility */
a:focus-visible,
button:focus-visible {
	outline: 2px solid #0088C6;
	outline-offset: 2px;
}

/* Print styles */
@media print {
	nav {
		display: none !important;
	}
	
	section {
		page-break-inside: avoid;
	}
}