@font-face {
  font-family: "ScienceGothic";
  src: url("../assets/processed/fonts/ScienceGothic-Variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ink: #041a17;
  --ink-2: #07231f;
  --ink-3: #0b312b;
  --jade: #208f78;
  --jade-bright: #2ba98e;
  --paper: #eeeade;
  --paper-2: #f4f1e8;
  --smoke: #b7c4bf;
  --white: #eef3ee;
  --error: #a92f27;
  --success: #0b6c56;
  --rule: rgba(235, 241, 236, 0.18);
  --ink-rule: rgba(4, 26, 23, 0.22);
  --display: "ScienceGothic", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  --body: "Segoe UI", Arial, sans-serif;
  --display-weight: 620;
  --display-width: 52;
  --display-contrast: 36;
  --content-gutter: clamp(1.25rem, 3.65vw, 3.5rem);
  --header-height: 4.375rem;
  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 6px var(--jade-bright);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --micro: 180ms;
  --enter: 560ms;
}