/* ============================================================
   Fonts, served from this server rather than a CDN.

   Two reasons: the pages render identically whether or not the
   machine can reach fonts.googleapis.com (some office networks
   cannot), and there is no flash of a fallback face while a
   third party is contacted.
   ============================================================ */

/* Inter, one variable file covering every weight we use. */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/fonts/inter-latin-wght-normal.woff2') format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

/* Caveat - the handwriting on the section notes. */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/caveat-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/caveat-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/caveat-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/caveat-latin-700-normal.woff2') format('woff2');
}

/* ============================================================
   The handwritten notes themselves.

   Each line is its own element so the lines can step to the
   right the way handwriting on a page does; the whole block is
   then tilted. Used on the public sections, the sign-in screen
   and the dashboard.
   ============================================================ */
.script {
  display: block;
  font-family: 'Caveat', 'Segoe Script', 'Bradley Hand', cursive;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: .005em;
  transform: rotate(-6deg);
  transform-origin: left center;
}
.script i { display: block; font-style: normal; white-space: nowrap; }
.script i + i { margin-left: .55em; }
.script i + i + i { margin-left: 1.15em; }

/* the stroke under the writing */
.swoosh { display: block; overflow: visible; }
.swoosh path { fill: currentColor; }