/**
 * Global typography — body copy, headings, lists, chrome font overrides.
 * Load order: `base.css` → `main.css` → this file → `btns.css` (`app.html`).
 */

body {
    font-family: var(--app-font-body);
    line-height: 1.4;
}

/* inline text links (auth footers, muted nav) — keep visited/hover aligned with app tokens */
body,
.app-link,
.app-link:hover,
.app-link:visited {
	color: var(--app-text);
}

.app-link,
.app-link:visited {
	text-decoration: none;
}

.app-link:hover {
	text-decoration: underline;
}

.app-link
.app-link:hover,
.app-link:active,
.app-link:visited {
	font-weight: normal;
}

.app-link {
	text-underline-offset: 4px;
}

/* Window chrome: use system stack (title bar, status bar, menus inherit) */
.title-bar,
.status-bar {
    font-family: var(--app-font-system);
}

h1, h2, h3, h4, h5, h6 { font-family: var(--app-font-heading); }

body, p, ul, .h-ul { font-size: var(--font-size-base); }

p, h1, h2, h3, h4, h5, h6 { margin: 0; }

/* headings */
h1 { font-size: var(--font-size-h1); }
h2 { font-size: var(--font-size-h2); }
h3 { font-size: var(--font-size-h3); }
h4 { font-size: var(--font-size-h4); }
h5 { font-size: var(--font-size-h5); }
h6 { font-size: var(--font-size-h6); }


/* list */
ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

/* Pagination toolbars — bits-ui/Shadcn `ul`; must not inherit prose list margins or wrap awkwardly */
ul[data-slot='pagination-content'] {
	margin-bottom: 0;
	margin-top: 0;
}

/* list header */
.h-ul {
    font-size: var(--font-size-base);
    margin-bottom: 0.25rem;
}

/* side notes, disclaimers, captions, fine print, etc. */
small { font-size: var(--font-size-small); }