body {
    background-color: #F7F7F5;
    /* concrete-50 */
    color: #3E3C38;
    /* concrete-800 */
}

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

::-webkit-scrollbar-track {
    background: #EBEBE8;
}

::-webkit-scrollbar-thumb {
    background: #6B8E78;
    /* leaf-500 */
}

.concrete-shadow {
    box-shadow: 12px 12px 0px 0px rgba(62, 60, 56, 0.1);
}

.image-overlay {
    position: relative;
    overflow: hidden;
}

.image-overlay::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(107, 142, 120, 0.15);
    /* leaf tint */
    pointer-events: none;
}

/* Brutalist Borders */
.brutalist-border {
    border: 1px solid #3E3C38;
}

.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}