/* Custom styles that complement Tailwind — minimal, targeted overrides */

/* Smooth focus states */
a:focus-visible, button:focus-visible {
  outline: 2px solid #dc5027;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Selection color */
::selection {
  background: rgba(220, 80, 39, 0.25);
  color: #131318;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #131318;
}
::-webkit-scrollbar-thumb {
  background: #a12f18;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c43d1c;
}

/* Light theme scrollbar */
body:not(.dark) ::-webkit-scrollbar-track {
  background: #f9f4e8;
}
body:not(.dark) ::-webkit-scrollbar-thumb {
  background: #d9a94d;
}

/* Subtle image loading placeholder */
img {
  background-color: #f3e8cc;
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .feature-card {
    transition: none;
  }
  .feature-card:hover {
    transform: none;
  }
  img {
    transition: none;
  }
  img:hover {
    transform: none;
  }
}