:root { /*----------Primary----------*/ --Primary: #AA6A46; --Primary_1: rgba(170, 106, 70, .1); --Primary_2: rgba(170, 106, 70, .2); --Primary_4: rgba(170, 106, 70, .4); --Primary_6: rgba(170, 106, 70, .6); --gr_primary: var(--Primary); --gr_primary_1: var(--Primary_1); --gr_primary_2: var(--Primary_2); --gr_primary_4: var(--Primary_4); --gr_primary_6: var(--Primary_6); --on_gr_primary_text: #fff; --on_gr_primary_text_7: rgba(255, 255, 255, .7); --on_gr_primary_text_dark: #2E2F38; --on_gr_primary_icon: #fff; --on_gr_primary_bg: #fff; --on_gr_primary_border: #fff; --on_gr_primary_border_1: rgba(255, 255, 255, .1); /*----------Primary----------*/ /*----------Accent----------*/ --Accent: #F7C000; --Accent_1: rgba(246, 192, 0, .1); --Accent_2: rgba(246, 192, 0, .2); --Accent_4: rgba(246, 192, 0, .4); --Accent_5: rgba(246, 192, 0, .5); --Accent_9: rgba(246, 192, 0, .9); --gr_accent: var(--Accent); --gr_accent_1: var(--Accent_1); --gr_accent_2: var(--Accent_2); --gr_accent_4: var(--Accent_4); --gr_accent_5: var(--Accent_5); --gr_accent_9: var(--Accent_9); --on_gr_accent_text: #fff; --on_gr_accent_icon: #fff; --on_gr_accent_bg: #fff; /*----------Accent----------*/ --gr_bg_sec: #F8F9FB; /*----------Background----------*/ --gr_bg: #ffffff; --on_gr_bg_acc_text: #6B6D84; --on_gr_bg_acc_text_2: rgba(107, 109, 132, .2); --on_gr_bg_acc_text_4: rgba(107, 109, 132, .4); --on_gr_bg_acc_text_5: rgba(107, 109, 132, .5); --on_gr_bg_acc_text_6: rgba(107, 109, 132, .6); --on_gr_bg_acc_text_7: rgba(107, 109, 132, .7); --on_gr_bg_sec_text: #67697E; --on_gr_bg_sec_text_4: rgba(103, 105, 126, .4); --on_gr_bg_sec_text_5: rgba(103, 105, 126, .5); --on_gr_bg_sec_text_6: rgba(103, 105, 126, .6); --on_gr_bg_sec_text_7: rgba(103, 105, 126, .7); --on_gr_bg_sec_text_8: rgba(103, 105, 126, .8); --on_gr_bg_icon: #2E2F38; --on_gr_bg_icon_2: rgba(46, 47, 56, .2); --on_gr_bg_icon_4: rgba(46, 47, 56, .4); --on_gr_bg_icon_5: rgba(46, 47, 56, .5); --on_gr_bg_icon_6: rgba(46, 47, 56, .6); --on_gr_bg_icon_8: rgba(46, 47, 56, .8); --on_gr_bg_border: #D2D3E0; --on_gr_bg_border_4: rgba(210, 211, 224, .4); --on_gr_bg_border_5: rgba(210, 211, 224, .5); --on_gr_bg_bg: #F2F4F8; --on_gr_bg_bg_8: rgb(242, 244, 248, .8); /*--on_gr_bg_3_bg: #F8F9FB; --on_gr_bg_3_text: #67697E;*/ --on_gr_bg_link: var(--gr_accent); --on_gr_bg_link_5: var(--gr_accent_5); /*----------Background----------*/ /*----------Footer----------*/ --gr_footer_bg: #F8F9FB; --gr_footer_acc_text: #6B6D84; --gr_footer_sec_text: #67697E; --gr_footer_icon: #67697E; --gr_footer_sec_text_7: rgba(103, 105, 126, .7); --gr_footer_sec_text_8: rgba(103, 105, 126, .8); --on_footer_border: #D2D3E0; --on_footer_border_5: rgba(210, 211, 224, .5); --gr_footer_bg_sec: #fff; /*----------Footer----------*/ /*----------Закругления----------*/ /*--gr_wrap_radius: 8px; --gr_inner_radius: 6px; --gr_medium_radius: 5px; --gr_small_radius: 3px; --gr_btn_radius: 5px; --gr_icon_btn_radius: 50px; --gr_form_radius: 5px; --gr_checkbox_radius: 5px;*/ --gr_wrap_radius: 3px; --gr_inner_radius: 3px; --gr_medium_radius: 3px; --gr_small_radius: 2px; --gr_btn_radius: 3px; --gr_icon_btn_radius: 3px; --gr_form_radius: 3px; --gr_checkbox_radius: 2px; /*----------Закругления----------*/ /*----------Кнопки с текстом----------*/ /*Кнопка 1*/ --gr_btn_1_text: var(--on_gr_primary_text); --gr_btn_1_text_h: var(--on_gr_primary_text); --gr_btn_1_text_a: rgba(255,255,255,.7); --gr_btn_1_icon: var(--on_gr_primary_icon); --gr_btn_1_icon_h: var(--on_gr_primary_icon); --gr_btn_1_icon_a: rgba(255,255,255,.7); /*Кнопка 2*/ --gr_btn_2_text: var(--on_gr_accent_text); --gr_btn_2_text_h: var(--on_gr_accent_text); --gr_btn_2_text_a: rgba(255,255,255,.7); --gr_btn_2_icon: var(--on_gr_accent_icon); --gr_btn_2_icon_h: var(--on_gr_accent_icon); --gr_btn_2_icon_a: rgba(255,255,255,.7); /*Кнопка 3*/ --gr_btn_3_text: var(--gr_primary); --gr_btn_3_text_h: var(--on_gr_primary_text); --gr_btn_3_text_a: var(--on_gr_primary_text); --gr_btn_3_icon: var(--gr_primary); --gr_btn_3_icon_h: var(--on_gr_primary_icon); --gr_btn_3_icon_a: var(--on_gr_primary_icon); /*----------Кнопки с текстом----------*/ /*----------Кнопки только с иконкой----------*/ /*Кнопка 1*/ --gr_icon_btn_1_icon: var(--on_gr_bg_icon); --gr_icon_btn_1_icon_h: var(--gr_accent); --gr_icon_btn_1_icon_a: var(--gr_accent_5); --gr_icon_btn_1_bg: var(--gr_bg); --gr_icon_btn_1_bg_h: var(--gr_bg); --gr_icon_btn_1_bg_a: var(--gr_bg); --gr_icon_btn_1_border: var(--on_gr_bg_border_4); --gr_icon_btn_1_border_h: var(--gr_accent); --gr_icon_btn_1_border_a: var(--gr_accent); /*Кнопка 2*/ --gr_icon_btn_2_icon: var(--on_gr_bg_icon_6); --gr_icon_btn_2_icon_h: var(--gr_accent); --gr_icon_btn_2_icon_a: var(--gr_accent_5); --gr_icon_btn_2_bg: var(--gr_bg); --gr_icon_btn_2_bg_h: var(--gr_bg); --gr_icon_btn_2_bg_a: var(--gr_bg); /*Кнопка 3*/ --gr_icon_btn_3_icon: var(--on_gr_bg_icon_8); --gr_icon_btn_3_icon_h: var(--gr_accent); --gr_icon_btn_3_icon_a: var(--gr_accent_5); --gr_icon_btn_3_bg: transparent; --gr_icon_btn_3_bg_h: transparent; --gr_icon_btn_3_bg_a: transparent; /*----------Кнопки только с иконкой----------*/ /*----------Тени----------*/ --gr_shadow_1: 0 2px 8px rgba(0, 0, 0, 0.05); /*----------Тени----------*/ /*----------Жирность шрифтов----------*/ --font1_100: 100; --font1_200: 200; --font1_300: 300; --font1_400: 400; --font1_500: 500; --font1_600: 600; --font1_700: 700; --font1_800: 800; --font1_900: 900; --font2_100: 100; --font2_200: 200; --font2_300: 300; --font2_400: 400; --font2_500: 500; --font2_600: 600; --font2_700: 700; --font2_800: 800; --font2_900: 900; /*----------Жирность шрифтов----------*/ /*----------Системные цвета----------*/ --gr_btn_overlay_15: rgba(255,255,255, .15); --gr_btn_overlay_a_05: rgba(0,0,0, .05); --gr_product_img_overlay: rgba(0,0,0, .03); --gr_bg_overlay_a_5: rgba(0,0,0, .35); --tableBorder: #afafaf; --tableThBackground: #FF604E; --tableThColor: #ffffff; --gr_tooltip: #2E2F38; --on_gr_tooltip: #ffffff; --gr_disable: #EFEFEF; --on_gr_disable: #B6B7BA; --gr_error: #FF604E; --gr_error_1: rgba(255, 96, 78, .1); --gr_error_15: rgba(255, 96, 78, .15); --gr_error_2: rgba(255, 96, 78, .2); --on_gr_error: #FFFFFF; --gr_success: #5ABF70; --gr_success_4: rgba(90, 191, 112, .4); --gr_success_2: rgba(90, 191, 112, .2); --on_gr_success: #FFFFFF; --on_gr_success_4: var(--on_gr_bg_acc_text); --gr_attention: #FFD043; --gr_attention_4: rgba(255, 208, 67, .4); --on_gr_attention: #171718; --on_gr_attention_4: var(--on_gr_bg_acc_text); --gr_white: #ffffff; --gr_dark: #000; --gr_dark_1: rgba(0, 0, 0, 0.1); /*----------Системные цвета----------*/ --noImageDefault: url('data:image/svg+xml;charset=utf-8,') 50% no-repeat var(--gr_disable); }