:root {
    --sage-mint: #A9CBB7;
    --sandstone: #EAE4D3;
    --terracotta: #D39B79;
    --graphite: #2B2B2B;
    --mist-silver: #C6D2D9;
    --soft-white: #FAFAF8;
    --muted-olive: #9FAA8C;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--soft-white);
    color: var(--graphite);
}

.nav-link.active {
    color: var(--graphite);
    font-weight: 700;
}

.nav-link.active::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--sage-mint);
    margin-top: 2px;
}

.btn-primary {
    background-color: var(--sage-mint);
    color: white;
    transition: all 0.3s ease;
}

.btn-primary:hover {
    background-color: #92b8a3;
    transform: translateY(-2px);
}

.btn-secondary {
    background-color: var(--terracotta);
    color: white;
    transition: all 0.3s ease;
}

.btn-secondary:hover {
    background-color: #c28a6a;
    transform: translateY(-2px);
}

.section-card {
    background-color: var(--sandstone);
    border-radius: 1rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.product-image {
    transition: transform 0.4s ease;
}

.product-image:hover {
    transform: scale(1.05);
}

#about .max-w-4xl {
    max-width: 62rem;
}