/* =========================
   GLOBAL
========================= */

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    background: #fafaf3;
    color: #0b1f17;
    overflow-x: hidden;
}


/* =========================
   GLOBAL PAGE BACKGROUND
========================= */

body,
main,
section,
.page,
.site-content {
    background: #fafaf3;
}


/* =========================
   GLOBAL COLORS
========================= */

.logo-center,
.menu-brand,
.search,
.account,
.wishlist,
.overlay-menu a {
    color: #0b1f17;
}


/* =========================
   BUTTONS
========================= */

.lux-btn {
    display: inline-block;

    margin-top: 30px;

    padding: 15px 40px;

    background: #0b1f17;
    color: #fafaf3;

    text-decoration: none;

    transition: .25s ease;
}

.lux-btn:hover {
    transform: translateY(-3px);
    background: #234536;
}


/* =========================
   FORCE HAND CURSOR
========================= */

.search,
.search-btn,
.close-search,
.categories a,
.support a,
.product-card,
.menu-toggle,
.wishlist,
.account,
.logo-center a {
    cursor: pointer !important;
}


/* =========================
   TYPOGRAPHY
========================= */

.overlay-menu a,
.overlay-menu li,
.search,
.wishlist,
.account {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    letter-spacing: 3px;
}

.lux-btn,
.search-btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}

.menu-toggle,
.search,
.wishlist,
.account {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}