@theme {
  --font-serif: "Cormorant Garamond", serif;
  --font-sans: "Inter", sans-serif;

  --color-luxury-white: #FAF9F6;
  --color-luxury-black: #093624;
  --color-luxury-tan: #C19A6B;
  
  --color-black: #093624;
}

@layer utilities {
  .no-scrollbar::-webkit-scrollbar { display: none; }
  .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
  
  .img-zoom-container { overflow: hidden; }
  .img-zoom { transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  .group:hover .img-zoom { transform: scale(1.05); }

  @keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
  }
  .animate-fade-in {
    animation: fadeIn 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
  .delay-100 { animation-delay: 0.1s; }
  .delay-300 { animation-delay: 0.3s; }
  .delay-500 { animation-delay: 0.5s; }
}

@layer components {
  /* Standardize Primary CTA Buttons */
  a[href="#collection"].inline-flex,
  a[href="/corporate-gift-ideas"].inline-flex,
  a[href="/tote-bag-printing"].inline-flex,
  a[href="/contact"].inline-flex,
  a[href="/contact"].bg-primary,
  button[type="submit"],
  button.px-8.py-4 {
    background-color: var(--color-luxury-tan) !important;
    color: var(--color-luxury-white) !important;
    border-color: var(--color-luxury-tan) !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 9999px !important; /* Force pill shape for consistency */
    box-shadow: none !important;
    transition: all 0.3s ease !important;
  }

  a[href="#collection"].inline-flex:hover,
  a[href="/corporate-gift-ideas"].inline-flex:hover,
  a[href="/tote-bag-printing"].inline-flex:hover,
  a[href="/contact"].inline-flex:hover,
  a[href="/contact"].bg-primary:hover,
  button[type="submit"]:hover,
  button.px-8.py-4:hover {
    background-color: var(--color-luxury-black) !important;
    color: var(--color-luxury-white) !important;
    border-color: var(--color-luxury-black) !important;
  }
  
  /* Ensure inner links inside buttons inherit the white color */
  button.px-8.py-4 a {
    color: var(--color-luxury-white) !important;
  }
}