/* Styles shared by every page in this app. Loaded before each page's own
   <style> block, so a page can still override anything here.

   Colors come from the CSS variables each page defines in its own :root
   (--muted, --accent), so the footer follows whatever theme the page is
   in, including the ?org=o orange scheme.

   Every page also defines --accent2, Tulane light blue (#71c5e8), as the
   secondary: the rule under each green header bar, the top border of the
   hub and login cards, and what every button and button-shaped link fills
   with on hover. It is never text or an icon on white, where it is too
   pale to read - so a button hovering into it turns its own label dark
   ink rather than keeping white. The orange scheme swaps it for #f4a261
   the same way it swaps --accent. */

/* Pins the footer to the bottom of the viewport on short pages, while
   still letting it sit below the content on long ones. A page that lays
   its own body out differently (the root hub page centers a card) just
   redeclares what it needs in its own stylesheet. */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}