/**
 * CADMasters Global Typography System
 * Tokens are injected via /theme.css from Theme Manager.
 * This file defines typography rules only — no hardcoded design values.
 */

body {
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-body);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-normal);
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-brand {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-heading);
    letter-spacing: var(--letter-spacing-normal);
}

h1,
.h1 {
    font-size: var(--font-size-h1);
    line-height: var(--line-height-h1);
}

h2,
.h2 {
    font-size: var(--font-size-h2);
    line-height: var(--line-height-h2);
}

h3,
.h3 {
    font-size: var(--font-size-h3);
    line-height: var(--line-height-h3);
}

strong,
b {
    font-weight: var(--font-weight-strong);
}

p,
li,
dd,
dt,
label,
input,
textarea,
select,
table,
.content-prose {
    font-family: var(--font-body);
}

nav,
.site-nav,
.site-header,
.header-menu,
.admin-sidebar,
.admin-nav-link,
.admin-nav-section,
.portal-sidebar,
.portal-nav-link,
.navbar,
.dropdown-menu {
    font-family: var(--font-navigation);
    font-weight: var(--font-weight-nav);
    font-size: var(--font-size-nav);
    letter-spacing: var(--letter-spacing-normal);
}

.btn,
button,
[type="button"],
[type="submit"],
[type="reset"],
.btn-cta {
    font-family: var(--font-navigation);
    font-weight: var(--font-weight-button);
    letter-spacing: var(--letter-spacing-normal);
}

.admin-content,
.portal-main,
.cm-engineering-ui .content-prose,
.kb-block,
.admin-table {
    font-family: var(--font-body);
}

.page-header h1,
.hero-section h1,
.hero-section .hero-title {
    font-family: var(--font-heading);
    font-weight: var(--font-weight-heading);
}