@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Monoton&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

:root,
.theme--dark {
    --bg-color: #171717 !important;
    --bg-second-color: #333331 !important;
    --accent-color: #00ffcc !important;

    --ff-h: Monoton, sans-serif;
    --ff-1: Alumni Sans Pinstripe, sans-serif;
    --ff-2: Roboto Condensed, sans-serif;
}

.header h1 {
    font-weight: 300 !important;
    font-size: 10.5vw !important;
    font-family: Monoton, sans-serif !important;
    line-height: 1.1 !important;
}
.desktop-header h1 {
    font-weight: 300 !important;
    font-size: clamp(5em, 6vw, 8em) !important;
    font-family: Monoton, sans-serif !important;
    line-height: 1.1 !important;
}
.section-title,
.text-block .text-content .title,
.layer-cart h1 {
    font: 600 2.5em var(--ff-1) !important;
}
.record-name {
    font: 600 1.5em var(--ff-1) !important;
}
.details-block h2 {
    font: 600 3rem var(--ff-1) !important;
    line-height: .9 !important;
}
h2 {
    font: 600 2rem var(--ff-1) !important;
    line-height: .9 !important;
}
.mod-name,
.variant-selector-title strong,
.cart-preview-container strong,
.input-group label {
    font: 600 1.5rem var(--ff-1) !important;
}
.price,
.total-value,
.total-label {
    font: 600 1.5em var(--ff-1) !important;
}
.final-value {
    font: 600 2.5em var(--ff-1) !important;
}
.final-label {
    font: 600 2.5em var(--ff-1) !important;
}
.rest-desc {
    font: 600 1.5em var(--ff-1) !important;
}

.section-subtitle,
.record .weight,
.record .description,
.record .from,
.card .description,
.text-block .text,
.cart-wd,
.address,
.docs-container li a {
    font-family: var(--ff-2) !important;
}
.text-block .text {
    font-weight: 300;
}
.cart-wd,
.layer-cart .name {
    font-weight: 400 !important;
}
.details-block .description {
    font: 600 1.5em var(--ff-1) !important;
}
.delivery-info-block {
    font-weight: 600 !important;
}