/* The site's colours, in one place.
 
   They were spelled out wherever they were needed: #313c78 seventeen times,
   #3949ab seven, and four more navies within a few percent of each other
   (#202b5d, #222473, #10449a, #216ce7) that nobody could tell apart in a
   stylesheet but which are different on screen. Restyling meant finding every
   one of them across five files -- and the CAPTCHA image, which is drawn in
   Python, had to be told the same values a sixth time.
 
   Loaded before every other stylesheet, including on the two account pages,
   which render their own document and do not get base-style.css. */

:root {
    /* Brand. --navy is the one on section headers and title bars; --blue and
       --blue-deep are the login page's button and its hover. */
    --atlas-navy: #313c78;
    --atlas-navy-dark: #202b5d;
    --atlas-navy-alt: #222473;
    --atlas-indigo: #3949ab;
    --atlas-blue: #216ce7;
    --atlas-blue-deep: #10449a;

    /* Surfaces. --ground is the near-white a report section sits on, --rule the
       border on an input or a panel. */
    --atlas-ground: #f7f7f7;
    --atlas-rule: #ebebeb;

    /* The greys the table pagination is drawn in. --grey-dark is the resting
       page number, --grey-deep the page you are on. */
    --atlas-grey-dark: #495057;
    --atlas-grey-deep: #343a40;
    --atlas-grey-soft: #dee2e6;
}