@use 'functions' as *;

@mixin h1 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    font-size: rs(128px);
}
@mixin h2 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    font-size: rs(64px);
}
@mixin h3 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    font-size: rs(48px);
}
@mixin h4 {
    font-family: var(--font-serif);
    font-weight: 400;
    font-style: italic;
    line-height: 1;
    font-size: rs(32px);
}

@mixin p {
    font-family: var(--font-sans);
    font-weight: 400;
    line-height: 1.25;
    font-size: rs(16px);
}

@mixin label {
    font-family: var(--font-mono);
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    font-size: rs(14px);
}