:root {
  --font-body: "Inter", system-ui, sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
  --brand-cyan: #20ddff;
  --brand-blue: #1677ff;
  --brand-violet: #735cff;
}

@media (max-width: 700px) {
  :root {
    --space-7: 40px;
    --space-8: 56px;
  }
}