/* Shared by the home page, writing and project pages. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("/assets/fonts/Manrope-variable.ttf") format("truetype");
}

:root {
  --font-body:
    "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --title-size: clamp(42px, 5.5vw, 68px);
  --title-weight: 500;
  --title-leading: 1.14;
  --title-tracking: -3px;
  --article-title-size: clamp(32px, 5.4vw, 50px);
}

body {
  font-family: var(--font-body);
}
button,
input,
select,
textarea {
  font-family: inherit;
}

@media (max-width: 760px) {
  :root {
    --title-tracking: -1.8px;
  }
}
@media (max-width: 500px) {
  :root {
    --title-size: 43px;
  }
}