:root {
    /* Text styles */

    --semiblod-headline: 600 24px/29.05px "Inter", serif;
    --semiblod-headline-2: 600 20px "Inter", serif;
    --semiblod-title: 600 16px/19.36px "Inter", serif;
    --semiblod-title-3: 600 14px/16.94px "Inter", serif;

    --regular-body: 16px/19.36px "Inter", serif;
    --regular-text: 14px/16.94px "Inter", serif;
    --regular-text-small: 12px/18px "Inter", serif;
    --regular-caption: 12px/14.52px "Inter", serif;
    --regular-subtitle: 11px/13.31px "Inter", serif;

    --mobile-title-4: 600 12px/14.52px "Inter", serif;
    --mobile-caption: 10px "Inter", serif;
    --mobile-headline-2: 600 16px "Inter", serif;
    --mobile-title-3: 600 13px/16px "Inter", serif;
    --mobile-text: 12px "Inter", serif;
    --mobile-subtitle: 10px/11px "Inter", serif;
    --mobile-text-2: 11px "Inter", serif;

    --card-title: 600 17px/22px "Inter", serif;
    --login-subtitle: 400 18px/21.78px "Inter", serif;
    --login-title: 22px/26.63px "Inter", serif;

    /* Color styles */

    --primary: #1d62d3;
    --dark-text: #131313;
    --dark-text-secondary: #111722;
    --secondary: #dae5f8;
    --background: #ffffff;
    --text-gray-menu: #7c8496;
    --text-grey: #a8b3cc;
    --grey-icons: #a2aab8;
    --lines: #d6deef;
    --stroke: #cfd9eb;
    --grey-bg: #f8fbff;
    --light-green: #c4ebcc;
    --red: #ff575a;
    --state-on-moderation: #dae2f0;
    --state-finished: #dedede;
    --state-complited: #b3cfff;
    --state-pre-moderation: #f8e5b9;
    --hover: #6c9be8;
    --disabled-text: #dde0e5;
    --backdrop: rgba(2, 13, 30, 0.45);

    /* Effect styles */

    --shadow-1: 0px 27px 40px 0px #153C7B66;
    --shadow-2: 0px 0px 22px 0px #9499a242;
    --shadow-modal: 0px 24px 52px 0px #16346430;

    --border: 1px solid var(--lines);

    --vh: 100dvh;
}