/* Root & Base */
:root {
    --legal-dark: #0f172a;
    --legal-gold: #d4af37;
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Inter', sans-serif;
}

::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: var(--legal-dark);
}
::-webkit-scrollbar-thumb {
    background: var(--legal-gold);
    border-radius: 10px;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Loader SVG Animation */
#logo-path {
    filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.4));
}

/* Typography Enhancements */
h1, h2, h3, h4 {
    font-family: var(--font-serif);
    font-weight: 400;
}

/* Gold Shine Effect */
.shine-gold {
    background: linear-gradient(
        to right,
        #d4af37 0%,
        #fdfc47 25%,
        #d4af37 50%,
        #fdfc47 75%,
        #d4af37 100%
    );
    background-size: 200% auto;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    animation: shine 4s linear infinite;
}

@keyframes shine {
    to {
        background-position: 200% center;
    }
}

/* Section Transitions */
.reveal-up {
    will-change: transform, opacity;
}

/* Service Card Subtle Hover Strategy */
.service-card {
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.4s ease;
}

.service-card:hover {
    transform: translateY(-10px);
    background: linear-gradient(135deg, #111827 0%, #0f172a 100%);
    box-shadow: 0 40px 80px -20px rgba(0,0,0,0.6);
}

/* Accordion Smooth Height Handling */
.accordion-content {
    transition: max-height 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Image Presentation */
#hero-img {
    transition: transform 3s ease-out;
}

/* Text Selection Styles */
::selection {
    background: var(--legal-gold);
    color: var(--legal-dark);
}

/* Nav Glassmorphism Blur Adjustment */
#main-nav div {
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Modal Custom Scrollbar */
#modal .overflow-y-auto::-webkit-scrollbar {
    width: 4px;
}
#modal .overflow-y-auto::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.3);
}