/* common.css carries a global `h1 { color: #fff !important; }` (see
   common.less line 36). It was added so the homepage hero heading reads over
   its background photo, but it has no scope: it hits every h1 on the site.
   Every heading that sits on the light page background therefore renders white
   on #f0f2f4 and is effectively invisible — the page titles on Quick Start,
   User Guide, Sign in, Lost password, the dashboard and the error pages, plus
   two headings on the Tagger microsite.

   The generated common.css cannot be rebuilt here (the LESS toolchain that
   produced it is not in the project), so the correction lives in its own file
   loaded after it. It has to repeat !important to outrank the original rule.

   #565d63 is @content-light-color from less/page-vars.less, the colour the
   design intended for headings on light backgrounds. */

h1 {
    color: #565d63 !important;
}

/* The two headings that really do sit on a dark photo keep the white. */
#header h1,      /* homepage hero */
h1.app-title {   /* Geotag Photos Tagger microsite hero */
    color: #ffffff !important;
}