@font-face {
  font-family: Inter;
  src: url("./fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("./fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Space;
  src: url("./fonts/space-grotesk-latin-500-normal.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Mono;
  src: url("./fonts/ibm-plex-mono-latin-400-normal.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
:root {
  --paper: #f7f8f2;
  --ink: #233c2e;
  --muted: #667064;
  --line: #dfe3d7;
  --green: #294e3b;
  --accent: #dcf4ad;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  font-family: Inter, Arial, sans-serif;
  color: var(--ink);
  background: var(--paper);
  font-synthesis: none;
  font-size: 14px;
  line-height: 1.6;
}

:root {
  --surface: var(--paper);
  --panel: #fffef9;
  --ink-soft: var(--muted);
  --forest: var(--green);
  --forest-soft: #e9efdc;
  --amber: #967025;
  --amber-soft: #f5edd8;
  --red: #a34c35;
  --red-soft: #f8e9e2;
  --bubble: #25392e;
  --bubble-ink: #e1e9d7;
  --radius: 10px;
  --font-display: Space, system-ui, sans-serif;
  --font-body: Inter, system-ui, sans-serif;
  --font-mono: Mono, ui-monospace, monospace;
}