@layer Fonts {
    /* onest-regular - latin */
    @font-face {
        font-display: swap;
        font-family: "Onest";
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/onest-v9-latin/onest-v9-latin-regular.woff2")
            format("woff2");
    }
    /* onest-500 - latin */
    @font-face {
        font-display: swap;
        font-family: "Onest";
        font-style: normal;
        font-weight: 500;
        src: url("../fonts/onest-v9-latin/onest-v9-latin-500.woff2")
            format("woff2");
    }
}

:root {
    /* Colors */
    --color__white: #ffffff;

    --color__content-text-primary: #f8fafc;

    --color__unipap-blue-01: #061735;
    --color__unipap-blue-02: #000f26;
    --color__unipap-blue-02--90: rgba(0, 15, 38, 0.93);
    --color__unipap-blue-03: #3b5688;
    --color__unipap-blue-03-light: #a7d1ff;
    --color__vibrom-dark-01: #2c2c2c;
    --color__vibrom-04: #aaa;

    --color__gray: #f0f1f3;

    --color__unipap-red-01: #e20319;

    --color__bg-gray: linear-gradient(0deg, #f0f1f3 0%, #f0f1f3 100%),
        lightgray 50% / cover no-repeat;

    /* Font Family */
    --font-family__primary: "Onest", sans-serif;

    /* Font Sizes */
    --font-size__h1: clamp(3.2rem, calc(8px + 7.5vw), 8rem);
    --font-size__h2: clamp(3.2rem, calc(2rem + 3.5vw), 4.8rem);
    --font-size__h2-reward-title: clamp(2.5rem, calc(1.5rem + 3vw), 4rem);
    --font-size__h3: clamp(2rem, calc(1.4rem + 1.875vw), 3.2rem);

    --font-size__regular: 2rem;
    --font-size__base: 1.6rem;

    /* Font weights */
    --font-weight__regular: 500;

    /* Font line height */
    --lh-120: 1.2;
    --lh-140: 1.4;

    /* Transition */
    --transition__default: 0.3s;

    /* Brands animation time */
    --brands__track-mobile: 16s;
    --brands__track-desktop: 42s;

    /* Layout */
    --width__max-content: 1920px;

    /* Spacing */
    --space-2xs: 1.6rem;
    --space-xs: 2.4rem;
    --space-sm: 4rem;
    --space-md: 5.6rem;
    --space-lg: 8rem;
    --space-xl: 10.8rem;
    --space-2xl: 12.4rem;
}
