/*
 * Shared typography — "LU intranets" system.* type scale.
 * Tokens live in variables.css. Loads after adminlte.min.css so base
 * element styles win over vendor defaults; components load after this
 * and may still override.
 */

body {
    font-family: var(--fBody);
    font-size: var(--tParagraphSize);
    font-weight: var(--fwRegular);
    line-height: var(--tParagraphLh);
    letter-spacing: var(--tParagraphLs);
}

/* system.headline.h1-h5 */

h1, h2, h3, h4, h5 {
    color: var(--cBlue);
    font-family: var(--fBody);
    font-weight: var(--fwBold);
    margin-bottom: 1rem;
}

h1 {
    font-size: var(--tH1Size);
    line-height: var(--tH1Lh);
    letter-spacing: var(--tH1Ls);
}

h2 {
    font-size: var(--tH2Size);
    line-height: var(--tH2Lh);
    letter-spacing: var(--tH2Ls);
}

h3 {
    font-size: var(--tH3Size);
    line-height: var(--tH3Lh);
    letter-spacing: var(--tH3Ls);
}

h4 {
    font-size: var(--tH4Size);
    line-height: var(--tH4Lh);
    letter-spacing: var(--tH4Ls);
}

h5 {
    font-size: var(--tH5Size);
    line-height: var(--tH5Lh);
    letter-spacing: var(--tH5Ls);
}

/* system.ui.link.default / system.ui.link.small */

a {
    color: var(--cPrimaryLightBlue);
}

a:hover {
    color: var(--cBlue);
}

/* Utility classes */

/* system.headline.h1 */
.text-headline-h1 {
    font-size: var(--tH1Size);
    font-weight: var(--fwBold);
    line-height: var(--tH1Lh);
    letter-spacing: var(--tH1Ls);
}

/* system.headline.h2 */
.text-headline-h2 {
    font-size: var(--tH2Size);
    font-weight: var(--fwBold);
    line-height: var(--tH2Lh);
    letter-spacing: var(--tH2Ls);
}

/* system.headline.h3 */
.text-headline-h3 {
    font-size: var(--tH3Size);
    font-weight: var(--fwBold);
    line-height: var(--tH3Lh);
    letter-spacing: var(--tH3Ls);
}

/* system.headline.h4 */
.text-headline-h4 {
    font-size: var(--tH4Size);
    font-weight: var(--fwBold);
    line-height: var(--tH4Lh);
    letter-spacing: var(--tH4Ls);
}

/* system.headline.h5 */
.text-headline-h5 {
    font-size: var(--tH5Size);
    font-weight: var(--fwBold);
    line-height: var(--tH5Lh);
    letter-spacing: var(--tH5Ls);
}

/* system.paragraph.default */
.text-paragraph {
    font-size: var(--tParagraphSize);
    font-weight: var(--fwRegular);
    line-height: var(--tParagraphLh);
    letter-spacing: var(--tParagraphLs);
}

/* system.paragraph.default.bold */
.text-paragraph-bold {
    font-size: var(--tParagraphSize);
    font-weight: var(--fwBold);
    line-height: var(--tParagraphLh);
    letter-spacing: var(--tParagraphLs);
}

/* system.ui.default */
.text-ui-default {
    font-size: var(--tUiDefaultSize);
    font-weight: var(--fwRegular);
    line-height: var(--tUiDefaultLh);
    letter-spacing: var(--tUiDefaultLs);
}

/* system.ui.default.bold */
.text-ui-default-bold {
    font-size: var(--tUiDefaultSize);
    font-weight: var(--fwBold);
    line-height: var(--tUiDefaultLh);
    letter-spacing: var(--tUiDefaultLs);
}

/* system.ui.small */
.text-ui-small {
    font-size: var(--tUiSmallSize);
    font-weight: var(--fwRegular);
    line-height: var(--tUiSmallLh);
    letter-spacing: var(--tUiSmallLs);
}

/* system.ui.small.bold */
.text-ui-small-bold {
    font-size: var(--tUiSmallSize);
    font-weight: var(--fwBold);
    line-height: var(--tUiSmallLh);
    letter-spacing: var(--tUiSmallLs);
}

/* system.ui.tiny */
.text-ui-tiny {
    font-size: var(--tUiTinySize);
    font-weight: var(--fwRegular);
    line-height: var(--tUiTinyLh);
    letter-spacing: var(--tUiTinyLs);
}

/* system.ui.tiny.bold */
.text-ui-tiny-bold {
    font-size: var(--tUiTinySize);
    font-weight: var(--fwBold);
    line-height: var(--tUiTinyLh);
    letter-spacing: var(--tUiTinyLs);
}

/* system.ui.link.default */
.text-ui-link-default {
    font-size: var(--tUiDefaultSize);
    font-weight: var(--fwRegular);
    line-height: var(--tUiDefaultLh);
    letter-spacing: var(--tUiDefaultLs);
    text-decoration: underline;
}

/* system.ui.link.small */
.text-ui-link-small {
    font-size: var(--tUiSmallSize);
    font-weight: var(--fwRegular);
    line-height: var(--tUiSmallLh);
    letter-spacing: var(--tUiSmallLs);
    text-decoration: underline;
}

.text-ui-link-small:hover {
    text-decoration: underline;
}

.text-bold {
    font-weight: var(--fwBold);
}