@font-face {
  font-family:Space Grotesk;
  src:url('../assets/space-grotesk.woff2') format('woff2');
  font-weight:300 700;
  font-display:swap
}
@font-face {
  font-family:Inter;
  src:url('../assets/inter.woff2') format('woff2');
  font-weight:100 900;
  font-display:swap
}
:root {
  --paper:#f3efe7;
  --ink:#171717;
  --muted:#5e5a54;
  --coral:#ff573d;
  --cobalt:#3455ff;
  --yellow:#f5c518;
  --white:#fffdf9;
  --line:#d5cfc5;
  --font-display:'Space Grotesk',Arial,sans-serif;
  --font-body:Inter,Arial,sans-serif;
  --space-1:.5rem;
  --space-2:1rem;
  --space-3:1.5rem;
  --space-4:2rem;
  --space-5:3rem;
  --space-6:4.5rem;
  --space-7:7rem;
  --radius-sm:.75rem;
  --radius-lg:1.75rem;
  --radius-pill:99rem;
  --shadow:0 14px 36px #1717170a;
  --ease:cubic-bezier(.2,.7,.2,1);
  --duration:220ms;
  --content-width:1320px
}