html {
    font-size: 20px;
}
body {
    background-color: #ece5db !important;
}
h1, h1.element-header {
    color: var(--bs-primary);
    display: inline-block;
    margin-top: -1rem;
    font-family: WorkSans, sans-serif !important;
    font-size: 2.5rem;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
h1.element-header:first-letter,
h1.product-title:first-letter {
    color: var(--bs-secondary);
    font-size: 4rem;
    font-weight: 400;
    display: inline-block;
    vertical-align: -0.33rem;
}
h1, h1.element-header,
h2, h2.element-header, h2.element-subheader,
h3, h3.element-header, h3.element-subheader {
    font-family: WorkSans, sans-serif !important;
    font-weight: 200;
    text-transform: uppercase;
}

/* Shop */
.card {
    color: #444;
    background: #fff;
}
.card a:not(.btn) {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    text-transform: none;
}
.card .card-title a {
    color: #000;
    font-weight: 500;   
    text-decoration: none;
    text-transform: none;
}
.card .card-title a:hover,
.card a:not(.btn):hover {
    color: var(--bs-warning);
    text-decoration: none;   
}
.card h2.card-title {
    font-size: 0.8em;
}
.card .card-subtitle {
    font-size: 0.8rem;
    margin-bottom: 0.5em;
}