/* Smooth scroll & base fonts */
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Helvetica Neue', Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: 'Poppins', sans-serif; }


/* Keep footer at bottom when content is short */
main { min-height: 60vh; }


/* Header scrolled state (JS toggles .is-scrolled) */
#site-header.is-scrolled { background: rgba(255,255,255,0.9); backdrop-filter: blur(8px); box-shadow: 0 1px 0 0 rgba(0,0,0,0.06); }


/* Utility tweaks to mirror the React build */
:root { --radius: 8px; }


/* Optional: debug wrapper support (matches your index.css custom rules) */
[data-debug-wrapper="true"] { display: contents !important; }
[data-debug-wrapper="true"] > * { margin: inherit; padding: inherit; gap: inherit; border-width: inherit; border-style: inherit; border-color: inherit; }


/* ======================== assets/js/main.js ======================== */
// Toggle mobile menu
const menuBtn = document.getElementById('menu-btn');
const mobileMenu = document.getElementById('mobile-menu');
if (menuBtn && mobileMenu) {
menuBtn.addEventListener('click', () => {
mobileMenu.classList.toggle('hidden');
});
}
// Header shadow on scroll
const header = document.getElementById('site-header');
const onScroll = () => {
if (!header) return;
if (window.scrollY > 20) header.classList.add('is-scrolled');
else header.classList.remove('is-scrolled');
};
window.addEventListener('scroll', onScroll);
onScroll();