:root {
    --font-family: "acuminprosemicond-regular", "Helvetica", sans-serif;
    --page-width: 1440;

    /* COLORS */
    --black: #000;
    --white: #fff;
    --grey: #ececec;
    --candy: #ff001f;

    /* 13 px */
    --font-size-body: calc(100vw * 13 / var(--page-width));

    /* TRANSITIONS */
    --f-cubic: cubic-bezier(0.22, 0.31, 0, 1);
    --f-cubic-in: cubic-bezier(0.69, 0, 0, 1);
    --f-fast: cubic-bezier(0, 0.81, 0.35, 1);
    --f-smooth: cubic-bezier(0.5, 0, 0.3, 1);

    /* FONT SIZE C1 */
    --font-size-c1: 0.538rem;
    --line-height-c1: 0.9;

    /* FONT SIZE T1: 10px / 90% */
    --font-size-t1: 0.769rem;
    --line-height-t1: 0.9;

    /* FONT SIZE T2: 11px / 95% */
    --font-size-t2: 0.846rem;
    --line-height-t2: 0.95;

    /* FONT SIZE P1 */
    --font-size-p1: 1rem;
    --line-height_p1: 0.95;

    /* FONT SIZE P2 */
    --font-size-p2: 1.076rem;
    --line-height_p2: 0.95;

    /* FONT SIZE P3 */
    --font-size-p3: 1.538rem;
    --line-height_p3: 0.95;

    /* FONT SIZE F1: 22px / 90% */
    --font-size-f1: 1.69rem;
    --line-height-f1: 0.9;

    /* FONT SIZE H1 */
    --font-size-h1: 6.923rem;
    --line-height-h1: 0.81;

    /* FONT SIZE H2 */
    --font-size-h2: 4.615rem;
    --line-height-h2: 0.82;

    /* FONT SIZE H3 */
    --font-size-h3: 1.076rem;
    --line-height-h3: 0.9;
}

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
    :root {
        --page-width: 390;
        --font-size-body: calc(100vw * 15 / var(--page-width));

        /* FONT SIZE C1 */
        --font-size-c1: 0.41rem;

        /* FONT SIZE T1 */
        --font-size-t1: 0.533rem;

        /* FONT SIZE T2 */
        --font-size-t2: 0.73rem;

        /* FONT SIZE P3 */
        --font-size-p3: 1.184rem;

        /* FONT SIZE F1 */
        --font-size-f1: 1.46rem;

        /* FONT SIZE H1 */
        --font-size-h1: 3.33rem;

        /* FONT SIZE H2 */
        --font-size-h2: 3.33rem;

        /* FONT SIZE H3 */
        --font-size-h3: 1.2rem;
    }
}