/**
 * Adleverage Custom Theme Main Stylesheet
 * Developed by Nagender
 */

/* Root Variables (Overridden dynamically via WP Admin Customizer) */
:root {
	--body-font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	--heading-font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;
	--primary-color: #2563eb;
}

/* General typography */
body {
	font-family: var(--body-font-family);
	scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6, .site-title, .wp-block-heading {
	font-family: var(--heading-font-family);
	font-weight: 700;
}

/* Post thumbnails & responsive media */
.wp-block-post-featured-image img,
.entry-content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Custom focus states for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
	outline: 2px solid var(--primary-color);
	outline-offset: 3px;
}

/* Pagination styles */
.wp-block-query-pagination {
	gap: 0.5rem;
	margin-top: 2rem;
}

.wp-block-query-pagination a,
.wp-block-query-pagination span {
	padding: 0.5rem 1rem;
	border-radius: 4px;
	background: var(--wp--preset--color--surface, #f8fafc);
	text-decoration: none;
}