/* main.css — consolidated component styles for every page. * * Each page's rules are scoped under a root ID set on its : * #home (index.html) · #projects (projects.html) · #crew (app.html) * #admin (admin.html) · #invite (accept-invitation.html) · #delivery (delivery.html) * * Scoping under the page ID lets all pages share this one file without class collisions * (e.g. .card / .btn-primary are defined differently per page). Design tokens live in tokens.css. * Global helpers and @keyframes (which cannot be ID-scoped) live at the top; where two pages * defined the same keyframe name differently, the copy is renamed (shimmer -> shimmer-crew). * * This file is a faithful relocation of the pages' original