:root {
    /*эти переменные почти не используются*/
    --ui-border-radius-3xs: 3px;
    --ui-field-size-lg: var(--ui-size-6xl);
    --ui-field-size-md: var(--ui-size-5xl);
    --ui-field-size-sm: var(--ui-size-3xl);
    --ui-field-size-xs: var(--ui-size-xl2);
    --ui-field-color-success: #9dcf00;
    --ui-field-color-danger: #ff5752;
    --ui-field-color-primary: #66afe9;
    --ui-field-color-focused: #2fc6f6;
    --ui-field-color-link: #0b66c3;
    --ui-field-color-warning: #ff5752;
    --ui-field-color-orange: #ffa900;
    --ui-field-color-disabled: rgba(244,244,244,.65625);
    --ui-field-color-disabled-secondary: rgba(198,205,211,.372424);
    --ui-field-color-light-gray: #fdfdfd;
    --ui-field-color-border-default: 198,205,211;
    --ui-field-color-gray-37: rgba(198,205,211,.37);
    --ui-field-color-gray-17: rgba(82,92,105,.17);
    --ui-field-color-gray-06: rgba(82,92,105,.06);
    --ui-field-color-white-50: rgba(255,255,255,.5);
    --ui-field-color-white-44: rgba(255,255,255,.44);
    --ui-field-color-white-14: rgba(255,255,255,.14);
    --ui-field-size: var(--ui-field-size-md);
    --ui-field-border-radius: var(--ui-border-radius-3xs);
    --ui-field-spacing: 12px;

    /*нужные переменные*/
    --light: #FFFFFF;
    --dark: #17181B;
    --dark-alt: #374054;
    --main-color:#8B2E31;
    --main-color-hover: #972126;
    --main-color-dark: #8A2D31;
    --bg: #F2F7FC;
    --bg-hover: #D4DEEC;
    --border: #D5DFED;
    --table-border: #ECF3FD;
    --grey: #6B809B;
    --dark-grey: #546281;
    --soft-grey: #F2F7FF;
    --bg-alt: #E7EFF8;
    --error: #CE1147;
    --range: #F3EAEA;
    --great-transition: all 200ms ease;

}