/* Written Sans · the studio's own face.
   Put this file and the webfonts folder in the same directory, then
   <link rel="stylesheet" href="written-sans.css"> in the head.

   Written Sans draws 33 characters: a to z, space, and ! ' , - . ?
   No capitals. No digits. Anything else falls back to a system face
   mid-word and looks broken. Keep it to lowercase display lines. */

@font-face{
  font-family:'Written Sans';
  font-weight:300;
  font-style:normal;
  font-display:swap;
  src:url('webfonts/WrittenSans-Light.woff2') format('woff2'),
      url('webfonts/WrittenSans-Light.woff')  format('woff');
}
@font-face{
  font-family:'Written Sans';
  font-weight:400;
  font-style:normal;
  font-display:swap;
  src:url('webfonts/WrittenSans-Regular.woff2') format('woff2'),
      url('webfonts/WrittenSans-Regular.woff')  format('woff');
}
@font-face{
  font-family:'Written Sans';
  font-weight:500;
  font-style:normal;
  font-display:swap;
  src:url('webfonts/WrittenSans-Medium.woff2') format('woff2'),
      url('webfonts/WrittenSans-Medium.woff')  format('woff');
}

:root{
  --ws:'Written Sans','Open Sans',sans-serif;
  --font:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI Variable','Segoe UI','Open Sans',Roboto,sans-serif;
}