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

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-VariableItalic.ttf") format("truetype");
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
}

@font-face {
  font-family: "GT America Extended";
  src: url("../fonts/GT America Extended Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --paper: #fbfbf8;
  --paper-warm: #f0eded;
  --ink: #090909;
  --line: #9f9f9a;
  --blue: #83b6db;
  --footer: #020202;

  --font-sans: "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --font-display: "GT America Extended", "Satoshi", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Times New Roman", Times, serif;

  --page-pad: clamp(20px, 4.2vw, 72px);
  --radius-pill: 999px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.22, .61, .36, 1);
}