/*Typoos*/
@mixin heading($heading_color) {
    font-style: normal;
    margin-bottom: 0px;
    color: $heading_color;
    font-weight: bold;
    font-feature-settings: "salt" on, "ss01" on, "ss02" on, "ss03" on, "ss04" on;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    @include heading(var(--base-1200));
}
.h1 {
    font-size: 64px;
    line-height: 70px;
}
.h2 {
    font-size: 56px;
    line-height: 60px;
}
.h3 {
    font-size: 48px;
    line-height: 52px;
}
.h4 {
    font-size: 32px;
    line-height: 36px;
}
.h5 {
    font-size: 24px;
    line-height: 30px;
}
.h6 {
    font-size: 20px;
    line-height: 24px;
}
/*Typoos*/

/*general*/

/*all links*/
.link {
    cursor: pointer;
}
.branding,
.branding:focus {
    color: var(--primary-400);
    &:hover,
    &:active,
    &.active {
        color: var(--primary-500);
    }
}

.error-link,
.error-link:focus {
    color: var(--error-400);
    &:hover,
    &:active,
    &.active {
        color: var(--error-500);
    }
}

.green-link,
.green-link:focus {
    color: var(--green-500);
    &:hover,
    &:active,
    &.active {
        color: var(--green-600);
    }
}

.warning-link,
.warning-link:focus {
    color: var(--warning-400);
    &:hover,
    &:active,
    &.active {
        color: var(--warning-500);
    }
}

/*all links*/
.round-64 {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--base-300);
}
/*general*/