:root {
  color-scheme: dark;
}

body {
  font-family: 'Urbanist', sans-serif;
  background-color: #0F0F10;
}

img {
  max-width: 100%;
  display: block;
}

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0F0F10; }
::-webkit-scrollbar-thumb { background: #222; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #bf2b37; }

/* Global scroll reveal utility */
.reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s cubic-bezier(0.22, 1, 0.36, 1),
              transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}