/* K and T's Treasure Chest — Custom Styles */

/* Base resets and custom properties */
:root {
  --color-dark-900: #141010;
  --color-dark-800: #1c1616;
  --color-dark-700: #251e1e;
  --color-dark-600: #2e2626;
  --color-terracotta-400: #dc7a4e;
  --color-terracotta-500: #d4612f;
  --color-gold-500: #c9a84c;
  --color-sand-100: #f9edd6;
  --color-sand-200: #f2d8a8;
}

/* Smooth scrolling for anchor links */
html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background: rgba(201, 168, 76, 0.25);
  color: #f9edd6;
}

/* Focus styles */
:focus-visible {
  outline: 2px solid #c9a84c;
  outline-offset: 4px;
  border-radius: 4px;
}

/* Ensure images don't overflow */
img {
  max-width: 100%;
  height: auto;
}

/* Prevent layout shift on all images */
img {
  object-fit: cover;
}

/* Custom scrollbar for webkit */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #141010;
}

::-webkit-scrollbar-thumb {
  background: #2e2626;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3d3232;
}

/* Reduced motion - ensure content is always visible */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }
  html {
    scroll-behavior: auto;
  }
  .feature-card {
    transition: none;
  }
}

/* Print styles */
@media print {
  body {
    background: #fff;
    color: #000;
  }
  nav, .mobile-menu, footer {
    display: none;
  }
}