:root {
  --brand-orange: #ff6a00;
  --brand-orange-light: #ff914d;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: #000000;
  color: #ffffff;
  overflow: hidden;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.font-display {
  font-family: 'Syne', sans-serif;
}

.font-heading {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-mono {
  font-family: 'JetBrains Mono', monospace;
}

/* Custom Scrollbar */
.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.5);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: rgba(255, 106, 0, 0.4);
  border-radius: 9999px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 106, 0, 0.8);
}

/* Preloader Animation */
@keyframes infiniteLoading {
  0% { transform: translateX(-100%); }
  50% { transform: translateX(0%); }
  100% { transform: translateX(100%); }
}

.animate-infinite-progress {
  animation: infiniteLoading 1.8s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}

/* Video Color Filtration */
.video-fullcolor {
  filter: brightness(0.66) contrast(1.12) saturate(1.24);
}

.video-desaturated {
  filter: brightness(0.56) contrast(1.08) saturate(0);
}

/* 3D Smooth Tilt Transitions */
.tilt-smooth {
  transition: transform 0.15s ease-out;
  transform-style: preserve-3d;
}