:root {
  --color-black: #0a0a0a;
  --color-white: #ffffff;
  --color-orange: #ff6a00;
  --color-gray-100: #fafaf8;
  --color-gray-300: #d9d9d9;
  --color-gray-600: #6b6b6b;

  --font-display: "Space Grotesk", sans-serif;
  --font-body: "Inter", sans-serif;

  --navbar-height: 76px;
  --transition: 180ms ease;
}

html {
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--font-body);
  background: var(--color-white);
  overflow-x: hidden;
}

img {
  pointer-events: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}