:root {
    --font: Roboto;
    --radius: 8px;
    --gap: 12px;
    --padding: 8px;

    --text-small: 12px;


    --text-icon: 2px;


    --button-small-height: 32px;
    --button-default-height: 38px;
    --button-big-height: 58px;
}

html[device='smallDesktop']:root {
    --gap: 10px;
    --padding: 8px;
}

html[device='mobile']:root {
    --gap: 8px;
    --padding: 8px;

    --text-small: 10px;

    --text-icon: 0px;
}