/* Elevate Business Funding.
 *
 * On the ADR-0011 skeleton -- `tools/sitegen/page.css` is the layout. What is
 * here is the palette and the two typefaces.
 *
 * ONE BLUE, FIVE WAYS. This brand owns no second hue at all -- its palette is
 * six steps of the same cyan-blue from #eaf6fe to #042d53 -- so the tick, the
 * accent and the price figure are all the same colour at different depths,
 * and the page has no warm note anywhere. That is unusual on this network and
 * it is worth keeping: a site whose argument is speed reads better cold.
 *
 * The brand's brightest blue, #069af3, measures 2.7:1 on white and is not the
 * accent. #057ac1 clears AA at 4.60:1 and the bright one survives as the
 * navbar's call to action, where it sits under white type at 3.5:1 on a
 * 16px-bold label -- which is why the CTA is set at 1rem/700 rather than the
 * skeleton's default and the deeper blue is used for the hover.
 *
 * ROUNDED. `--radius` 18px, which is this brand's own `--r` and the second
 * roundest theme here after the reference.
 */

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

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

:root {
  --ink: #042d53;
  --ink-soft: #014576;
  --text: #3a4a5c;
  --muted: #5b6b7d;

  --accent: #057ac1;
  --accent-deep: #014576;
  --accent-wash: #eaf6fe;
  --accent-line: #b6dff8;

  --good: #057ac1;
  --good-wash: #e2f2fc;
  --warn: #014576;

  --paper: #ffffff;
  --card: #ffffff;
  --tint: #f2f8fd;
  --rule: #d9e6f2;
  --rule-firm: #b3c9dd;

  --ask-ink: #9fb6cc;
  --ask-accent: #6cc6f5;

  --shadow: 4, 45, 83;

  --display: "Urbanist", "Segoe UI", system-ui, sans-serif;
  --body: "NunitoSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  --display-weight: 800;
  --display-track: -0.034em;

  --shell: 1180px;
  --radius: 18px;
  --radius-sm: 13px;
}

/* ---- the shared chrome, painted in this brand's colours ---- */
:root {
  --nav-bg: #ffffff;
  --nav-ink: #042d53;
  --nav-ink-soft: #5b6b7d;
  --nav-rule: #d9e6f2;
  --nav-hover: #057ac1;
  --nav-panel: #ffffff;
  --nav-cta-bg: #057ac1;
  --nav-cta-ink: #ffffff;
  --nav-font: var(--display);
  --nav-size: 0.9375rem;
  --nav-weight: 700;
  --nav-track: -0.01em;
  --nav-case: none;

  --foot-bg: #042d53;
  --foot-ink: #9ab2c8;
  --foot-head: #ffffff;
  --foot-rule: #14446f;
  --foot-link: #ffffff;
}