/* The actual font ships with the site, so Windows and mobile render the same family. */
@font-face {
  font-family: "Izibizi Inter";
  src: url("fonts/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --weekend: #786991;
}
body.dark {
  --weekend: #c4b2df;
}
body {
  font-family: "Izibizi Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  font-optical-sizing: auto;
  font-feature-settings: "calt" 1, "liga" 1;
  font-synthesis: none;
  letter-spacing: -.015em;
  text-rendering: optimizeLegibility;
}
.brand {
  font-weight: 400;
  font-size: 29px;
  letter-spacing: -.065em;
}
h1 { font-weight: 600; font-size: 19px; letter-spacing: -.035em; }
.month h2 { font-weight: 600; font-size: 23px; letter-spacing: -.045em; }
#details h2 { font-weight: 600; letter-spacing: -.04em; }
.total strong { font-weight: 600; font-size: 29px; letter-spacing: -.045em; }
.day {
  font-weight: 400;
  font-size: 17px;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.025em;
}
.day.endpoint { font-weight: 600; }
#rate { font-weight: 500; font-size: 13px; letter-spacing: -.025em; }
.primary { font-weight: 500; letter-spacing: -.015em; }
.times strong { font-weight: 400; font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.week { font-weight: 500; }
.week span:nth-child(6), .week span:nth-child(7) {
  color: var(--weekend);
}
@media(min-width:700px) { .month h2 { font-size: 25px; } }
@media(max-width:360px) { .day { font-size: 15px; } #details h2 { font-size: 20px; } }