body {
    width: 100vw;
    overflow-x: hidden;
    font-size: 16px;
    line-height: 1.2;
    background-color: var(--bg-primary);
}

:root {
    --bg-primary: #f8f8f8;

    --white: #ffffff;
    --black: #000000;
    --purple: #4601fa;
    --light-gray: #e3e3e3;
    --gray: #9c9c9c;

    --font-primary: 'Onest', sans-serif;
    --font-secondary: 'Bounded', sans-serif;

    --fs-55: 55px;
    --fs-50: 50px;
    --fs-48: 48px;
    --fs-40: 40px;
    --fs-32: 32px;
    --fs-30: 30px;
    --fs-26: 26px;
    --fs-22: 22px;
    --fs-20: 20px;
    --fs-16: 16px;
    --fs-14: 14px;

    --fw-title: 500;

    --br-29: 29px;
    --br-26: 26px;
    --br-16: 16px;
    --br-10: 10px;
    --br-6: 6px;

    --index-1: 1000;
}