@font-face {
  font-family: "Atkinson Hyperlegible";
  font-weight: 400; font-style: normal; font-display: swap;
  src: url("/fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-weight: 700; font-style: normal; font-display: swap;
  src: url("/fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-weight: 400; font-style: italic; font-display: swap;
  src: url("/fonts/AtkinsonHyperlegible-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "Atkinson Hyperlegible";
  font-weight: 700; font-style: italic; font-display: swap;
  src: url("/fonts/AtkinsonHyperlegible-BoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 400; font-style: normal; font-display: swap;
  src: url("/fonts/FiraCode-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Fira Code";
  font-weight: 500; font-style: normal; font-display: swap;
  src: url("/fonts/FiraCode-Medium.woff2") format("woff2");
}

:root {
  --font-ui: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont,
             "Segoe UI", Roboto, system-ui, sans-serif;
  --font-mono: "Fira Code", "Consolas", "Menlo", monospace;
}

body {
  font-family: var(--font-ui);
  line-height: 1.7;
  color: var(--fg);
  background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--heading);
  line-height: 1.3;
}

a {
  color: var(--link);
  transition: color 0.2s;
}
a:hover { color: var(--link-hover); }