/* Minimal custom styles to complement Tailwind */
:root { color-scheme: light dark; }
.container-px { padding-left: 1rem; padding-right: 1rem; }
.card { border: 1px solid rgba(0,0,0,.05); border-radius: .5rem; padding: 1rem; background: color-mix(in oklab, white 92%, transparent); }
@media (prefers-color-scheme: dark){
  .card { border-color: rgba(255,255,255,.1); background: color-mix(in oklab, black 85%, transparent); }
}

/* Typography */
body { font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.section-label { /* headers */
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  letter-spacing: -0.01em;
}
h1 { /* hero */
  font-family: Manrope, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
h2 { /* subtitles */
  font-family: 'Montserrat', Poppins, system-ui, -apple-system, Segoe UI, Roboto, Manrope, sans-serif;
}

/* Mobile menu animation */
#mobile-menu.menu-closed {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
#mobile-menu.menu-open {
  max-height: 240px; /* enough for 4 links */
  opacity: 1;
}