:root {
    /* COLORS */
    --primary: #fd4f57;
    --primary-hover: #fd7e84;
    --btn-primary-bg: #fd4f57;
    --color-tittles: #37393F;
    --primary-2: #0B2135;
    --neutral-2: #f0eeee;
    --background: #EEEEFA;
    --step-bg: #CDCCCC;
    --step-border: #F0ECEC;
    --step-bg-active: #2AD4CB;
    --step-border-active: #92EFEA;
    --close-popup-icon: #DD443D;
    --badge-bg: #fecf7a;
    --badge-text: #c88657;
    --filter-button-bg: #CAF5F3FF;
    --filter-button-bg-active: #9FE8E4FF;
    --filter-button-text: #6F6C90FF;
    --filter-button-text-active: #37393f;
    --step-font-color: #fff;
    --full-white: #ffffff;
    --white: #fdfdfd;
    --snowwhite: #fffefe;
    --white-custom: #eaeaea;
    --base-white: #fff;
    --black-transparent: rgba(0 0 0 / 71%);
    --dark-black: #030304;
    --full-black: rgba(0, 0, 0, 0.5);
    --black: #000000;
    --text-semi-black: #353232;
    --brown: #C88657;
    --cyan-light: #dbf7f6;
    --line-color: #f1f1f1;
    --muted: #747272;
    --menu-item: #292d32;
    --menu-item-ligth: #b1b1b4;
    --color-p: #6F6C90;
    --color-p2: #B3B0D4;
    --primary-0: #040415;
    --primary-1: #4cdcd556;
    --secondary: #0B2135;
    --secondary-1: #FDCF7A;
    --secondary-2: #DD443D;
    --secondary-3: #A5A5A5;
    --secondary-hover-2: #dd3d68;
    --neutral-1: #dddddd;
    --neutral-2-alpha: rgba(159, 159, 159, 0.4);
    --neutral-3: #f0f0f0;
    --neutral-4: #cdcccc;
    --neutral-5: #f4f5f7;
    --neutral-6: #9F9F9F66;
    --neutral-7: #9F9F9F;
    --neutral-8: #F6F6F6;
    --neutral-9: #CDCBE2;
    --neutral-10: #B3B0D4;
    --neutral-11: #cfcfd7;
    --gray-900: rgba(16, 24, 40, 1);
    --gray-700: rgba(52, 64, 84, 1);
    --gray-500: rgba(102, 112, 133, 1);
    --gray-100: rgba(242, 244, 247, 1);
    --gray-200: rgba(234, 236, 240, 1);
    --gray-950: rgba(12, 17, 29, 1);
    --gray-50: rgba(249, 250, 251, 1);
    --primary-50: #dcf9f9;
    --primary-200: #a6eef2;
    --primary-700: #16878d;
    --gray-300: #d0d5dd;
    --gray-500: #667085;
    --gray-background: #b3bfcb59;
    --text-gray3: #B3BFCB;
    --blue-button-inactive: #CAF5F3;
    --blue-button-active: #9FE8E4;
    --blue-button-active2: #DBF7F5;
    --text-cyan: #2FD3AC;
    --text-gray: #898989;
    --text-gray2: #838486;
    --text-gray4: #979797;
    --step-font-color-active: #fff;
    --step-name-color: #6f6c90;
    --step-name-color-active: #6f6c90;
    --tab-active: #3CCEC6;
    --tab-active-line: #3CCEC6;
    --top-presentation-mask: #130D0D33;
    --background-neutral-gray: #EEEEFA;
    --color-footer-text: #37393f;
    --valid-price: #2ad3ca;
    --text-black: #0b2135;
    --border-color-1: #ededed;
    /* SHADOWS */
    --shadow-1: 0 2px 6px 0 #0D0A2C14;
    --shadow-2: 0 4px 12px 0 #0D0A2C0F;
    --shadow-3: 0 2px 16px 0 #0D0A2C1F;
    --shadow-4: 0 -8px 18px 0 #0D0A2C0A;
    --shadow-5: 0 -18px 38px 0 #4A3AFF0A;
    --shadow-6: 0 34px 26px 0 #0D0A2C0D;
    --button-shadow-color-1: 0 7px 8px 0 #4A3AFF21;
    --button-shadow-color-2: 0 15px 16px 0 #4A3AFF38;
    --button-shadow-color-3: 0 15px 30px 0 #4A3AFF33;
    --button-shadow-default-1: 0 8px 8px 0 #0D0A2C14;
    --button-shadow-default-2: 0 8px 16px 0 #0D0A2C2B;
    --button-shadow-default-3: 0 8px 30px 0 #0D0A2C26;
    --shadow-7: 0px 1px 9.9px 0px #00000040;
    /*  FONTS */
    --main-font: Inter;
    /* font sizes */
    --text-md-regular-font-family: "Inter", Helvetica;
    --text-md-regular-font-weight: 400;
    --text-md-regular-font-size: 16px;
    --text-md-regular-letter-spacing: 0px;
    --text-md-regular-line-height: 24px;
    --text-md-regular-font-style: normal;
    --text-md-semibold-font-family: "Inter", Helvetica;
    --text-md-semibold-font-weight: 600;
    --text-md-semibold-font-size: 16px;
    --text-md-semibold-letter-spacing: 0px;
    --text-md-semibold-line-height: 24px;
    --text-md-semibold-font-style: normal;
    --text-xs-regular-font-family: "DM Sans", Helvetica;
    --text-xs-regular-font-weight: 400;
    --text-xs-regular-font-size: 12px;
    --text-xs-regular-letter-spacing: 0px;
    --text-xs-regular-line-height: 18px;
    --text-xs-regular-font-style: normal;
    --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
}