/* Aurora base polish. Tailwind (via CDN) handles utilities; this adds a few
   things utilities can't, plus styling for WP-generated markup (pagination, menus). */

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

/* Scrollbar */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0b0b16; }
::-webkit-scrollbar-thumb { background: #2a2740; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #3a3556; }

/* WordPress pagination from paginate_links() */
.aurora-pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 12px;
	border-radius: 12px; background: rgba(255,255,255,.04);
	border: 1px solid rgba(255,255,255,.08); color: #cbd5e1;
	font-weight: 600; font-size: 14px; text-decoration: none;
}
.aurora-pagination .page-numbers:hover { background: rgba(255,255,255,.08); color: #fff; }
.aurora-pagination .page-numbers.current {
	background: linear-gradient(120deg,#e879f9,#8b5cf6); color: #fff; border-color: transparent;
}

/* Primary nav underline animation */
header nav a { position: relative; }
header nav a:hover { color: #fff; }

/* Ensure Tailwind forms plugin dark inputs read well */
input, textarea, select { color-scheme: dark; }

/* Prose adjustments for dark bg */
.prose-invert :where(a):not(:where([class~="not-prose"] *)) { color: #f0abfc; }
.prose-invert :where(a):hover { color: #f5d0fe; }

/* Model card blur fallback (in case Tailwind blur utilities are purged) */
.mpc-blur { filter: blur(16px); transform: scale(1.06); }

/* Smooth reveal */
@keyframes aurora-fade { from { opacity: 0; transform: translateY(8px);} to { opacity: 1; transform: none; } }
.aurora-fade { animation: aurora-fade .5s ease both; }