:root {
    --general_white: 255, 255, 255; /* #ffffff */
    --general_black: 47, 49, 55; /* #2f3137 */
    --general_grey: 147, 151, 161; /* #9397a1 */
    --general_grey_plus: 190, 192, 199; /* #BEC0C7 */
    --general_light_grey: 231, 234, 237; /* #e7eaed */
    --general_graphite: 85, 89, 99; /* #555963 */
    --general_custom_first: 186, 64, 117; /* #ba4075 */
    --general_smoky_white: 243, 244, 245; /* #f3f4f5 */
    --general_ghostly_white: 249, 249, 250; /* #f9f9fa */
    --system_critical: 231, 86, 113; /* #e75671 */
    --system-attention: 255, 160, 0;/* #ffa000 */

    --head_h1: 600 22px/28px 'Source Sans Pro', sans-serif;
    --head_h2: 500 19px/28px 'Inter', sans-serif;
    --head_h3: 400 17px/28px 'Inter', sans-serif;
    --head_h4: 500 15px/24px 'Inter', sans-serif;
    --body_regular: 400 13px/20px 'Inter', sans-serif;
    --body_medium: 500 13px/20px 'Inter', sans-serif;
    --body_semibold: 600 13px/20px 'Inter', sans-serif;
    --caption_regular: 400 12px/16px 'Inter', sans-serif;

    --padding-regular: 0 28px;
}