/* Footer utility classes */
.footer-link {
  color: var(--snow-white);
  opacity: 0.8;
  transition: color 0.3s, opacity 0.3s;
}
.footer-link:hover {
  color: var(--reliant-gold);
  opacity: 1;
}
.footer-section-title {
  color: var(--reliant-gold);
  font-family: "Playfair Display", serif;
  font-weight: 700;
  letter-spacing: 0.02em;
}
.footer-description {
  color: var(--snow-white);
  opacity: 0.8;
}
.footer-copyright {
  color: var(--snow-white);
  opacity: 0.6;
  font-size: 0.95em;
}
/* Custom CSS for Trotters Independent Trading */

/* Custom color variables */
:root {
  --reliant-gold: #ffd32a;
  --del-boy-blue: #27394f;
  --trotters-rust: #a3432b;
  --pavement-slate: #697d93;
  --eerie-black: #191719;
  --snow-white: #fffbfc;
}

/* Custom Tailwind configuration */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Typography */
.font-serif {
  font-family: "Playfair Display", serif;
}

.font-sans {
  font-family: "Inter", sans-serif;
}

/* Custom color classes */
.text-reliant-gold {
  color: var(--reliant-gold);
}
.text-del-boy-blue {
  color: var(--del-boy-blue);
}
.text-trotters-rust {
  color: var(--trotters-rust);
}
.text-pavement-slate {
  color: var(--pavement-slate);
}
.text-eerie-black {
  color: var(--eerie-black);
}
.text-snow-white {
  color: var(--snow-white);
}

.bg-reliant-gold {
  background-color: var(--reliant-gold);
}
.bg-del-boy-blue {
  background-color: var(--del-boy-blue);
}
.bg-trotters-rust {
  background-color: var(--trotters-rust);
}
.bg-pavement-slate {
  background-color: var(--pavement-slate);
}
.bg-eerie-black {
  background-color: var(--eerie-black);
}
.bg-snow-white {
  background-color: var(--snow-white);
}

.border-reliant-gold {
  border-color: var(--reliant-gold);
}
.border-del-boy-blue {
  border-color: var(--del-boy-blue);
}
.border-trotters-rust {
  border-color: var(--trotters-rust);
}
.border-pavement-slate {
  border-color: var(--pavement-slate);
}

/* Hover states */
.hover\:bg-reliant-gold\/90:hover {
  background-color: rgba(255, 211, 42, 0.9);
}
.hover\:text-reliant-gold:hover {
  color: var(--reliant-gold);
}
.hover\:text-del-boy-blue:hover {
  color: var(--del-boy-blue);
}
.hover\:text-snow-white:hover {
  color: var(--snow-white);
}

/* Loading animation */
.van-animation svg {
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    transform: translateY(0);
  }
  40%,
  43% {
    transform: translateY(-10px);
  }
  70% {
    transform: translateY(-5px);
  }
  90% {
    transform: translateY(-2px);
  }
}

/* Smooth transitions */
* {
  transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

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

::-webkit-scrollbar-track {
  background: var(--snow-white);
}

::-webkit-scrollbar-thumb {
  background: var(--pavement-slate);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--del-boy-blue);
}

/* Loading screen fade out */
.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}