/**
 * Felix Theme — Typography.
 *
 * Editorial typography refinements layered over theme.json defaults.
 * Type scale and families are defined in theme.json (see DESIGN_SYSTEM.md).
 *
 * @package Felix_Theme
 */

/* -------------------------------------------------------------------------
   Long-form content rhythm
   ------------------------------------------------------------------------- */

.entry-content {
	font-size: var(--wp--preset--font-size--felix-base);
	line-height: 1.65;
}

.entry-content p {
	margin-block-start: 0;
	margin-block-end: var(--felix-sp-s);
}

.entry-content ul,
.entry-content ol {
	margin-block-start: 0;
	margin-block-end: var(--felix-sp-s);
	padding-inline-start: var(--felix-sp-s);
}

.entry-content li {
	margin-block-end: var(--felix-sp-2xs);
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-block-start: var(--felix-sp-m);
	margin-block-end: var(--felix-sp-s);
	scroll-margin-top: var(--felix-sp-l);
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child {
	margin-block-start: 0;
}

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

.entry-content a {
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

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

/* -------------------------------------------------------------------------
   Code and quotes
   ------------------------------------------------------------------------- */

code,
kbd,
samp,
pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 0.9em;
}

.entry-content blockquote {
	font-size: var(--wp--preset--font-size--felix-h5);
	line-height: 1.5;
}

/* -------------------------------------------------------------------------
   Captions and meta
   ------------------------------------------------------------------------- */

.wp-block-image figcaption,
.wp-caption-text,
.entry-meta {
	font-size: var(--wp--preset--font-size--felix-sm);
	line-height: 1.5;
	color: var(--felix-color-border-focus);
}