@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/montserrat-latin-variable.woff2") format("woff2");
}

:root {
  color-scheme: dark;
  --color-ink: #090606;
  --color-ink-soft: #181111;
  --color-ink-lifted: #272020;
  --color-paper: #f7f2ef;
  --color-paper-soft: #e9dbdb;
  --color-paper-warm: #f1e5e1;
  --color-text: #f7f2ef;
  --color-text-dark: #272020;
  --color-muted: #c7b9b7;
  --color-muted-dark: #665a5a;
  --color-border: #4b383b;
  --color-border-light: #cdbfbc;
  --color-biological-red: #d34575;
  --color-recovery-blue: #8aa5d6;
  --color-synapse-gray: #8b8080;
  --color-adaptive-coral: #e77d76;
  --color-bioluminescent-green: #7dbd9a;
  --color-rose: var(--color-biological-red);
  --color-rose-bright: #f67994;
  --color-blue: var(--color-recovery-blue);
  --color-gold: #d4a545;
  --color-green: var(--color-bioluminescent-green);
  --color-coral: var(--color-adaptive-coral);
  --color-focus: #f67994;
  --font-sans: "Montserrat", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Canela", "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
  --space-1: 0.375rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 7rem;
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;
  --content-width: 78rem;
  --reading-width: 45rem;
  --header-height: 5rem;
  --transition-fast: 160ms ease;
}