:root {
    --color-black: rgb(0, 0, 0);
    --color-white: rgb(255, 255, 255);
    --color-white-alpa-7: rgba(255, 255, 255, 0.7);
    --color-selection: rgba(184, 204, 255, 0.5);

    --color-blue: rgb(63, 100, 216);
    --color-blue-1: rgb(34, 34, 78);
    --color-blue-2: rgb(32, 45, 79);

    --color-gradient-start: rgb(15, 51, 144);
    --color-gradient-end: rgb(9, 22, 83);

    --color-gradient-btn-start: rgb(22, 59, 125);
    --color-gradient-btn-end: rgb(43, 93, 174);

    --color-gradient-block-start: rgb(58, 71, 103);
    --color-gradient-block-end: rgb(43, 49, 88);

    --color-disabled: rgb(110, 110, 110);

    --color-form: rgb(6, 6, 49);
    --color-form-bg: rgb(64, 65, 82);
    --color-form-bg-alpha-85: rgba(71, 77, 97, .85);

    --descrition-border-width: 40px;
    --descrition-border: var(--descrition-border-width) solid var(--color-blue);

    --bg-gradient: linear-gradient(90deg, var(--color-gradient-start) 0%, var(--color-gradient-end) 100%);
    --pattern: repeating-linear-gradient(-45deg, transparent, transparent 12px, var(--color-blue) 0px, var(--color-blue) 25px);

    --descrition-gradient: linear-gradient(90deg, var(--color-gradient-block-start) 0%, var(--color-gradient-block-end) 100%);

    --button-gradient: linear-gradient(90deg, var(--color-gradient-btn-start) 0%, var(--color-gradient-btn-end) 100%);
    --button-gradient-hover: linear-gradient(90deg, var(--color-gradient-btn-end) 0%, var(--color-gradient-btn-start) 100%);

    --bg-tooltip: rgba(25, 28, 46, .98);
}