:root {
  color-scheme: dark;
  --ink: #0b0f15;
  --ink-2: #111823;
  --ink-3: #17202d;
  --paper: #f8fafc;
  --paper-soft: #e7edf4;
  --muted: #9aa7b5;
  --line: rgba(248, 250, 252, 0.16);
  --cyan: #20d6ff;
  --lime: #c8ff3d;
  --amber: #ffbe45;
  --red: #ff4f64;
  --violet: #9d7cff;
  --blue: #3678ff;
  --max: 1200px;
  --gutter: clamp(20px, 4vw, 48px);
  --radius: 8px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --step-0: clamp(0.95rem, 0.9rem + 0.25vw, 1.05rem);
  --step-1: clamp(1.05rem, 0.98rem + 0.45vw, 1.28rem);
  --step-2: clamp(1.35rem, 1.1rem + 1.1vw, 2rem);
  --step-3: clamp(2rem, 1.45rem + 2.8vw, 4.25rem);
  --step-4: clamp(3.6rem, 1.8rem + 8vw, 8.75rem);
  --space-1: 8px;
  --space-2: 12px;
  --space-3: 18px;
  --space-4: 24px;
  --space-5: 36px;
  --space-6: 56px;
  --space-7: 84px;
}