:root {

    /* Links */
    --color-link: #D78CF1;
    --color-link-hover: #e89ef1;

    --box-background-color: #3D2D52;
    --box-padding-top: 40px;
    --box-padding-bottom: 40px;

    --color-sub-background: #4e3c71;

    --color-second: #D78CF1;
    --color-third: #F5D8FF;
    --color-four: #7d5da4;

    --color-sub-text: #B999E3;



    --3xs: 2px;
    --2xs: 4px;
    --xs: 8px;
    --s: 12px;
    --m: 16px;
    --l: 20px;
    --xl: 24px;
    --2xl: 32px;
    --3xl: 40px;
    --4xl: 48px;
    --5xl: 72px;
    --6xl: 96px;

    --padd-8x: 40px;

    /* Top */
    --top-height: 260px;
    --mobile-top-height: 210px;

    --error-text-color:#ff5b27;

    /* Menu */
    --menu-height: 84px;

    /* Popup menu: */
    --popup-menu-width: 420px;
    --popup-menu-background-color: #4C3862;
    --popup-menu-hover-color: #6A5284;

}