/* ===========================================================================
   PROVENANCE — BRAND TOKENS
   Values from the Provenance style guidelines (see brand/README.md).

   Three brand colours, given as Pantones with RGB equivalents:
     532CP  navy    stated #000426, artwork #050B20
     7527CP bone    stated #EEEBE1, artwork #E4E2CB
     467CP  sand    stated #E8DBC2, artwork #D8C387

   The artwork values are used here rather than the stated ones, so the
   interface matches the supplied logo sitting next to it. The gap matters most
   on sand: the stated value is a pale cream, while the actual leaf is a warmer
   gold that reads properly as an accent against the near-black navy.

   Typography is Open Sans throughout. Perpetua is the logo face only, and the
   logo is supplied as artwork, so the font itself is never needed — which also
   avoids its commercial web licence. Large display text uses Open Sans 300.
   =========================================================================== */
:root {
  /* Brand */
  --navy: #050b20;
  --navy-hover: #16203a;
  --sand: #d8c387;
  --sand-hover: #c4ac6c;

  /* Neutrals */
  --paper: #fcfcfa;
  --bone: #efeee4;
  --rule: #dfddd0;
  --grey: #8a8f97;
  --body: #6e7681;
  --ink: #10182b;
  --white: #ffffff;

  /* Supporting */
  --label: #8a8069;        /* eyebrow / label brown-grey */
  --on-navy: #dcdfe6;      /* body copy on navy */
  --on-navy-muted: #98a0b0;/* metadata on navy */
  --on-navy-dim: #6f7890;
  --rule-dark: #1e2740;    /* rules on dark grounds */
  --zebra: #f6f4ea;        /* table highlight row */

  /* Type */
  --sans: "Open Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  /* No second face: the guidelines name Open Sans for everything but the logo,
     so display text is the same family at its lightest weight. */
  --serif: "Open Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --serif-weight: 300;

  /* The lockup is wider and shorter than ARC's, so it carries more width. */
  --logo-width: 150px;
  --print-logo-width: 124px;
}