/* Moov's look for Scrivener sites (Moov Notes): moov.io's type, colors and logo. Loaded after the
   app's own styles; it sets the variables those use. Served from the brand bucket at /brand/moov/. */

/* Inter (SIL Open Font License), as on moov.io. Moov's heading face, Clash, is left out until
   its license for this use is confirmed (#12); headings use Inter too. */
@font-face {
  font-family: "Inter";
  src: url("/brand/moov/fonts/inter.var.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: "Inter", system-ui, sans-serif;
  --font-heading: "Inter", system-ui, sans-serif;
  --color-text: #0d0d0d;
  /* moov.io's darker green reads well as link text on white. */
  --color-accent: #388707;
  --top-bar-background: #0d0d0d;
  --top-bar-text: #fff;
}

h1,
h2,
h3 {
  font-weight: 650;
  letter-spacing: -0.01em;
}

/* The white Moov logo, then the site's name in Moov green. */
.brand-logo {
  height: 16px;
}

.brand-name {
  color: #77d656;
}

.top-bar .muted {
  color: #9f9f9f;
}