/* LendCloud.
 *
 * THE REFERENCE IMPLEMENTATION for ADR-0011. The operator looked at the
 * ruled-ledger version of this site, said he hated it, and produced this
 * brand's own earlier design as what every site on this network should feel
 * like: "uniqueness, dynamicness ... a plethora use of images, good padding
 * and structure, layout is balanced throughout left and right and top down.
 * And it just makes sense."
 *
 * The layout that came out of that is now `tools/sitegen/page.css`, shared by
 * all forty-seven, and the long note at the top of it is the design. What is
 * left here is what this site alone owns: its palette and its typeface. It adds
 * nothing to the skeleton and overrides none of its measures, which is what
 * being the reference means.
 *
 * GANTARI THROUGHOUT, at both weights, which is why this theme preloads one
 * font file rather than two. The ledger set its prose in Vollkorn because a
 * serif sits convincingly on a rule; there are no rules now and the reference
 * is a grotesque from top to bottom. `text.woff2` is no longer shipped.
 *
 * THE PALETTE IS READ OFF THE LOGO: a navy wordmark and a brighter blue
 * cloud, so navy is the ink and the blue is the one accent. Every pair below
 * clears WCAG AA on the ground it is used on -- see check-contrast.mjs, which
 * matters more here than it looks, because the accent is also the colour of
 * the second line of every headline.
 */

@font-face {
  font-family: "Gantari";
  src: url("display.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}

:root {
  /* type */
  --ink: #131c33;
  --ink-soft: #33405e;
  --text: #4a5570;
  --muted: #667089;

  /* the one accent */
  --accent: #1c5ef2;
  --accent-deep: #1447c4;
  --accent-wash: #eef3ff;
  --accent-line: #cfdcff;

  /* the tick, and the one figure that is a cost rather than a number */
  --good: #0f9d63;
  --good-wash: #dff5ea;
  --warn: #b26b06;

  /* grounds */
  --paper: #ffffff;
  --card: #ffffff;
  --tint: #f5f7fc;
  --rule: #e3e7ef;
  --rule-firm: #cbd2e0;

  /* the dark band the application sits on */
  --ask-ink: #c8d2e8;
  --ask-accent: #8fb2ff;

  --shadow: 19, 28, 51;

  --display: "Gantari", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --body: var(--display);
}

/* ---- the shared chrome, painted in this brand's colours ---- */
/* Chosen by measurement, not by name -- see tools/sitegen/chrome.css for what
 * each token does. Every pair below clears WCAG AA. Override freely. */
:root {
  --nav-bg: #ffffff;
  --nav-ink: #131c33;
  --nav-ink-soft: #667089;
  --nav-rule: #e3e7ef;
  --nav-hover: #1c5ef2;
  --nav-panel: #ffffff;
  --nav-cta-bg: #131c33;
  --nav-cta-ink: #ffffff;
  --nav-font: var(--display);
  --nav-size: 0.9375rem;
  --nav-weight: 600;
  --nav-track: 0;
  --nav-case: none;

  --foot-bg: #131c33;
  --foot-ink: #a8b2c8;
  --foot-head: #ffffff;
  --foot-rule: #2e3a58;
  --foot-link: #ffffff;
}