:root {
  --color-ink: #101118;
  --color-ink-soft: #252637;
  --color-paper: #f4ead8;
  --color-paper-soft: #fff6e7;
  --color-acid: #d7ff45;
  --color-brick: #db5d3d;
  --color-blue: #3267ff;
  --color-violet: #9d65ff;
  --color-mint: #9ff0d1;
  --color-line: rgba(16, 17, 24, 0.22);
  --color-line-light: rgba(244, 234, 216, 0.22);

  --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  --radius-sm: 0.65rem;
  --radius-md: 1.1rem;
  --radius-lg: 1.8rem;
  --radius-xl: 2.6rem;

  --shadow-hard: 8px 8px 0 var(--color-ink);
  --shadow-soft: 0 1.5rem 4rem rgba(16, 17, 24, 0.2);

  --container: 1160px;
  --header-height: 82px;
  --transition: 180ms ease;
}