@font-face {
  font-family: "Google Sans";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("https://cdn.jsdelivr.net/fontsource/fonts/google-sans:vf@latest/latin-wght-normal.woff2") format("woff2-variations");
}

:root {
  --ik-font-heading: "Fraunces", Georgia, "Times New Roman", serif;
  --ik-font-body: "Google Sans", Arial, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ik-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --ik-paper: #fcfbf7;
  --ik-ink: #20231f;
  --ik-muted: #62675d;
  --ik-line: #dedfd7;
  --ik-yellow: #f6c644;
  --ik-dark: #050505;
  --ik-warm: #f0f0e9;
  --ik-accent-ink: #83764b;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
.font-display {
  font-family: var(--ik-font-heading);
}

.mono,
.eyebrow,
.meta-row,
code,
pre {
  font-family: var(--ik-font-mono);
}

html.ik-light-document,
html.ik-light-document body {
  background: var(--ik-paper);
  color: var(--ik-ink);
}