@import "breakpoint.css";
@import "colors.css";
@import "typography.css";
@import "spacing.css";
@import "misc.css";

@import "breadcrumb.css";
@import "badge.css";
@import "button.css";
@import "card.css";
@import "modal.css";
@import "navbar.css";
@import "textfield.css";
@import "textarea.css";

html, body {
    font-family: var(--font-family-default);
    font-size: var(--font-size-default);
}

h1, .h1 {
    font-weight: 700;
    line-height: 32px;
    font-size: var(--font-700);
    color: var(--neutral-100);
    margin: 0;
}

h2, .h2 {
    font-weight: 700;
    line-height: 28px;
    font-size: var(--font-500);
    color: var(--neutral-100);
    margin: 0;
}

h3, .h3 {
    font-weight: 600;
    line-height: 20px;
    font-size: var(--font-300);
    color: var(--neutral-100);
}

h4, .h4 {
    font-weight: 600;
    line-height: 20px;
    font-size: var(--font-200);
    color: var(--neutral-80);
}

h5 {
    margin: 0;
} 

h6 {
    font-weight: 600;
    font-size: var(--font-100);
    line-height: 16px;
}