@font-face {
    font-family: "Carp Wide Bold";
    src: url("fonts/Carp-Wide-Bold-Trial.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Carp Wide Bold";
    src: url("fonts/Carp-Wide-Bold-Trial.woff2") format("woff2");
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

/* Type + illustration scale: base ~440px; stronger steps at 600px+ every 200px to 2000px. */
:root {
    --type-scale: 1;
    --illustration-scale: 1;
}
@media (min-width: 600px) {
    :root {
        --type-scale: 1.08;
        --illustration-scale: 1.04;
    }
}
@media (min-width: 800px) {
    :root {
        --type-scale: 1.15;
        --illustration-scale: 1.1;
    }
}
@media (min-width: 1000px) {
    :root {
        --type-scale: 1.23;
        --illustration-scale: 1.16;
    }
}
@media (min-width: 1200px) {
    :root {
        --type-scale: 1.31;
        --illustration-scale: 1.22;
    }
}
@media (min-width: 1400px) {
    :root {
        --type-scale: 1.39;
        --illustration-scale: 1.28;
    }
}
@media (min-width: 1600px) {
    :root {
        --type-scale: 1.47;
        --illustration-scale: 1.33;
    }
}
@media (min-width: 1800px) {
    :root {
        --type-scale: 1.54;
        --illustration-scale: 1.38;
    }
}
@media (min-width: 2000px) {
    :root {
        --type-scale: 1.6;
        --illustration-scale: 1.44;
    }
}

body {
    font-family: "Carp Wide Bold", sans-serif;
}