@import "~cosmoUiVariables";
@import "../variables";

//font-weight
$header-font-weight: normal;

// sizes
$header-font-size-xs: 14px;
$header-font-size-sm: 16px;
$header-font-size-md: 18px;
$header-font-size-lg: 20px;
$header-font-size-xl: 22px;

.header {
    font-weight: $header-font-weight;
}

.xs {
    font-size: $header-font-size-xs;
}

.sm {
    font-size: $header-font-size-sm;
}

.md {
    font-size: $header-font-size-md;
}

.lg {
    font-size: $header-font-size-lg;
}

.xl {
    font-size: $header-font-size-xl;
}

.primary {
    color: $brand-primary;
}