:root { --color_primary: rgba(34, 34, 34, 1); --color_gray_50: rgba(249, 250, 251, 1); --color_gray_100: rgba(243, 244, 246, 1); --color_gray_200: rgba(229, 231, 235, 1); --color_gray_300: rgba(209, 213, 219, 1); --color_gray_400: rgba(156, 163, 175, 1); --color_gray_500: rgba(107, 114, 128, 1); --color_gray_600: rgba(75, 85, 99, 1); --color_gray_700: rgba(55, 65, 81, 1); --color_gray_800: rgba(31, 41, 55, 1); --color_gray_900: rgba(17, 24, 39, 1); --color_primary_hover: rgba(0, 0, 0, 1); --color_secondary: rgba(255, 255, 255, 1); --color_secondary_hover: rgba(255, 255, 255, 1); --color_text: rgba(119, 119, 119, 1); --color_success: rgba(56, 142, 60, 1); --color_danger: rgba(255, 97, 97, 1); --color_info: rgba(49, 227, 197, 1); --color_border: rgba(226, 226, 226, 1); --color_light_gray: rgba(250, 250, 250, 1); --color_dark_gray: rgba(255, 255, 255, 1); --color_gray_primary: rgba(255, 255, 255, 1); --color_white: rgba(255, 255, 255, 1); --color_transparent: rgba(0, 0, 0, 0); --j-gap_row: 100; --j-gap_page_title: 40; --j-gap_module_title: 30; --j-gap_side_with_content: 30; --j-gap_module_padding: 30; --j-gap_item_spacing: 20; --j-gap_row_padding: 80 }