/* /public/css/theme/school/variable/school.css */

:root {
    --font-size-header-offer: 8rem;
    --font-size-h1: 4rem;
    --doubleParagraph: 2rem;
    --paragraph: 1rem;
    --halfParagraph: .625rem;
    --color: blue;
    --colorCream: white;
    --colorWhite: white;
    --colorBlack: black;
    --colorGrey: #EBEDF0;
    --colorGrey2: #CCCCCC;
    --colorDarkGrey: #40474B;
    --colorYellowSticker: #fff3cd;
    --colorDarkYellow: #f9d029;
    --brandColor: rgb(49 7 43);
    --errorColor: rgb(200 50 50);
    --successColor: rgb(50 200 150);
    --reviewMargin: .5rem;
}

.screen-title {
    font-size: var(--font-size-h1);
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    text-align: center;
    margin: 1rem;
}

.title {
    font-size: var(--doubleParagraph);
    font-family: "Futura Book", "Futura Book Cyrillic", sans-serif;
    text-align: center;
    margin: 1rem;
}

.text {
    margin: 1rem;
    font-size: var(--doubleParagraph);
}


/* MOBILE LAYOUT (Screens smaller than 768px) */
@media (max-width: 768px) {
    :root {
        --font-size-header-offer: 12rem;
        --font-size-h1: 6rem;
        --doubleParagraph: 3rem;
        --paragraph: 1.5rem;
        --halfParagraph: .75rem;
    }
}