:root{
  --font-sans:OpenSans,Swiss,Sons,-apple-system,BlinkMacSystemFont,"avenir next",avenir,"segoe ui","helvetica neue",helvetica,Cantarell,Ubuntu,Roboto,noto,arial,sans-serif;
  --font-display:"Source Serif 4","DM Serif Display",Tiempos,"Iowan Old Style",Baskerville,"Times New Roman",serif;
  --font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;

  --weight-light:300;--weight-regular:400;--weight-semibold:600;--weight-bold:700;

  /* Roles: size / line-height / tracking / weight */
  --type-display-size:64px;--type-display-lh:1.2;--type-display-ls:-0.64px;--type-display-weight:400;
  --type-h1-size:64px;--type-h1-lh:77px;--type-h1-ls:0px;--type-h1-weight:700;
  --type-h2-size:45px;--type-h2-lh:73.6px;--type-h2-ls:-0.45px;--type-h2-weight:400;
  --type-h3-size:32px;--type-h3-lh:38px;--type-h3-ls:-0.26px;--type-h3-weight:300;
  --type-h4-size:23px;--type-h4-lh:28px;--type-h4-ls:0px;--type-h4-weight:300;
  --type-body-size:16px;--type-body-lh:24px;--type-body-ls:-0.16px;--type-body-weight:300;
  --type-ui-size:16px;--type-ui-lh:24px;--type-ui-ls:0px;--type-ui-weight:400;
  --type-label-size:16px;--type-label-lh:24px;--type-label-ls:0px;--type-label-weight:600;
  --type-caption-size:14px;--type-caption-lh:20px;--type-caption-ls:0px;
}