:root {
    --primary: #a98b6e;
    --primary-light: #d8c9bb;
    --primary-dark: #795548;
    --bs-primary: var(--primary);
    --bs-primary-rgb: 169, 139, 110;
    --light: #f2e9e1;

    --bs-border-color: #e1e1e1;
}

/* COLORS */
.text-light {
    color: var(--light);
}
.text-primary-light {
    color: var(--primary-light);
}
.text-primary-dark {
    color: var(--primary-dark);
}

/* BORDERS */
.border { border: 1px solid var(--bs-border-color); }
.border-top { border-top: 1px solid var(--bs-border-color); }
.border-bottom { border-bottom: 1px solid var(--bs-border-color); }
.border-start { border-left: 1px solid var(--bs-border-color); }
.border-end { border-right: 1px solid var(--bs-border-color); }

.rounded { border-radius: 4px; }
.rounded-1 { border-radius: 6px; }
.rounded-2 { border-radius: 8px; }
.rounded-3 { border-radius: 16px; }

/* TEXT */
.text-balance {
    text-wrap: balance;
}

/* BUTTONS */
.btn,
.navigation,
.hero-carousel .swiper-buttons .swiper-arrow,
.navigation .primary-menu>.menu-item>a:first-child {
    border-radius: 0;
}
.btn.-style-primary {
    --button-background: var(--primary);
    --button-hover-background: #ffffff;
    --button-color: #fff;
    --button-hover-color: var(--primary-dark);
}

/* SIZES */
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* LAYOUT */
.grid-md-2,
.grid-lg-2,
.grid-lg-3 {
    display: grid;
    grid-template-columns: 1fr;
}
@media screen and (min-width: 992px) {
    .grid-md-2,
    .grid-lg-3 {
        grid-template-columns: 1fr 1fr;
    }
}
@media screen and (min-width: 1200px) {
    .grid-lg-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .grid-lg-3 {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* SPECIALS */
.filter-invert {
    filter: invert(1);
}

/* HEADER */
.form-search .btn {
    border-radius: 0 !important;
}
.bubble.-primary,
.navigation,
.hero-carousel .swiper-buttons .swiper-arrow {
    background-color: var(--primary);
}