@font-face {
  font-family: Archivo Black;
  src: url("../assets/fonts/archivo-black.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Space Grotesk;
  src: url("../assets/fonts/space-grotesk.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
:root {
  --pink: #ff2a85;
  --cyan: #00f5d4;
  --yellow: #ffe600;
  --purple: #7928ca;
  --ink: #2c183e;
  --paper: #fffdf5;
  --lavender: #ece2ff;
  --muted: #756582;
  --mint: #d0ffe7;
  --line: #d9cce6;
  --white: #fff;
  --pink-soft: #ffd8e9;
  --font-display: "Archivo Black", Impact, sans-serif;
  --font-body: "Space Grotesk", Verdana, sans-serif;
  --touch: 48px;
  --radius: 24px;
  --shadow: 6px 7px 0 var(--ink);
}