/* Essential Business Loans.
 *
 * On the ADR-0011 skeleton -- `tools/sitegen/page.css` is the layout. What is
 * here is the palette and the two typefaces.
 *
 * FRAUNCES, WHICH IS A SOFT SERIF AND THE ONLY ONE HERE. Continental's
 * Cormorant is a Garamond and Capital Advantage's Bodoni is a didone; this is
 * neither -- it has the weight of a slab and the warmth of a text face, and
 * at 700 it carries a headline without the hairline problem either of the
 * others has. So there is no `.h3` override on this theme.
 *
 * DEEP GREEN AND LIME. The green is the accent and the ink. The lime is this
 * brand's own second colour and it measures 2.0:1 on white, which makes it
 * useless for type and ideal for the tick's ground -- so `--good-wash` is the
 * lime at a wash and `--good` is the green that sits on it. `--warn` is the
 * lime's own dark ink, #5f7a06, which is the only place that colour appears
 * as type anywhere on the site.
 */

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

@font-face {
  font-family: "LibreFranklin";
  src: url("text.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}

:root {
  --ink: #12261a;
  --ink-soft: #10381f;
  --text: #1f2a21;
  --muted: #5d6c5f;

  --accent: #1d6b38;
  --accent-deep: #10381f;
  --accent-wash: #eef4ec;
  --accent-line: #bdd3bb;

  --good: #1d6b38;
  --good-wash: #edf3d8;
  --warn: #5f7a06;

  --paper: #ffffff;
  --card: #ffffff;
  --tint: #f3f6f1;
  --rule: #d5ded3;
  --rule-firm: #b2beb0;

  --ask-ink: #a5b3a7;
  --ask-accent: #a8c62e;

  --shadow: 18, 38, 26;

  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --body: "LibreFranklin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* A soft serif at 700 wants a little negative tracking but nowhere near a
     grotesque's. */
  --display-weight: 700;
  --display-track: -0.012em;

  --shell: 74rem;
  --radius: 6px;
  --radius-sm: 5px;
}

/* ---- the shared chrome, painted in this brand's colours ---- */
:root {
  --nav-bg: #ffffff;
  --nav-ink: #12261a;
  --nav-ink-soft: #5d6c5f;
  --nav-rule: #d5ded3;
  --nav-hover: #1d6b38;
  --nav-panel: #ffffff;
  --nav-cta-bg: #1d6b38;
  --nav-cta-ink: #ffffff;
  --nav-font: var(--body);
  --nav-size: 0.9375rem;
  --nav-weight: 600;
  --nav-track: 0;
  --nav-case: none;

  --foot-bg: #10381f;
  --foot-ink: #9fb3a4;
  --foot-head: #ffffff;
  --foot-rule: #25502f;
  --foot-link: #ffffff;
}