@font-face {
  font-family: "Archivo";
  src: url("../fonts/archivo-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}

:root {
  --ink: #070707;
  --paper: #FCFCFC;
  --mist: #F4F4F4;
  --fog: #EDEDED;
  --gray: #5E5E5E;
  --gray-soft: #8A8A8A;
  --gray-on-dark: #9A9A9A;
  --text-on-dark: #D4D4D4;

  --purple: #8D4DE8;
  --purple-deep: #7B2FBE;
  --orchid: #CA4DE8;
  --gradient: linear-gradient(135deg, #7B2FBE 0%, #A033C0 35%, #D030B0 65%, #E535AB 100%);
  --gradient-line: linear-gradient(86deg, #8D4DE8 0%, #E34DE8 100%);

  --line: rgba(7, 7, 7, .08);
  --line-strong: rgba(7, 7, 7, .16);
  --line-on-dark: rgba(252, 252, 252, .14);

  --font: "Archivo", system-ui, sans-serif;
  --h2: clamp(30px, 3.6vw, 58px);
  --lead: clamp(17px, 1.35vw, 21px);

  --wrap: 1560px;
  --gutter: clamp(20px, 3.4vw, 56px);
  --section-y: clamp(56px, 6.4vw, 112px);

  --radius-card: 26px;
  --radius-pill: 999px;

  --ease: cubic-bezier(.16, 1, .3, 1);
}