// Headline
@mixin Headline_1{
    font-family: var(--font-bold);
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}
@mixin Headline_2{
    font-family: var(--font-bold);
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}
@mixin Headline_3{
    font-family: var(--font-bold);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}
@mixin Headline_4{
    font-family: var(--font-bold);
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}
@mixin Headline_5{
    font-family: var(--font-bold);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}
@mixin Headline_6{
    font-family: var(--font-bold);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 115%;
    color: var(--BLACK);
    text-align: center;
}

// body
@mixin Body_1{
    font-family: 'RobotoRegular';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 185%;
}
@mixin Body_2{
    font-family: 'RobotoRegular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}
@mixin Body_3{
    font-family: 'RobotoRegular';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; 
}
// default input
@mixin input_default{
    width: 100%;
    min-height: 45px;
    font-size: 15px;
    outline: none;
    padding: 10px 33px 10px 14px;
    border-radius: 10px;
    border: 1px solid var(--GRAY);
    font-family: var(--font);
}
// default textarea
@mixin textarea_default{
    @include Body_2;
    border-radius: 10px;
    padding: 12px 16px;  
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    height: 84px;
}
// миксин для кнопок c бэкграундом
@mixin default_button-full{
    font-family: var(--font-bold);
    border-radius: 10px;
    cursor: pointer;
    min-width: 45px;
    position: relative;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 15px;
    min-height: 45px;
    border: none;
}
// миксин для кнопок с обводкой без бэкграунда
@mixin default_button-light{
    font-family: var(--font-bold);
    border-radius: 10px;   
    cursor: pointer;
    min-width: 45px;
    position: relative;
    background: transparent;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 15px;
    min-height: 45px;
}
@mixin default-panel{
    font-family: var(--font-bold);
    cursor: pointer;
    padding: 0 15px !important;
    text-transform: uppercase;
    border-bottom: 1px solid var(--LIGHT-GRAY);
    border-radius: 0;
    min-height: 40px;
    max-height: 65px;
    height: auto !important;
    background: var(--WHITE);
    color: var(--DARK-GREY);
    border-radius: 4px !important;
}