:root {
    --custom-first: 186,64,117;     /* BA4075 */
    --custom-secondary: 229,132,97; /* E58461 */
    --black: 47,49,55;              /* 2F3137 */
    --graphite: 66,69,77;           /* 42454D */
    --graphite-plus: 104,109,121;   /* 686D79 */
    --grey: 147,151,161;            /* 9397A1 */
    --modern-grey: 198,204,210;     /* C6CCD2 */
    --light-grey: 231,234,237;      /* E7EAED */
    --smoky-white: 243,244,245;     /* F3F4F5 */
    --ghostly-white: 249,249,250;   /* F9F9FA */
    --white: 255,255,255;           /* FFFFFF */
    --critical: 231,86,113;         /* E75671 */
    --optional: 95,140,229;         /* 5F8CE5 */
    --system-attention: 255, 160, 0;/* FFA000 */

    --body: 13px;
    --caption: 12px;

    --grid: 12;
    --full-width: 1262px;
    --success-color: 126,211,33;    /* 7ed321 */
    --attention-color: 229,132,97;  /* e58461 */
    --text-extra-small: 0.75rem;
    --text-small: 0.8125rem;
    --text-normal: 0.875rem;
    --text-medium: 0.938rem;
    --text-label: 1rem;
    --text-title: 1.25rem;
    --text-increased: 1.5rem;
    --standart-transition: 300ms ease 0s;
    --bank-logo: url(./img/logo.svg) no-repeat 0 0;
    --bank-logo-width: 130px;
    --bank-logo-pub: url(./img/logo_pub.svg) no-repeat 50% 0;
    --bank-bg-login: url(./img/bgLogin.jpg) no-repeat scroll 50% 0 / cover;
    --bank-bg-registration: url(./img/bg_register.jpg) no-repeat scroll 50% 0 / cover;
    --bank-bg-maintenance: url(./img/bg.jpg) no-repeat 50% 0 / cover;
}