/**
 * Coffee Trade — Base typography
 * ----------------------------------------------------------------------------
 * Calm, slim, high-readability hierarchy in dark espresso.
 *
 * Scope: rules are prefixed with `body:not(.elementor-page)` so Elementor-built
 * pages (e.g. the homepage / landing pages) keep their own design — those are
 * authored in the Elementor editor (client admin), out of scope for the child.
 *
 * Configurability: we intentionally refine WEIGHT / LETTER-SPACING / LINE-HEIGHT
 * and colour only. Heading FONT SIZES and FONT FAMILY stay in Astra Customizer
 * (Global > Typography) and remain fully configurable.
 */

/* --- Headings: large + slim (sizes remain Astra-configurable) ------------- */
body:not(.elementor-page) h1,
body:not(.elementor-page) h2,
body:not(.elementor-page) h3,
body:not(.elementor-page) .entry-title,
body:not(.elementor-page) .ast-archive-title,
body:not(.elementor-page) .woocommerce-products-header__title,
body:not(.elementor-page) .product_title {
	color: var(--ctc-text);
	font-weight: var(--ctc-heading-weight);
	letter-spacing: var(--ctc-heading-letter-spacing);
	line-height: var(--ctc-heading-line-height);
	text-wrap: balance; /* progressive enhancement; ignored where unsupported */
}

/* Smaller headings carry slightly more weight for a clear hierarchy. */
body:not(.elementor-page) h4,
body:not(.elementor-page) h5,
body:not(.elementor-page) h6 {
	color: var(--ctc-text);
	font-weight: var(--ctc-heading-weight-strong);
	letter-spacing: -0.01em;
	line-height: 1.3;
}

/* --- Body copy: dark, simple, easy to scan -------------------------------- */
body:not(.elementor-page) {
	color: var(--ctc-text);
}

body:not(.elementor-page) p,
body:not(.elementor-page) li,
body:not(.elementor-page) dd {
	line-height: var(--ctc-body-line-height);
}

/* Muted/secondary copy (post meta, captions, product meta). */
body:not(.elementor-page) .entry-meta,
body:not(.elementor-page) .post-meta,
body:not(.elementor-page) figcaption,
body:not(.elementor-page) .wp-caption-text,
body:not(.elementor-page) .woocommerce-result-count {
	color: var(--ctc-text-muted);
}

/* --- Premium finishing touches (global, harmless) ------------------------- */
::selection {
	background: var(--ctc-bronze);
	color: var(--ctc-espresso);
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}