:root { --primary: #fc0; } body { --ton_blue: #08c; --ton_dark_blue: #019be9; --default_white: #fff; --default_black: #161c28; --toncoin_header: #353538; --toncoin_gradient: linear-gradient(297.97deg, #232328 9.93%, #343437 76.88%); --StripeMenuWhite: #fff; --layout-padding: 20px; --border_radius_base: 24px; } body { /* --background_light_main: #f7f9fb; --background_light_gradient: linear-gradient(180deg, #f7f9fb, rgba(238, 242, 245, 0.8) 116.16%); --background_light_icon: rgba(0, 136, 204, 0.06); --background_light_blue: rgba(0, 136, 204, 0.1); --background_dark_main: #232328; --background_dark_gradient: linear-gradient(0deg, #232328, #343437 101.47%); --background_dark_secondary: hsla(0, 0%, 100%, 0.03); --background_gradient_light: linear-gradient(180deg, #fff, #f7f9fb 134.8%); --background_green_light: #829a94; --background_black_mini_opacity: rgb(0, 0, 0, 0.24); --background_loading_gradient_light: linear-gradient( 90deg, #f7f9fb -9.69%, #f2f5f8 -9.68%, #fff 52.19%, #f2f5f8 106.56% ); --button_light_primary: #08c; --button_light_primary_hover: #0197e2; --button_light_primary_pressed: #0082c2; --button_light_secondary: rgba(246, 248, 251, 0.8); --button_light_secondary_hover: #f4f7fa; --button_light_secondary_pressed: #f4f7fa; --button_dark_primary: #08c; --button_dark_primary_hover: #00a1f1; --button_dark_primary_pressed: #076c9f; --button_dark_secondary: hsla(0, 0%, 100%, 0.06); --button_dark_secondary_hover: hsla(0, 0%, 100%, 0.12); --button_dark_secondary_pressed: hsla(0, 0%, 100%, 0.03); --button_dark_text: #07a0ec; --button_dark_secondary_text_hover: #5bc8ff; --button_dark_secondary_text_pressed: #0186c9; --button_light_primary_small: rgba(0, 136, 204, 0.06); --button_light_primary_small_hover: rgba(0, 136, 204, 0.3); --button_light_primary_small_pressed: rgba(0, 136, 204, 0.03); --text_light_primary: #161c28; --text_light_secondary: #728a96; --text_dark_primary: #fff; --text_dark_secondary: hsla(0, 0%, 100%, 0.7); --text_dark_gradient: linear-gradient(89.92deg, #06a1ef 28.51%, #69cdff 85.79%); --icon_light_primary: #08c; --icon_light_secondary: rgba(236, 240, 243, 0.8); --icon_light_thirdly: #98b2bf; --icon_dark_primary: #02a8fb; --separator_light: rgba(123, 148, 160, 0.2); --separator_dark: hsla(0, 0%, 100%, 0.06); --black: #000; --covers_light_green: #caefd9; --hovered_link: #08c; --light_border: rgba(114, 138, 150, 0.24); not-ton */ --maxWidthMobile: 900px; --logoWrapperWidth: 230px; }