:root {

    /* Fixed content width: */
    --width: 995px;
    --left-column: 305px;

    --font-size: 16px;

    --2xxl: 98px;
    --xxl: 56px;
    --xl: 44px;
    --l: 32px;
    --m: 24px;
    --s: 16px;
    --xs: 12px;
    --xxs: 8px;
    --2xs: 4px;

    --top: 84px;

    --shield-radius: 46px;

    --color-text-white: #ffffff;
    --color-text-muted: #7D83A8;
    --color-text: #06094D;
    --color-text-error: #c72224;

    --color-violet: #736EEF;
    --color-violet-2: #4F4BAE;

    --color-button-disabled: #7D83A8;
    --color-button-disabled-text: #D8DAE5;

    --color-disabled-loader: #6d6e89;

    --color-border: #DDE7F4;
    --color-border-hovered: #bfc3dc;
    --color-tag-active: #DDE7F4;

    --color-primary-button-active: #8480F3;
    --color-icon-hover: #7038ff;

    --color-placeholder: #868eb6;
    --input-focus-halo: 6px;

    --color-icon-bg: #a3a2fd;

    --input-border-radius: 8px;

    --icon-w: 28px;
    --icon-h: 28px;


}