:root {
    --red: #cc241d;
    --dark: #18181a;
}

html, body {
    margin: 0;
    padding: 0;
    background: #f6f3ee;
}

* {
    box-sizing: border-box;
}

.bg-cream {
    background: #f6f3ee;
}

body {
    font-family: 'Mulish', sans-serif;
    color: var(--dark);
    -webkit-font-smoothing: antialiased;
}

.generic-text {
    font-family:'Space Grotesk',sans-serif;
}
img {
    max-width: 100%;
}

.nav-link:hover {
    color: var(--red);
}

.btn-red:hover {
    background: #a81b16;
}

.btn-outline:hover {
    border-color: var(--dark);
}

.btn-white:hover {
    background: var(--dark);
    color: #fff;
}

.learn:hover {
    gap: 11px;
}

.card-link:hover {
    border-color: var(--red);
}

.email-link:hover {
    color: var(--red);
}

.foot-link:hover {
    color: #fff;
}

.arrow-btn:hover {
    border-color: var(--red);
    color: var(--red);
}

.gallery-track {
    scrollbar-width: none;
}

.gallery-track::-webkit-scrollbar {
    display: none;
}