/* Shared Styles & Tailwind Config */

/* Tailwind CDN Configuration - Injected into HTML head */
/* 
tailwind.config = {
    darkMode: "class",
    theme: {
      extend: {
        colors: {
          primary: "#B4975A", // Sophisticated Gold
          "forest-green": "#013220",
          "background-light": "#FDFCF9",
          "background-dark": "#0A0F0D",
        },
        fontFamily: {
          display: ["Playfair Display", "serif"],
          sans: ["Inter", "sans-serif"],
        },
        borderRadius: {
          DEFAULT: "4px",
        },
      },
    },
};
*/

/* Custom CSS Variables & Utility Classes */
:root {
    --gold-primary: #B4975A;
    --forest-green: #013220;
}

.font-display {
    font-family: 'Playfair Display', serif;
}

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

.botanical-watermark {
    background-image: url('https://lh3.googleusercontent.com/aida-public/AB6AXuCnPb82jdkGz4GNFyAc27EiqGNjtLAA7ViMFlnM4z1Yv45vzHwRIT697InVDwo0bLXiXkFMg_t5oxhXBOaZwr-7n62WGdDU3yVgbfvdZqrZTLQ733GFNtUhCQq8SmmIZEjpRvDVzQaGjG6nknaG8__PTI7kh3ZSzYhNqZM7S5KH2A-EK2U6kD4r6yYnhdmTgYcMzah8NYMnbymZgPEkUhxrkEmlLkyD7VEoh49VnmSbIjLOs2kmxVbxY3ChokHSpUmIENDEntHjnmMV');
    background-repeat: repeat;
    opacity: 0.04;
    pointer-events: none;
    mix-blend-mode: multiply;
}

.dark .botanical-watermark {
    mix-blend-mode: overlay;
    opacity: 0.02;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

/* Slick Accordion */
.slick-accordion-content {
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.is-open .slick-content-fade {
    opacity: 1 !important;
    transform: translateY(0);
}

.slick-content-fade {
    transform: translateY(-10px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

/* Slick Accordion Detail Row */
.slick-accordion-details {
    border: none !important;
}

.slick-accordion-details td {
    padding: 0 !important;
    border: none !important;
}

tr.is-open+.slick-accordion-details {
    border-bottom: 1px solid rgba(180, 151, 90, 0.1) !important;
}