/* =====================================================
   GLOBAL SITE SETTINGS
===================================================== */

html {
    scroll-behavior: smooth;
}

:root{
    --navbar-height:104px;
}

/* =====================================================
   SITE COLOR SYSTEM
===================================================== */
:root {

    --bg-light: #f5f3ee;

    --bg-light-alt: #faf8f4;

    --bg-dark: #2c302c;

    --bg-dark-alt: #232723;

}
/* =====================================================
   SECTION BACKGROUNDS
===================================================== */
.bg-section-light {
    background: var(--bg-light);
}

.bg-section-light-alt {
    background: var(--bg-light-alt);
}

.bg-section-dark {
    background: var(--bg-dark);
}

.bg-section-dark-alt {
    background: var(--bg-dark-alt);
}

.bg-footer-dark {
    background: var(--bg-footer);
}

/* =====================================================
   PART LOOKUP — staggered result fade-in
===================================================== */
@keyframes plFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.pl-card {
    opacity: 0;
    animation: plFadeIn 0.28s ease forwards;
}

@media (prefers-reduced-motion: reduce) {
    .pl-card {
        opacity: 1;
        animation: none;
    }
}