/* ============================================
   TexUS — Core Typography
   Scope: document-level typography only
   No tokens, no utilities, no components
   ============================================ */

/* -----------------------------
   Base document setup
   ----------------------------- */

html {
    font-size: 16px;
}

body {
    font-family: var(--font-sans);
    font-size: var(--fs-base);
    line-height: var(--lh-relaxed);
    color: var(--text-main);
    margin: 0;
}


/* -----------------------------
   Headings (HTML semantics only)
   ----------------------------- */

h1,
h2,
h3 {
    font-family: var(--font-brand);
    font-weight: 600;
    line-height: var(--lh-tight);
    margin: 0 0 var(--space-sm);
}

h1 {
    font-size: var(--fs-xl);
}

h2 {
    font-size: var(--fs-lg);
}

h3 {
    font-size: var(--fs-md);
}


/* -----------------------------
   Paragraphs & inline text
   ----------------------------- */

p {
    margin: 0 0 var(--space-md);
    font-size: var(--fs-base);
    line-height: var(--lh-relaxed);
}

small {
    font-size: var(--fs-sm);
}


/* -----------------------------
   Lists
   ----------------------------- */

ul,
ol {
    margin: 0 0 var(--space-md);
    padding-left: 1.25em;
}

li {
    margin-bottom: 0.4em;
}


/* -----------------------------
   Links
   ----------------------------- */

a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

a:hover {
    text-decoration-thickness: 2px;
}


/* -----------------------------
   Forms (typographic baseline)
   ----------------------------- */

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--lh-normal);
}

label {
    font-size: var(--fs-sm);
}