:root {
  --bg: #FFFFFF;
  --surface: #F4F4F5;
  --text-main: #0A0A0A;
  --text-mute: #52525B;
  --border: #D4D4D8;
  --accent: #852B43;
  --accent-2: #FF6B35;
  /* --accent: #E11D3F;
  --accent-2: #FF6B35; */
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
}

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

.accent-gradient {
  background-image: linear-gradient(135deg, var(--accent), var(--accent-2));
}

.accent-gradient-text {
  background-image: linear-gradient(135deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* scroll_fade_reveal motion technique */
.reveal {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* carousel_arrow_controlled track */
.snap-track {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.snap-track::-webkit-scrollbar {
  display: none;
}